@font-face {
    font-family: 'l-b';
    src: url('../fonts/LabGrotesque-Bold.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'l-m';
    src: url('../fonts/LabGrotesque-Medium.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'l-li';
    src: url('../fonts/LabGrotesque-LightItalic.woff2') format('woff2'),
        url('../fonts/LabGrotesque-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'l-i';
    src: url('../fonts/LabGrotesque-Italic.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'l-mi';
    src: url('../fonts/LabGrotesque-MediumItalic.woff2') format('woff2'),
        url('../fonts/LabGrotesque-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'l-r';
    src: url('../fonts/LabGrotesque-Regular.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'l-bl-i';
    src: url('../fonts/LabGrotesque-BlackItalic.woff2') format('woff2'),
        url('../fonts/LabGrotesque-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'l-l';
    src: url('../fonts/LabGrotesque-Light.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'l-bi';
    src: url('../fonts/LabGrotesque-BoldItalic.woff2') format('woff2'),
        url('../fonts/LabGrotesque-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'l-bl';
    src: url('../fonts/LabGrotesque-Black.woff2') format('woff2'),
        url('../fonts/LabGrotesque-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




html, body {
    overflow: hidden;


}
body {
    font-family: 'l-m';
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}



::-webkit-scrollbar-track
 {
 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	border-radius: 10px;
     background-color: #ced6ec;

 }
 ::-webkit-scrollbar {
    width: 7px !important;
    height: 10px !important;
    background-color: #e8e8e8 !important;
}

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(39 52 88);
    background-color: #273458;
}


 .pd-5 {
    padding: 5px!important;
}

p {
    margin: 0;
    line-height: 1.9;
    font-size: 16px;
    color: #5B6776;
}
#widgets-container ul, #level-widgets-container ul {
    margin: 0;
}

.slct-all-btn{
    margin-left: 15px;
}

td.printhide{
    text-align: center;
}


.ba ul > li{
    margin-left: 60px;
}

.collapse {
    color: gray;
    /* font-style: italic; */
    font-size: 14px;
    /* padding-left: 5px; */
}

ul.ba, ul.level-ba{
    list-style-type: none;
}
.features-box, .level-features-box{
    list-style-type: none;
    padding-left: 15px;
    min-height: 372px;
}
#widgets-container, #level-widgets-container{
    min-height: 388px;
}


a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
    cursor: pointer;
}
.deselected-widget{
    display: inline-block;
    min-height: 20px;
    width: 90%;
    background-color: #FFFFFF;
}
.level-deselected-widget{
    display: inline-block;
    min-height: 20px;
    width: 90%;
    background-color: #FFFFFF;
}
.selected-widget{
    display: inline-block;
    min-height: 20px;
    width: 90%;
    background-color: #214D88;
}
.level-selected-widget{
    display: inline-block;
    min-height: 20px;
    width: 89%;
    background-color: #214D88;
}
#def-icon{
    color: #5A6685;
    border: 1px solid #5A6685;
    border-radius: 4px;
    background-color: white;
    padding: 2px;
}
/* #reveal-icon{
    display: none;
} */

.reveal, .reveal:hover, .reveal:focus, .level-reveal, .level-reveal:hover, .level-reveal:focus{
    color:#5A6685;
    right: 15px;
    display: inline-block;
    min-height: 20px;
    width: 267px;
}
/* .reveal:hover #reveal-icon{
    display: unset;
}
.reveal:hover #def-icon{
    display: none;
} */



table a  ,table a:hover,table a:focus {
    color:inherit !important;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.article-padd {
    padding: 100px 0 100px 0;
}

.article-padd-half {
    padding: 40px 0 40px 0;
}
button:focus {
    outline-color: transparent;
}

.blue-btn {
    background: #5A6685;
    padding: 6px 12px;
    border-radius: 3px;
    max-width: 212px;
    width: 100%;
    text-align: center;
}

.blue-btn:hover {
    background: #3E4D74;
}

.red-clr {
    color: #F35A5A;
}




/********************/
/*       index      */
/********************/

span.logo-sm {
    display: none;
}

.custom-nav-wrap {
    display: flex;
    align-items: center;
}

.logo-box {
    height: 50px;
    width: 225px;
}

.enlarged .logo-box a.logo {
    /* max-width: 40px; */
    width: 100%;
}

.logo-box a.logo {
    display: block;
    line-height: 50px;
    max-width: 110px;
    width: 100%;
}

/* search dropdown starts here */

.search-dd {
    display: none;
    position: absolute;
    background-color: #ffffff;
    /* max-width: 115%; */
    box-shadow: 10px 10px 9px rgb(143 154 182 / 25%);
    border-radius: 3px;
    z-index: 9999;
    height: 0;
    width: 530px;
    top: 60px;
    overflow: auto;
    max-height: calc(100vh - 70px);
    transition: height 0.1s linear;
    left: 240px;
    box-sizing: border-box;
    border: 2px solid lightgray;
}
/*
div:hover {
    overflow-y: auto;
} */

.right-box{
    display: flex;
    width: 100%;

}
.right-box .right-span{
    float: right;
    /* margin-left: 50px;
    margin-right: 30px;
    width: 150px; */
    font-weight: normal !important;
    flex:1;
}

.right-box .left-span{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:170px;
    display:inline-block;
    flex:1;
    font-weight: 900 !important;
}

/* .tooltip {
    width: 125%;
  }

.tooltip-inner {
    text-align: left!important;
} */

.tooltip-search{
    font-size: 14px;
    color: #FFF;
    text-align: left;
}

#searchModal .modal-dialog{
    overflow-y: initial !important
}
#searchModal .modal-body{
    height: 540px;
    overflow-y: auto;
}
#searchModal .modal-body.no-results-mode{
    height: 60px;
    overflow-y: auto;
}




.search-results-head p{
    height: 20px;
    font-size: 14px;
    width: 150px;
    display: inline-block;
    color: #5A6685;
}

.ws-head-results{
    font-size: 14px;
    color: #5A6685;
}
.search-results-content p{
    height: 20px;
    font-size: 14px;
    width: 200px;
    display: inline-block;
}

.search-input-bar{
    width: 530px;
    height: 25px;
    position: relative;
}

.search-input-bar .form-control{
    height: 30px;
    padding-left: 30px;
}

.search-input-bar input{
    display: inline-block;
}

.search-input-bar i{
    position: absolute;
    left: 7px;
    top: 8px;
    color: gray !important;
}

.ws-search-input-bar{
    width: 80%;
    height: 40px;
    position: relative;
    margin: 10px 0px 0px 35px;
    display: block;
}

.ws-search-input-bar .form-control{
    height: 30px;
    padding-left: 30px;
    background-color: #273458;
    border: 0px;
    color: #ffffff;
}

.ws-search-input-bar input{
    display: inline-block;
}

.ws-search-input-bar i{
    position: absolute;
    left: 5px;
    top: 5px;
    color: #ffffff !important;
}
.ws-reveal i{
    position: absolute;
    left: 12px;
    top: 22px;
    color: #F35A5A !important;
}
.sidebar-menu-toggleable .reveal-btn-container .ws-reveal {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    z-index: 9;
}

.sidebar-menu-toggleable .reveal-btn-container .ws-reveal i {
    top: unset !important;
    left: unset !important;
}

.sidebar-menu-toggleable .ws-search-input-bar {
    position: absolute;
    z-index: 999;
    left: 20px;
    top: 0;
    width: 50vw;
    box-shadow: 0px 2px 10px #989898;
    display: none;
}

.r-box-single > a > img {
    height: 80px;
    width: 95px;
    border-radius: 10px;
    margin-right: 7px;
}
.r-box-default-img , .results-image{
    height: 77px;
    width: 99px;
    margin-right: 7px;
}
.r-box-def-img-1 , .r-box-def-img-2 ,  .r-box-def-img-1 img , .r-box-def-img-2 img{
    height: 20px;
    width: 20px;
}
.search-dd {
    display: none;
}

.search-dd-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border-bottom: 0.5px solid #D4DAE1;
}

.search-dd-list:hover {
    background: #f5f8ff;
    border-left: 2px solid #273458;
    padding-left: 8px;
}

.search-dd-list:last-child {
    border-bottom: none;
}

.search-dd-img p {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #273458;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.search-dd-txt p {
    font-size: 13px;
    padding-left: 10px;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* search dropdown ends here */

/* menu toggle logo starts here */

.menu-toggle-logo a img {
    max-width: 30px;
    width: 100%;
}

.menu-toggle-logo {
    display: none;
}

/* menu toggle logo ends here */

.navbar-custom-sec {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(8, 39, 89, 0.1);
    position: fixed;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 100;
}



.search-notification-wrap {

}

.list-unstyled.topnav-menu-left {
    display: flex;
    align-items: center;
    width: calc(100% - 60px);
    margin-left: 10px;
}


.top-menu-title {
    width: 100%;

}

.top-title-text {
    margin-left: 20px;
    color: #3E4D74;
}
.form-group.search-anything  {
    position: relative;
    width: 80%;
    border: 1px solid lightgray;
    margin: 10px 0 10px 40px;
    border-radius: 5px;
    height: 30px;
}
.enlarged .form-group.search-anything {
    position: absolute;
    z-index: 999;
    left: 20px;
    top: 0;
    width: 50vw;
    box-shadow: 0px 2px 10px #989898;
    display: none;
}

.enlarged .form-group.search-anything::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    position: absolute;
    left: -10px;
    top: 4px;


}
.show-search-input {
    display: block !important;
}
.enlarged .search-dd {
    height: auto;
    display: block;
    position: absolute;
    left: 60px;
    top: 90px;
    max-height: calc(100vh - 100px);
}
.menu-toggle-btn a i {
    color: #B2B8C7;
    width: 60px;
    line-height: 50px;
    text-align: center;
    font-size: 23px;
}


.search-anything .form-control {
    padding: 0 0 0 10px;
    border: none;
    height: 28px !important;
}

.search-anything .form-control:focus {
    box-shadow: none;
}

.search-img {
    position: absolute;
    top: 18px;
    left: 15px;
}

.form-group.search-anything input::placeholder {
    font-size: 14px;
    color: #B2B8C7;
}


.navbar-wrap.float-right {
    display: flex;
    align-items: center;
    /* padding-right: 20px; */
}

.navbar-wrap.float-right a i {
    font-size: 18px;
    color: #B2B8C7;
}


.main-tabs-container{
    background-color: #fff !important;
    border-bottom: none !important;
    padding: 10px !important;
    height: 50px !important;
    line-height: 35px;
    overflow: unset !important;

}
/* .main-tabs-container .order-tabs .nav{
    flex-wrap: nowrap !important;
    overflow: hidden;
} */

.main-tabs-container .order-tabs .nav-pills li a{
    white-space: nowrap;
    padding: 0 12px 0 12px !important;
}
.main-tabs-sm-links{
    display: none;
    position: absolute;
    background-color: #ffffff;

    box-shadow: 0px 10px 50px rgba(143, 154, 182, 0.25);
    border-radius: 3px;
    z-index: 1;
    left: auto;
    top: 40px;
    padding:0;
}

.main-tabs-sm-links a{
    color: #273458;
    border-bottom: 1px solid #B2B8C7;
    font-size: 14px;
    display: block;
    padding:5px 15px ;
}
.main-tabs-sm-links a.active.show {
    background-color: #273458;
    color: #fff;
}
/* .navbar-wrap.float-right a:nth-of-type(1) {
   padding-top: 5px;
}

.navbar-wrap.float-right a:nth-of-type(2) {
   padding-top: 5px;
} */

/* .navbar-wrap.float-right a:nth-of-type(3) {
    background: var(--primary_color);
    box-shadow: 0px 4px 10px rgba(90, 102, 133, 0.25);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    padding: 4px 0 0 0;
} */

.navbar-wrap.float-right a span {
    color: #273458;
    font-size: 14px;
    display: inline-block;
    margin-top: 3px;
    margin: 3px 0 0 5px;
    line-height: 1.1;
}

.navbar-wrap.float-right a {
    display: flex;
    align-items: center;
    margin-left: 10px;
    padding: 15px;
    border-bottom: 1px solid #B2B8C7;
}
.navbar-wrap.float-right a img {
    width: 18px;
    height: 18px;
}
.search-notification-wrap {
    width: calc(100% - 225px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enlarged .search-notification-wrap {
    width: calc(100% - 50px) ;
}
.search-notification-wrap.form-group {
    margin-bottom: 0px;
}


.unred-notification {
    position: relative;
}

/* .unred-notification::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #F35A5A;
    border-radius: 50%;
    top: 1px;
    right: 0;
    left: 13px;
} */

.sidebar-menu {
    position: absolute;
    width: 240px;
    height: calc(100vh - 50px);
    background: var(--primary_color);
    /* border: 1px solid #3E4D74; */
}

.sidebar-menu-full {
    height: 100vh;
}

/* .enlarged .sidebar-menu {
    border: none;
} */

.sidebar-icons {
    display: flex;
    height: 45px;
    margin-top: 20px;
    background: var(--primary_color);
    align-items: center;
    justify-content: space-around;
}

.sidebar-search-input-field {
    display: none;
}

.sidebar-search-input-field-show {
    display: block;
}


.sidebar-search-input-field {
    text-align: center;
}

.sidebar-search-input-field input {
    width: 90%;
    height: 40px;
    margin: 20px auto 0;
    padding: 10px;
}

.sidebar-search-input-field input::placeholder {
    font-size: 14px;
    color: #B2B8C7;
}



.main-content-area {
    width: calc(100% - 240px);
    background-color: #e8ecf6;
    position: relative;
    right: 0;
    left: 240px;
    height: calc(100vh - 50px);
    overflow: auto;

}

.mca-tabs-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    /* overflow: hidden; */
    padding: 10px 15px 10px 20px;
    background: #F5F8FF;
    border-bottom: 1px solid #CCD9E8;

}
#main_tabs_nav {
    height: 40px;
}

.main-tabs-sm {
    display: none;
    position: relative;
}
.main-tabs-sm span{
    width: 32px;
    font-size: 23px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    border: 1px solid gray;
    color: #fff;
    justify-content: center;
    padding: 5px 0 12px;
    border-radius: 50%;
    background-color: #5a6685;
    position: absolute;
    /* top: 9px; */
    right: 0;
    cursor: pointer;

}

/* .nav-pills li {
    padding: 0px 40px 0px 0px;
} */

.nav-pills li a {
    font-family: 'l-b';
    font-size: 14px;
    color: #B2B8C7;
    padding: 0px 25px 8px 25px;
}

.main-content-area .order-tabs .nav-pills li a{
    color: #B2B8C7;
}

.nav-pills li a.active.show {
    padding: 0px 25px 6px 25px;
    border-bottom: 2px solid #5A6685;
    color: #3E4D74;
}

/* .main-tabs-container .order-tabs{
    max-width: 100%;
} */
.main-tabs-container .nav-pills li a.active.show{
    padding: 0px 25px 13px 25px !important;
}
/* .main-tabs-container .order-tabs .nav-pills li{
    min-width: 130px;
} */
.hide-top-tabs-item {
    display: none;
}

.mca-tabs-content-wrap {
    padding: 10px;
    height: calc(100vh - 60px);
    overflow: auto;
}

.change-view-btn-wrap {
    display: flex;
    align-items: center;
    /* padding-right: 20px; */
}


.list-view-btn {
    margin-left: 10px;
}

.list-view-btn a img, .grid-view-btn a img {
    font-size: 12px;
    color: #B2B8C7;
    background: #FFFFFF;
    border: 1px solid #5A6685;
    box-sizing: border-box;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    padding: 5px 6px;
}

.change-view-btn-wrap .active {
    color: #5A6685;
    border: 1px solid #5A6685;
}


.info-box {
    /* width: 254px; */
    margin: 10px 0;
    /* min-height: 265px; */
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    border: 1px solid #B2B8C7;
}

.infobox-img-wrap {
    /* max-height: 200px; */
    overflow: hidden;
    border-bottom: 1px solid #E8ECF6;
    text-align: center;
    position: relative;
    width: 100%;
    padding-top: calc(100% - 1px); /* 1:1 Aspect Ratio */


}

.infobox-img-wrap >  a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.infobox-img-wrap img {
    /* width: 100%;
    height: 100%; */
     max-height: 100%;
     /* height: 100%;
     width: 99%; */
}

.infobox-heading-wrap {
    padding: 10px 0 10px 10px;
    background: #273458;
}
.infobox-heading-wrap h1 {
    margin: 0  !important;
}
.level-name-bg {
    background: #273458;
}

.infobox-heading-wrap h1 {
    font-family: 'l-b';
    font-size: 17px;
    color: #fff;
    margin: 10px 0;
    width: 96%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infobox-heading-wrap h1:hover {
    color: #F35A5A;
}

.workspace-wrap {
    width: 100%;
}
.workspace-wrap h3 {
    font-size: 15px;
    color: #fff;
    margin: 0px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-name-wrap h3 {
    font-size: 15px;
    color: #5A6685;
    margin: 0px;
    width: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-name-wrap img {
    padding: 0px 7px 4px 0;
}

.workspace-name-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 10px;
    /* border-bottom: 1px solid #E8ECF6; */
}

.workspace-name-wrap .ib-name-wrap {
    display: flex;
    align-items: center;
}

.infobox-date-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.ib-date-wrote-wrap {
    display: flex;
    align-items: center;
}

.ib-date-wrote-wrap h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
    margin: 0;
}

.ib-current-date-wrap h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
    margin: 0;
}

.ib-current-date-wrap {
    display: flex;
    align-items: center;
}

.ib-date-wrote-wrap img {
    padding: 0 7px 3px 0;
}

.ib-current-date-wrap img {
    padding: 0 7px 4px 0;
}

.mca-tabs-content-wrap .tab-content .info-box-parent {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.mca-tabs-content-wrap .tab-content .info-box-parent .dataTables_paginate.paging_simple_numbers .ellipsis{
    font-size: 25px;
    margin: 0 10px;
    font-weight: bold;
}

.info-box-parent .col-xl-3.col-lg-4.col-md-6.col-sm-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.enlarged .info-box-parent .col-xl-3.col-lg-4.col-md-6.col-sm-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}



.aww-dropdown {
    position: relative;
    display: inline-block;
}

.aww-dd-link {
    display: block;
    color: #ffffff !important;
    padding: 15px 20px 15px 15px !important;
    font-size: 15px;
    font-weight: 600;
}

.aww-dd-content {
    display: none;
    position: absolute;
    right: 0;
    left: 15px;
    top: 50px;
}

.aww-dropdown:hover .aww-dd-content {
    display: block;
}

/* .aww-dd-link i.fa.fa-chevron-up {
    padding-left: 30px;
} */

/* .aww-dd-link i.fa.fa-chevron-up:hover {
    transform: rotateX(180deg);
} */




.sidebar-btn-wrap {
    background: var(--primary_color);
    text-align: center;
    padding: 6px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #3E4D74;
}

.sidebar-btn-wrap .add-new-wp-btn i.fa.fa-plus  , .sidebar-btn-wrap .add-new-wp-btn i.fas.fa-edit{
    font-size: 15px;
    color: #F35A5A;
    padding-right: 5px;
}

.sidebar-btn-wrap .add-new-wp-btn-collapsed i.fa.fa-plus , .sidebar-btn-wrap .add-new-wp-btn-collapsed i.fas.fa-edit{
    font-size: 15px;
    color: #F35A5A;
}

.sidebar-btn-wrap a {
    font-family: 'l-b';
    font-size: 16px;
    text-transform: uppercase;
}

.main-content-wrap {
    margin-top: 50px;
}




/* dropdown code starts */


.all-workspaces-wrap {
    border-top: 1px solid #3E4D74;
    border-bottom: 1px solid #3E4D74;
    /* padding: 15px 20px; */
    position: relative;
    max-height: calc(100vh - 50px);
    overflow: auto;
}

.all-workspace-not-full-hight {
    max-height: calc(100vh - 100px) !important;
}


a.aw-dropdown {
    font-family: 'l-b';
    font-size: 14px;
    display: flex;
    height: 55px;
    align-items: center;
    padding-left: 15px;

}

.hide-sub-level {
    display: none;
}
ul.level-1-menu-ul {
    margin-left: 30px;
    list-style: none;
}
a.aw-dropdown img.aw-dropdown-img {
    /* margin-left: 74px; */
    position: absolute;
    top: 23px;
    right: 15px;
}

/* .enlarged a.aw-dropdown img.aw-dropdown-img {
    display: none;
} */

a.aw-dropdown img.aw-coll-arrow-img {
    display: none;
}

.enlarged a.aw-dropdown img.aw-coll-arrow-img {
    display: block;
    margin: 0 auto;
}

.aw-dd-img-rotate {
    transform: rotate(180deg);
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
}

/* .aw-dropdown-content {
    display: block;
    position: absolute;
    top: 60px;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #3E4D74;
} */
.aw-dropdown-content{
    display: none;
}
.aw-dropdown-content ul {
    padding-left: 10px;
}

.enlarged .aw-dropdown-content ul {
    padding-left: 0;
}

.enlarged .aw-dropdown-content {
    display: none;
}

.enlarged .aw-dropdown-content {
    background: #273458;
    min-width: 190px;
    max-width: 215px;
    max-height: calc(45vh - 25px);
    height: auto;
    z-index: 999;
    overflow: auto;
    position: fixed;
    left: 60px;
}

/* .enlarged .aw-dropdown-content ul li a i.red-dd-btn-arrow {
    font-size: 11px;
} */

/* .enlarged .aw-dropdown-content ul li a i::before {
    content: none;
} */

.aw-dropdown-content ul li a {
    font-size: 13px;
    max-width: 200px;
    /* white-space: nowrap; */
    overflow: hidden;
    width: 200px;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    padding: 5px;
}
.workspace-icon {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.aw-dropdown-content ul li a:hover {
    color: #F35A5A;
}

.aw-dropdown-content ul li {
    /* display: flex; */
    padding: 9px 0;
}

.aw-dropdown-content ul li i {
    /* padding-right: 10px; */
    padding: 0 10px;
    color: #F35A5A;
}

/* .aw-dropdown-content ul li {
    margin: 14px 0;
    list-style: none;
} */
.aw-dropdown-content ul li a p {
    color:#FFF;
    font-size: 0.9rem;
}

/* dropdown ends */

/* AW Dropdown Changes for Sub menu level 1 (starts here)*/

.inner-level-1-menu {
    display: none;
    margin-bottom: -14px;
}

.inner-level-1-menu ul.level-1-menu-ul {
    padding-left: 25px;
}

.inner-level-1-menu ul.level-1-menu-ul li {
    margin: 0;
}

.inner-level-1-menu ul.level-1-menu-ul li a i {
    font-size: 11px;
}

.sub-menu-btn-rotate {
    transform: rotate(90deg);
    -webkit-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
}


/* AW Dropdown Changes for Sub menu level 1 (ends here)*/




/* Notifications Toggle Start */

.toggle-notifications {
    position: relative;
}

.bell-notify-list-wrap {
    display: block;
    position: absolute;
    right: 109px;
    background-color: #ffffff;
    max-width: 360px;
    box-shadow: 0px 10px 50px rgba(143, 154, 182, 0.25);
    border-radius: 3px;
    z-index: 1;
    left: auto;
    top: 50px;
    z-index: 1;
    overflow-y: auto;
    max-height: 340px;
    padding: 22px 0 0 0;
}

.notify-list-top {
    padding: 0 20px;
}

.notify-list-top p {
    font-family: 'l-b';
    font-size: 16px;
    color: #3E4D74;
}

.notify-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 0.5px solid #D4DAE1;
}

.notify-box:hover {
    background: #f5f8ff;
}

.notify-box-img p {
    font-size: 14px;
    line-height: 45px;
    color: #FFFFFF;
    background-color: #273458;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
}

.notify-box-msg {
    padding-left: 15px;
}

.notify-box-msg p {
    font-size: 14px;
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #B2B8C7;
}

.uncheck-notify p {
    color: #5A6685;
}

.bell-notify-list-wrap {
    display: none;
}

/* Notifications Toggle End */

/* Settings Toggle start */


.toggle-setting {
    position: relative;
}

.toggle-settings-wrap {
    display: block;
    position: absolute;
    right: 170px;
    background-color: #ffffff;
    width: 100px;
    box-shadow: 0px 10px 50px rgba(143, 154, 182, 0.25);
    border-radius: 3px;
    z-index: 1;
    left: auto;
    top: 50px;
    padding: 0;
}

.settings-wrap:hover {
    background: #f5f8ff;
}

.settings-wrap p {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    padding: 10px 20px;
}

.toggle-settings-wrap {
    display: none;
}

/* Settings Toggle end */

/* Toggle User Start */

.toggle-user{
    position: relative;
}

.toggle-user > span {
    display: flex;
    height: 32px;
    width: 32px;
    text-align: center;
    background: #5A6685;
    color: #fff;
    padding: 7px 7px 5px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50%;
    padding: 7px 6px 6px 6px;
    justify-content: center;
}

.global-search-btn > a{
    display: flex;
    height: 32px;
    width: 32px;
    text-align: center;
    background: #5A6685;
    color: #fff;
    padding: 7px 7px 5px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50%;
    padding: 7px 6px 6px 6px;
    justify-content: center;
}

.global-search-btn > a > i{
    color: #fff !important;
}

.global-search-btn{
    position: relative;
    margin-right: 10px;
}

.download-disabled{
    opacity: 0.5;
}


.show-user-wrap {
    display: none !important;
}

.toggle-setting-wrap {
    right: 100px;
    width: 270px;
}

.toggle-user-wrap {
    right: 15px;
    width: 180px;
}
.global-search-btn-wrap {
    right: 15px;
    width: 180px;
}
.main-tabs-sm-links{
    right: 15px;
    width: 220px;
}
.toggle-user-wrap, .toggle-setting-wrap {
    display: none;
    position: absolute;
    background-color: #ffffff;

    box-shadow: 0px 10px 50px rgba(143, 154, 182, 0.25);
    border-radius: 3px;
    z-index: 1;
    left: auto;
    top: 40px;
    padding:0;
}

.user-settings-wrap a, .user-settings-wrap a {
    margin-left: 0 !important;
    text-align: left !important;
}

.user-settings-wrap p {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    padding: 10px 20px;
    border-bottom: 0.5px solid #D4DAE1;
}
.user-settings-wrap p.logout{
    width:100% !important;
}

.user-settings-wrap a:last-child {
    border-bottom: none !important;
    display: flex;
    position: relative;
}

.user-settings-wrap p:hover {
    background: #f5f8ff;
}

.toggle-setting-wrap {
    display: none;
}

/* Toggle User end */



/* Sidebar menu collapsed start */

.sidebar-menu {
    -webkit-transition: all 200ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: all 200ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}


.enlarged .sidebar-menu-toggleable {
    width: 60px;
    -webkit-transition: all 200ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: all 200ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}



.enlarged .logo-box-sm {
    /* padding-left: 6px; */
    width: 47px;
}

.enlarged .logo-box .logo-lg {
    display: none;
}

.enlarged .logo-box .logo-sm {
    display: block;
}

.enlarged .logo-box .logo-sm img {
    width: 30px;
}


.enlarged .sidebar-icons {
    flex-direction: column;
    height: auto;
    background: none;
}

.enlarged .sidebar-icons a {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
.sidebar-icons a {
    flex:1;
    text-align: center;
}

.enlarged .sidebar-icons a:hover {
    background-color: var(--primary_color);
}

.enlarged .sidebar-icons a.active-link {
    background-color: var(--primary_color);
    border-left: 3px solid #fff;
}

.sidebar-icons a.active-link-lg {
    position: relative;
}

.sidebar-icons a::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    width: 25px;
    height: 3px;
    background-color: transparent;
}


.administration_icon{
    left: 0  !important;
    /* top: 11px; */
    padding-left: 5px   !important;
}

.toggle-setting-wrap li.nav-item:hover a i,.toggle-setting-wrap li.nav-item:hover a span.item-text,
.toggle-setting-wrap li.nav-item.active-nav-link a i,.toggle-setting-wrap li.nav-item.active-nav-link a span.item-text {
    color: var(--secondary_color)!important;
}

.sidebar-icons a:hover{
    position: relative;
}

.sidebar-icons a.active-link-lg::after,.sidebar-icons a:hover::after {
    background-color: var(--secondary_color);
}

.enlarged .sidebar-icons a.active-link-lg::after {
    display: none;
}

.enlarged .sidebar-btn-wrap .add-new-wp-btn {
    display: none;
}

.sidebar-btn-wrap .add-new-wp-btn-collapsed {
    display: none;
}

.enlarged .sidebar-btn-wrap .add-new-wp-btn-collapsed {
    display: block;
    margin: 0 auto;
}

.all-workspaces-wrap-hide {
    display: block;
    padding: 0 8px;
}

/* .enlarged .all-workspaces-wrap-hide {
    display: none;
} */

.all-workspaces-wrap-collapsed {
    display: none;
}

.all-workspaces-wrap-collapsed-show {
    display: block;
    position: relative;
}

.colap-arrow {
    text-align: center;
    margin-top: 30px;
    padding: 13px 0;
    border-top: 1px solid #3E4D74;
    border-bottom: 1px solid #3E4D74;
}

.aw-dropdown-c-collapsed {
    display: none;
}

.aw-dropdown-c-collapsed {
    position: absolute;
    top: 30px;
    left: 60px;
    background: #2F3C5F;
    padding: 10px;
    width: max-content;
    z-index: 200;
}

.aw-dropdown-c-collapsed ul li {
    list-style: none;
    margin: 10px 0;
}

.aw-dropdown-c-collapsed ul li a {
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
}

.aw-dropdown-c-collapsed ul li a:hover {
    color: var(--secondary_color);
}

.aw-dropdown-content ul li a p:hover {
    color: var(--secondary_color);
}

/* .jstree-icon{
    color: #eee;
}
.jstree-default .jstree-hovered,
.jstree-default .jstree-clicked{
    background:transparent;
    border:none;
    box-shadow:none;
    color: var(--secondary_color)!important;
} */

.jstree-icon{
    color:#F35A5A
}

.jstree-anchor {
    color:#FFF;
    font-size: 12px!important;
}


.jstree-default .jstree-node {
    line-height: 28px;
    margin-left: 15px;
}


.jstree-default .jstree-icon:empty {
    line-height: 20px;
    margin-left: -2px;
    margin-right: 5px;
}

.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -41px -11px;
}

.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -10px -11px;
}

.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active{
    color:#FFF;
}


.jstree-default .jstree-hovered,
.jstree-default .jstree-clicked{
    background:transparent;
    border:none;
    box-shadow:none;
    color: var(--secondary_color) ;
}



.vakata-context {
    display: none  !important;
}
/* .jstree-ocl {
    display: none !important;
} */
.main-content-area-expanded {
    width: calc(100% - 60px);
    left: 60px !important;
    /* -webkit-transition: all 250ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: all 250ms cubic-bezier(0.6, 0.05, 0.28, 0.91); */
}

/* .enlarged .info-box {
    width: 294px;
} */

/* .enlarged .infobox-img-wrap {
    max-height: 170px;
} */

/* Sidebar menu collapsed end */


/* .sidebar-menu-hide {
    display: none;
} */

.sidebar-btn-wrap button.add-new-wp-btn {
    color: #fff;
    background-color: unset !important;
    border: none !important;
    text-transform: uppercase;
    outline: none !important;
    width: 100%;
}

.sidebar-btn-wrap button.add-new-wp-btn:active {
    outline: none;
    background-color: unset !important;
    border: none !important;
    box-shadow: none;
}

.sidebar-btn-wrap button.add-new-wp-btn:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: unset !important;
}


.sidebar-btn-wrap button.add-new-wp-btn-collapsed {
    color: #fff;
    background-color: unset !important;
    border: none !important;
    text-transform: uppercase;
    outline: none !important;
}

.sidebar-btn-wrap button.add-new-wp-btn-collapsed:active {
    outline: none;
    background-color: unset !important;
    border: none !important;
    box-shadow: none;
}

.sidebar-btn-wrap button.add-new-wp-btn-collapsed:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: unset !important;
}


.am-modal-parent button.add-menu-cls-btn:focus {
    outline: none;
}

/* #add-menu-item-modal {
    padding: 10px !important;
} */

.am-modal-parent .modal-title {
    font-size: 20px;
    color: #3E4D74;
    margin-top: 0px;
}

.am-modal-parent .modal-header-icon i {
    font-size: 16px;
    color: #F35A5A;
    padding: 5px 10px 0 0;
}

.am-modal-parent .am-modal-width {
    max-width: 800px !important;
    width: 100%;
    margin: 0 auto;
}
#siteModal .am-modal-width , #information .am-modal-width{
    max-width: 1400px !important;
    width: 100%;
    margin: 0 auto;
}
.def-color-text{
    font-size: 12px;
    margin-top: 6px;
}
.def-toggle-container .switch-toggle-label{
    margin-top: 3px;
    margin-bottom: 0px !important;
}
#branding_tab .col-md-4{
    max-width: 300px;
}
.customization-form{
    position: relative;
    margin-top: 10px;
    right: 3px;
}
#sharing-message-counter, #description-counter , #level-description-counter {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#connection-description-counter {
    position: absolute;
    right: 5px;
    bottom: -5px;
}
#sharing-message-subject-counter{
    position: absolute;
    right: 0px;
    bottom: -23px;
}
.validation-error{
    color: red;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    float: left !important;
}

.am-modal-parent {
    background: rgba(62, 77, 116, 0.8);
    padding: 20px !important;
}

/* .am-modal-parent input.add-item-dd {
    -webkit-appearance: none;
} */

#add_menu_dashboard #paramDiv .tab-table-body .dataTables_wrapper, #add_menu_dashboard #filtersDiv .tab-table-body .dataTables_wrapper{
    max-height: 52vh;
}
#add_menu_dashboard #paramDiv .list-view-table-wrap, #add_menu_dashboard #filtersDiv .list-view-table-wrap{
    margin-bottom: 0px !important;
}

#groups_datatable tbody td, #users_datatable tbody td, #level_users_datatable tbody td, #level_groups_datatable tbody td{
    padding: 6px 10px !important;
    height: 40px;
}
#user_groups_datatable tbody td{
    padding: 6px 10px !important;
    height: 40px;
}
#parameters_tab tbody td:not(.datepicker td), #filters_tab tbody td:not(.datepicker td) {
    padding: 6px 10px !important;
    height: 40px;
}



.am-modal-parent select.add-item-dd::after {
    content: '';
    background-image: url(../images/add-col-dd-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    width: 10px;
    height: 10px;
    right: 8px;
}

.form-cus-dd-icon {
    position: relative;
    width: 100%;
}

.form-cus-dd-icon::after {
    content: '';
    background-image: url(../images/form-dd-icon.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 17px;
    width: 9px;
    height: 9px;
    right: 13px;
}

select.form-control:not([size]):not([multiple]) {
    -webkit-appearance: none;
    height: calc(2.25rem + 4px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px 0 12px;
}
.am-modal-parent .modal-header {
    padding:11px 15px !important;

    height: 50px;
}

/* .sidebar-btn-wrap .am-modal-parent .modal-content {
    height: 580px;
} */

#level-upload-btn{
    font-size: 18px;
}

#add_menu_dashboard .modal-body{
    background-color: #e8ecf6 ;
}

.new-level-modal-content {
    background-color:#ffffff ;
    margin: 10px;
}
.new-level-modal-content .order-tabs {
    background-color: #F5F8FF;
    margin-bottom: 5px;
}
.new-level-modal-content .nav {
    height: 45px;
    display: flex;
    align-items: center;
}

.new-level-modal-content .nav li:not(.assign-para-tabs > ul > li){
    margin-left: 20px;
}
.new-level-modal-content .nav li a.active.show {
    padding-bottom: 11px!important;
}
.new-level-modal-content form > .tab-content  {
    padding: 10px 15px;
    height: 60vh;
    overflow: auto;
    position: relative;
}
#nav-modal-db {
    height: 100%;
    border: 1px solid #CCD9E8;
    /* border-top: none; */
}
#nav-modal-db .tab-content{
    padding: 15px 15px;
    position: relative;
    height: unset;
    overflow: unset;
}
.paramter-table-content:not(#level_paramDiv .paramter-table-content) {
    height: auto;
    max-height: 475px;
    margin-bottom: 0px;
}
.target-parameter-table-content{
    height: auto;
    max-height: 475px;
    margin-bottom: 0px;
}
#level_paramDiv .paramter-table-content{
    position: relative;
    height: 420px;
}
#paramDiv {
    height: 100%;
}
.assign-view-sec-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5A6685;
}
.ref_toolbar_title {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    color: #3E4D74;
    margin: 5px 7px 20px;
}
.assign-view-sec-1 .toggle-btn-container > span {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #3E4D74;
    width: 150px;
    display: flex;
    align-items: baseline;
    margin-left: 15px;
}

.assign-view-sec-1 .toggle-btn-container .switch-toggle-label {
    width: 55px;
    height: 20px;
}
.assign-view-sec-1 .toggle-btn-container .switch-toggle-label .switch-toggle-btn:before {
    height: 14px;
    width: 14px;
    top: 3px;
    left: 2px;

}

#params_tab , #filter_tab {
    display: none;
}
.sep-section {
    margin-top: -30px;
}

.tab-table-header {
    display: flex;
}

.tab-table-header .search ,#search_level_groups , #search_level_users , #search_paramDiv ,#search_filtersDiv, #search_target_params {
    height: 35px;
}

.tab-table-body {
    position: relative;
}

.tab-table-body .dataTables_scrollHeadInner {
    width: 100% !important;
}

.tab-table-body .dataTables_scrollBody {
    overflow: overlay !important;
    max-height: 25vh !important;
    height: auto !important;

}


.tab-table-body .dataTables_wrapper .table {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.tab-table-body .dataTables_wrapper:not(#newNavModal .tab-table-body .dataTables_wrapper) {
    max-height: 365px;
    overflow-y: overlay;
    height: auto;
}
/* #newNavModal .tab-table-body .dataTables_wrapper {
    max-height: 58vh;
    overflow-y: overlay;
    height: auto;
} */


.tab-table-body .custom-width.dataTables_info, .tab-table-body  div.dataTables_wrapper div.dataTables_paginate , .tab-table-body .dataTables_length , .tab-table-body .dataTables_info {
    display: none;
}



#manage_group_membership .tab-table-body .dataTables_wrapper div div:nth-child(2){
    max-height: 42vh;
    overflow-y: overlay;
    height: auto;
}

#siteModal .dataTables_length, #manage_group_mem_table_wrapper .dataTables_length{
    position: relative ;
    max-width: 200px;
}
#siteModal .dataTables_info, #manage_group_mem_table_wrapper .dataTables_info{
    position: relative;
    padding-top: 0px;
    bottom: 35px;
    right: 0px;
    width: unset;
    justify-content: right;
}
#newNavModal .dataTables_info{
    bottom: 15px;
    display: grid;
    align-items: center;
    max-width: 180px;
    white-space: normal;
}
#newNavModal .dataTables_info .paginate_current {
    align-items: center;
    margin-right: 0px;
    justify-content: center;
}
#siteModal .dataTables_paginate, #manage_group_mem_table_wrapper .dataTables_paginate{
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 67px;
    left:0%;
    transform: unset;
}
#newNavModal .dataTables_paginate{
    display: flex;
    justify-content: center;
    bottom: 10px;
}




.disabled-add-params-filter {
    pointer-events: none;
}
tr.select-params-row td {
    position: relative;
}
tr.select-params-row td:not(:last-child, :first-child)::before {
    content: "";
    position: absolute;
    height: 60%;
    top: 9px;
    left: 5px;
    border: 1px solid #ced4da;
    width: 95%;
    border-radius: 5px
}
tr.select-params-row td.without-before:not(:last-child, :first-child)::before{
    content: none !important;
}

/* .user-management-row td:nth-of-type(2){
    display: none;
} */

.user-management-row td div{
    align-items: center;
    justify-content: center;
}
p#input_content {
    /* font-family: Lab Grotesque; */
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #556586;
    font-size: 1rem;
}
.nowrap-datatable-header {
    white-space: nowrap;
}


#paramDiv_datatable ,  #filtersDiv_datatable {
    margin-bottom: 0 !important
}

#paramDiv_datatable .bootstrap-datetimepicker-widget{
    position: fixed !important;
    display: block !important;
 }
#add_menu_dashboard .table thead th {
    padding-left: 7px !important;
}
/* .external_url_content {
    margin-top: -15px;
} */
@media (max-width:767px) {
    .new-level-modal-content .nav{
        display: grid;
        height: auto;
        padding-top: 10px
    }
    .new-level-modal-content .nav li:not(.assign-para-tabs > ul > li){
        margin-left: 10px;
        height: 35px;
    }
}
.disabled-icons-content {
    pointer-events: none;
    opacity: 0.4;
}

.add-item-from-wrap {
   padding: 0 !important;
}

.add-item-from-wrap .form-inline {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cus-form-label {
    position: absolute;
    left: 18px;
    top: -9px;
    font-size: 13px;
    color: #3E4D74;
    background: white;
    padding: 0 3px;
    z-index: 99;
}

.add-item-from-wrap input:focus {
    box-shadow: none;
    outline: none;
    border-color: #5A6685;
}

.add-item-from-wrap select:focus {
    box-shadow: none;
    outline: none;
    border-color: #5A6685;
}
#chosen_color_txt, #sep_chosen_color_txt , #level_chosen_color_txt{
    background-color: #FFFFFF !important;
    width :100px;
    height :27px;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
}
.add-item-from-wrap .cus-form-input::placeholder {
    font-size: 14px;
    color: #B2B8C7;
}
 #basic_info_tab .cus-form-input::placeholder{
    color: #B2B8C7;
}
#basic_info_tab .form-control::placeholder{
    color: #B2B8C7;
}
#add_menu_dashboard #endpoint_tab .cus-form-input::placeholder{
    color: #B2B8C7;
}

.add-item-from-wrap select.add-item-dd {
    font-size: 14px;
    color: #5A6685;
}

.add-item-save-btn a {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
    padding: 11.5px 18px;
    border: 1px solid #5A6685;
    border-radius: 3px;
    text-transform: none;
    white-space: nowrap;
}

.add-item-save-btn a:hover {
    background-color: #5A6685;
    border-color: #5A6685;
    color: white;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.add-item-from-wrap .btn-mar-0 {
    margin: 0px;
}

.add-item-save-btn {
    margin-top: 6px;
}

.hide-icon-section {
    display: none;
}

.length-notifier {
    font-family: 'l-m';
    font-size: 12px;
    color: #B2B8C7;
    /* position: absolute;
    bottom: -25px;
    left: 19px; */
    display: block;
    margin: 5px 0 0 3px;
}
.idle-length-notifier {
    font-family: 'l-m';
    font-size: 11px !important;
    color: #B2B8C7 !important;
    display: block;
    margin: 5px 0 0 265px;
}

.add-item-form-ftr {
    padding:20px 0;
    margin: 15px auto 0;
    border: none;
    justify-content: center;
    background-color: #e8ecf6;
}
#newTabModal .add-item-form-ftr{
    background-color: #fff;
}

.buttons-views {
    justify-content: flex-end !important;
    padding: 0;
    margin: 0;
}
.buttons-views button{
    width: 70px;
}
.view-name-contanier{
    white-space: nowrap;
    max-width: 630px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

#save_view_form {
    background-color: #fff;
    padding: 20px;
}
#save_view_form .add-item-form-ftr {
    background-color: #fff !important;
}

.my-views {
    max-height: 125px;
    overflow: auto;
  }

  .no-views-added {
    color: #000;
      text-align: center;
      font-size: 13px;
      margin: 0;

  }
  .my-views-container {
    display: flex;
    align-items: center;
    color: #777171;
    padding: 2px 5px;
    cursor: pointer;
  }
  .my-views-container:hover {
    background-color: #eee;
  }
  .other-views-container {
    cursor: pointer;
  }
  #grid_header {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    color: #3e4d74;
    font-size: 15px;
    max-width: 25vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

  }
  .my-views-container.default {
    background-color: #eee;
  }
  .my-views-container p {
    margin: 0 5px;
    flex: 1;
    font-size: 15px
  }
  #manage_grids_dashboard hr{
    color: #dedede;
    margin: 10px 0;
  }

  .my-views-container i{
    color: #fff !important
  }


  #cancel_view_btn {
    display: none;
  }
.other-views-container {
    display: flex;
  }
.other-views-container p {
flex: 1;
padding-left: 10px;
margin: 0;
font-size: 15px;
}

.other-views-container p:nth-child(2){
text-align: end;
padding-right: 10px;
}



.add-item-form-ftr button , .add-item-form-ftr a {
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    background-color: #3E4D74;
    border-color: #3E4D74;
    margin: 0 5px !important;
    border: none;
    height: 40px;
    width: 163.18px;
    line-height: 2.2;
}
.add-item-form-ftr button.cancel{
    background-color: #F35A5A;
}
.add-item-form-ftr button.cancel:hover {
    background-color: #F35A5A  !important;
}
.active-site {
    color: #0e7bef !important;
}
.add-item-form-ftr button:hover {
    background-color: #5A6685;
    border-color: #5A6685;
}

.add-item-form-ftr button:active {
    background-color: #5A6685 !important;
    border-color: #5A6685 !important;
    box-shadow: none !important;
}

.add-item-form-ftr button:not(.cancel):focus {
    background-color: #5A6685;
    border-color: #5A6685;
    box-shadow: none !important;
}

.enlarged .aw-dropdown .aw-dd-coll {
    display: none;
}


.assign-para-content-wrap .tab-content>.tab-pane.active {
    display: block;
}








/*-------------- LIST VIEW PAGE ---------------*/

.list-view-wrap .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}


.list-view-sec {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    padding: 20px ;
    /* margin: 20px; */
}

.filter-result-tabs-content-wrap {
    height: calc(100vh - 90px);
    overflow: auto;
}

.filter-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

/* table search bar starts here */

.table-search-bar {
    position: relative;
    margin: 0;
    width: 100%;
    flex: 1;
}
/* .list-view-filters {
    padding: 5px;
    background-color: #F5F8FF;
} */
.table-search-bar input , .search-csv input {
    margin: 0 !important;
    padding: 0 0 0 33px;
}

.table-search-bar img.search-img , .search-csv img.search-img{
    position: absolute;
    top: 10px;
    left: 10px;
}




/* table search bar ends here */

.lvf-head {
    max-width: 105px;
    width: 100%;
}

.lvf-f-i-fields {
    display: flex;
    align-items: center;
    width: 100%;
}

.lvf-head p {
    font-size: 14px;
    color: #3E4D74;
}

/* .navigation-table-wrap .filter-form input {
    max-width: 135px;
} */

.filter-form input {
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    margin: 0 5px;
    width: 100%;
    height: 35px !important;
}

input.form-control {
    height: 40px;
    cursor: pointer;
}

.filter-form input::placeholder {
    font-size: 13px;
    color: #B2B8C7;
}

.filter-form .col {
    padding: 5px;
}

.navigation-table-wrap .additional-col-dd-wrap {
    max-width: 170px;
}


.additional-col-dd-wrap {
    position: relative;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    max-width: 190px;
    width: 100%;
    padding: 7px 12px;
    margin: 0 10px 0 10px;
}

.additional-col-dd-wrap a.add-col-dd::after {
    content: '';
    background-image: url(../images/add-col-dd-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    width: 10px;
    height: 10px;
    right: 8px;
}

.additional-col-dd-wrap a {
    font-size: 14px;
    color: #3E4D74;
}

.export-excel-btn  , .list-view-btn , .grid-view-btn , .add-new-ws-btn{
    background: #3E4D74;
    border-radius: 3px;
    max-width: 35px;
    height: 35px;
    width: 35px;
    text-align: center;
    margin-left: 10px;
    background-color: #fff;
    border: 1px solid #5A6685;
}
.upload-btn{
    background: #3E4D74;
    border-radius: 3px;
    max-width: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 10px;
    background-color: #fff;
    border: 1px solid #5A6685;
}

.add-new-ws-btn.disabled  {
    background-color: #B2B8C7 !important;
    border:1px solid #B2B8C7;

}
.add-new-ws-btn.disabled a , .switch.disabled {
    pointer-events: none;
}
.add-new-ws-btn.disabled a i , .add-new-ws-btn.disabled:hover a i  {
    color: #fff;
}
.export-excel-btn i  , .list-view-btn i, .grid-view-btn i  , .add-new-ws-btn i, .upload-btn i{
    color: #B2B8C7;
}

.export-excel-btn:hover a i , .list-view-btn:hover a i, .grid-view-btn:hover a i ,
.list-view-btn a.active i ,  .grid-view-btn a.active i , .add-new-ws-btn:hover a i, .upload-btn:hover a i{
    color: #5A6685;
}

.export-excel-btn a , .list-view-btn a, .grid-view-btn a  , .add-new-ws-btn a, .upload-btn a{
    font-family: 'l-b';
    font-size: 20px;
    color: #fff !important;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.list-view-btn a.active, .grid-view-btn a.active , .add-new-ws-btn a.active{
    border: 1px solid #5A6685;
}

.status-view-export-cont{
    display: flex;
    align-items: center;
}
.home_status_list_cont , .sites_status_list_cont{
    margin-left: 10px;
}
#home_status_list + .select2 , #sites_status_list + .select2{
    width: 150px !important;
}

#home_status_list +  .select2-container--default .select2-selection--single .select2-selection__arrow b ,
#sites_status_list +  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #5A6685 transparent transparent transparent !important;
    border-width: 8px 5px 0px 5px !important;
    margin-left: -6px !important;
}

#home_status_list + .select2-container--default .select2-selection--single .select2-selection__rendered ,
#sites_status_list  + .select2-container--default .select2-selection--single .select2-selection__rendered  {
    color: #5A6685 !important;
    line-height: 35px!important;
}

#home_status_list + .select2-container .select2-selection--single ,
#sites_status_list  + .select2-container .select2-selection--single{
    height: 35px !important;
}

#home_status_list + .select2-container--default .select2-selection--single .select2-selection__arrow ,
#sites_status_list + .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;

}
.navigation-table-wrap .export-excel-btn {
    max-width: 170px;
}

.add-col-dd-content {
    display: none;
}

.add-col-dd-content {
    position: absolute;
    background: #fff;
    border: .5px solid #e8ecf6;
    /* padding: 10px 20px; */
    border-radius: 3px;
    top: 40px;
    left: 1px;
    width: 100%;
    z-index: 99;
}

.add-col-dd-content ul li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #e8ecf6;
}

.add-col-dd-content ul li a {
    color: #273458;
}

.add-col-dd-content ul li a:hover {
    color: #F35A5A;
}



.list-view-table-wrap {
    margin-top: 10px;
    overflow-y: hidden;
    overflow-x: auto;
}


/* table setting */

/* table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
} */

/* ------------- */

/* Sort icon setting */

/* table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: '';
    background-image: url(../images/sort-icon.svg);
    background-repeat: no-repeat;
    width: 6px;
    height: 12px;
    position: absolute;
    top: 19px;
    right: 7px;
    opacity: 1;
} */

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: none;
}


table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    content: none;
}

.custom-select {
    content: '';
    background-image: url(../images/sort-icon.svg);
    background-repeat: no-repeat;
    background-size: 5px 11px;
    height: 35px !important;
    /* width: 10px;
    height: 15px; */
}

th.w-img-cell::before {
    content: none !important;
}

/* ----------------- */


.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.navigation-page .table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.table-bordered {
    border: 1px solid #CCD9E8 !important;
}

.table td {
    font-size: 14px;
    color: #5A6685;
    padding: 14px 20px;
    vertical-align: middle;
    position: static;
    display: table-cell;
    float: none;
}


.table thead th {
    /* width: auto !important; */
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    background: #f7f8fa;
    padding: 14px 20px;
    border-bottom: none;
    vertical-align: middle;
    position: static;
    display: table-cell;
    float: none;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #CCD9E8;
}

.table th.th-sm {
    border: none;
}

.table thead th img {
    width: 7px;
    height: 12px;
    margin: 0px 0 6px 10px;
}

.table thead th:last-child::before {
    content: none;
}


/* checkbox css starts */


/* Customize the label (the container) */
.c-container {
    display: block;
    position: relative;
    /* padding-left: 35px;
    margin-bottom: 12px; */
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .c-container input {
    display: none;
    position: unset;
    opacity: 0;
    cursor: pointer;
  }


  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #FFFFFF;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
  }


  /* When the checkbox is checked, add a blue background */
  .c-container input:checked ~ .checkmark {
    background-color: #273458;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .c-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .c-container .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .table label:not(#paramDiv_datatable label){
    width: 20px;
    height: 20px;
    margin: 0px auto;
    padding: 0 !important;
    text-align: center;
  }

  .table td.sorting_1 {
    padding: 14px 20px;
  }

/* checkbox css ends */





.action-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.action-btn-wrap a i {
    color:#fff !important;
}
.action-btn-wrap .a-clone-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}

.action-btn-wrap .a-view-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 35px;
    margin: 0 5px;
}

.action-btn-wrap .a-edit-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}

.action-btn-wrap .a-launch-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}
.delete-nav-button {
    background-color: #f35a5a !important;
}
.action-btn-wrap .a-clone-btn:hover {
    background: #3E4D74;
}

.action-btn-wrap .a-view-btn:hover {
    background: #3E4D74;
}

.action-btn-wrap .a-edit-btn:hover {
    background: #3E4D74;
}

.action-btn-wrap .a-launch-btn:hover {
    background: #3E4D74;
}

.action-btn-wrap .a-dlt-btn:hover {
    background: #f33f3f;
}

.action-btn-wrap .a-dlt-btn {
    background: #F35A5A;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}

.action-btn-wrap .workspace-btn {
    background: #556586;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 34px;
    margin: 0 5px;
}

.workspace-btn i {
    width: 20px;
}

div.dataTables_wrapper div.dataTables_filter {
    display: none;
}

div.table_length {
    display: none;
}

/* div.dataTables_wrapper div.dataTables_info {
    display: none;
} */

div.dataTables_wrapper div.dataTables_paginate {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
}

.modal-body div.dataTables_wrapper div.dataTables_paginate {
    bottom:30px }


/* .paginate_button  {
    position: fixed;
    bottom: 38px;
} */
/* .paginate_button.last {
    right: 17px;
} */
.paginate_button.next {
    margin-right: 10px;
}
.paginate_button.previous {
    margin-right: 10px
}


.paginate_button.first {
    margin-right: 10px;
}

/* .custom-width.paginate_button.first {
    position: absolute;
    right: 170px;
} */
.custom-width.paginate_button.previous {
   margin-right: 10px;
}

.dataTables_info {
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 37px;
    width: 85px;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    width: fit-content;

}

.custom-width.dataTables_info {
    /* right: 0;
    left: 0;
    width: 100%; */
    text-align: center;
    display: flex;
    justify-content: center;
}

.modal-body .dataTables_info {
    bottom: 42px;
}

.modal-body .dataTables_length {
    bottom:3px;
}

#user-workspace-modal .modal-body .dataTables_length {
    bottom: 25px;
}

.pagination {
    justify-content: flex-end;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}









/* .paginate_button  {
    position: absolute;
    bottom: 0px;
}
.paginate_button.last {
    right: 0;
}
.paginate_button.next {
    right: 60px;
}
.paginate_button.previous {
    right: 210px;
}
.paginate_button.first {
    right: 270px;
}

.dataTables_info{
    text-align: center;
    position: absolute;
    right: 160px;
    bottom: 42px;
    font-size: 0.8rem;
} */
/* lsit view section footer starts */

.list-view-sec-ftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.paginate_current{
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.paginate_current a {
    margin: 0 5px;
}
.number_of_pages_content {
    margin-right: 10px;
    margin-left: -7px;
}

/* .page-item {
    margin: 0 5px;
} */

.page-item a {
    background: #FFFFFF;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    padding: 7px 20px;
    color: #3E4D74;
    font-size: 14px;
    width: 45px;
    display: flex;
    height: 35px;
    justify-content: center;
    align-items: center
}

.page-item a:focus {
    box-shadow: none;
    border: 1px solid #3E4D74;
}

.total-pages-wrap p {
    font-size: 14px;
    font-family: 'l-r';
    padding: 5px 10px;
}

.page-item a i {
    color: #5A6685;
}

.lw-table-num-wrap input {
    font-size: 14px;
    color: #3E4D74;
    padding: 5px 10px;
    margin: 0px 8px;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
}

.lw-table-num-wrap input:focus {
    outline: none;
    border-color: #3E4D74 ;
}

.lw-table-num-wrap label {
    font-size: 14px;
    color: #3E4D74;
}

/* lsit view section footer ends */




.filter-form input:focus {
    outline: none;
    box-shadow: none;
    border-color: #3E4D74;
}






/*-------------- WORKSPACES PAGE ---------------*/
.tableau-connectivity-page .mca-tabs-wrap {
    padding: 14px 15px 10px 20px !important;
    height: 50px;
}
.mca-toggle-btn-wrap {
    display: flex;
    align-items: center;
    /* padding-right: 20px; */
}

.active-toggle-btn label.a-toggle-btn {
    font-size: 12px;
    color: #B2B8C7;
    background-color: #fff;
    border-color: #B2B8C7;
    padding: 6px 20px;
    height: 28px;
}

.active-toggle-btn label.btn.btn-secondary.a-toggle-btn {
    padding: 5px 20px;
}

.active-toggle-btn label.btn.btn-secondary.a-toggle-btn.active {
    font-size: 12px;
    color: #3E4D74;
    background-color: #fff;
    border-color: #3E4D74;
    padding: 5px 20px;
    height: 28px;
}


.active-toggle-btn label.btn.btn-secondary.a-toggle-btn.active.focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #3E4D74;
    background-color: white;
}

.active-toggle-btn .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #3E4D74;
    background-color: #fff;
    border-color: #3E4D74;
}


.list-view-table-wrap.workspaces-table .table th, .list-view-table-wrap.workspaces-table .table td {
    padding: 14px;
    font-size: 14px;
}



/* .list-view-table-wrap.workspaces-table table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    top: 14px !important;
    right: 10px;
} */


/* .list-view-table-wrap.workspaces-table table .checkmark {
    left: -4px;
} */

.mca-ws-page-pg-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 13px 20px 10px;
    border-bottom: 1px solid #CCD9E8;
    background: #F5F8FF;
}

.mca-ws-page-pg-title-wrap h3 , .user-types-header{
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0;
    line-height: 1.0;
}
.user-types-header{
    display: flex;
    align-items: center;
}

.main-content-area.ws-page .filter-result-tabs-content-wrap {
    height: calc(100vh - 130px);
    overflow: auto;
}



/*-------------- NAVIGATION PAGE ---------------*/

.navigation-pg-head {
    margin-left: 14px;
}

.navigation-pg-head h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0px;
}

.mca-tabs-wrap.navigation-page {
    align-items: center;
    padding: 10px 0px 10px 5px;
}

.mca-ll-btn-wrap {
    display: flex;
    align-items: center;
}

.link-ref-btn-wrap {
    margin: -4px 20px 0 0;
}

.mca-link-btn-wrap {
    background: #FFFFFF;
    border: 1px solid #B2B8C7;
    box-sizing: border-box;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    padding: 2px 2px 6px 6px;
    margin-right: 10px;
}

.mca-ref-btn-wrap {
    background: #FFFFFF;
    border: 1px solid #B2B8C7;
    box-sizing: border-box;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    padding: 2px 5px 6px 6px;
}

.main-content-area.navigation-page {
    height: calc(100vh - 50px);
    overflow: auto;
    background-color: #e8ecf6;
}

.filter-result-tabs-content-wrap.navigation-table-wrap {
    height: unset;
    overflow: unset;
}

.mca-tabs-wrap.navigation-page {
    width: 100% !important;
}

.stat-boxes-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px 0px;
}

.stat-boxes-wrap .col-lg-2 {
    padding-left: 5px;
    padding-right: 5px;
}
.stat-boxes-wrap .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
}


.stat-box-single {
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    background: #fff;
    width: 100%;
    padding: 10px 20px;
}

.stat-box-text h1 {
    font-family: 'l-b';
    font-size: 30px;
    color: #3E4D74;
    margin: 0px;
}

.stat-box-text span {
    font-family: 'l-b';
    font-size: 16px;
    color: #5A6685;
}

.stat-boxes-sec .row {
    margin-right: 0px;
    margin-left: 0px;
}

.stat-boxes-sec .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.table-th-lmt {
    font-size: 14px;
    font-family: 'l-b';
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
    height: 25px;
    text-overflow: ellipsis;
}



/* Generate URL Page */

.gu-box-1 {
    padding: 20px;
}

.gu-wrap {
    background: #FFFFFF;
    /* box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2); */
    border-radius: 4px 4px 0 0;
}

/* .window-title-wrap {
    padding: 30px 20px;
} */

.cus-form {
    position: relative;
}
.cus-form.config-form{
    width: 100%;
    margin: auto;
}
.cus-form .form-group {
    position: relative;
}
.conf-item {
    width: 100% !important;
}
.cus-form .cus-form-label {
    position: absolute;
    left: 18px;
    top: -9px;
    font-size: 13px;
    color: #3E4D74;
    background: white;
    padding: 0 3px;
    z-index: 99;
}


.cus-form input::placeholder {
    font-size: 14px;
    color: #B2B8C7;
}

.cus-form .title-btns {
    position: absolute;
    top: 5px;
    right: 16px;
}

.cus-form .title-btns a {
    margin: 0 5px;
}




/* multiselect starts here */

.multiselect-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none !important;
    position: relative;
    height: 40px;
    background: #F5F8FF;
    margin-bottom: 5px;
}

.msw-single-opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    /* min-width: 140px; */
    border-right: 1px solid #CCD9E8;
    border-top: 1px solid #CCD9E8;
    height: 40px;
    cursor: pointer;
}

.url-tool-content .msw-single-opt {
    /* border-bottom: none; */
    width: 100%;
    border: none;
}
/* .url-tool-content .msw-single-opt:not(.msw-single-opt.msw-opt-selected) {
    border-bottom: 1px solid  #CCD9E8;
} */
.msw-single-opt.msw-opt-selected {
    background: #ffffff;
    border-bottom: none;
}

.msw-single-opt-txt {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
}
.msw-single-opt-txt i {
    border: 1px solid;
    height: 20px;
    width: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 7px;
    padding-top: 1px;
    font-size: 12px;
    line-height: 21px;

}
.msw-single-opt-txt img {
    margin-right: 5px;
}

.msw-single-opt h4 {
    font-size: 16px;
    color: #3E4D74;
    margin: 4px 0 0 0;
    flex: 1;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2px;
}

/* .msw-close-btn {
    margin-bottom: 3px;
    margin-left: 20px;
} */

.msw-options-bar {
    display: flex;
    align-items: center;
}

/* .multiselect-wrap .select2-container {
    width: 100% !important;
} */

/* .multiselect-wrap .select2-container--default .select2-selection--multiple {
    background-color: #F5F8FF;
    border: 1px solid #CCD9E8;
    border-radius: 0px;
    position: relative;
} */
/*
.select2-container--default .select2-selection--multiple {
    background-color: unset;
    border: none;
    height: 39px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
} */

/* .multiselect-wrap .select2-container--default .select2-selection--multiple::after {
    content: '';
    position: absolute;
    background-image: url(../images/multiselect-add-btn.svg);
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    top: -1px;
    right: -1px;
} */

.mw-add-btn-wrap {
    float: right;
}

.ms-arrow-wrap {
    display: flex;
    /* background-color: #fff; */
    position: absolute;
    top: 0;
    left: auto;
    /* width: 60px; */
    height: 40px;
    align-items: center;
    justify-content: space-around;
}

.ms-sc-left-arrow, .ms-sc-right-arrow ,.mw-add-btn-wrap,.app-view-btn-wrap , .wg-popup-fav {
    line-height: 0px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3e4d74;
    border-radius: 3px;
    background-color: #FFF;
    margin-right: 4px;
}


.ms-sc-left-arrow a, .ms-sc-right-arrow a , .mw-add-btn-wrap a , .app-view-btn-wrap a, .wg-popup-fav a{
    color:#fff;
    font-size: 16px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3e4d74;
}
.dimmed-del-btn {
    cursor: default;
    pointer-events: none;
    border-color: darkgray;
}
.wg-popup-fav {
    right: 40px;
    position: absolute;
}

.add-group-user-container.dimmed-del-btn i {
    color: #fff !important;
}
.dimmed-del-btn a {
    background-color: darkgray !important;
}
.dimmed-arrow {
    cursor: default;
    pointer-events: none;
    border-color: #CCD9E8;
}
.dimmed-arrow a {
    color: #CCD9E8;
}
.dimmed-arrow:hover {
    border-color: #CCD9E8;
}
.dimmed-arrow:hover a {
    color:initial;
}

.disabled-preview {
    opacity: 0.7;
    pointer-events: none;
    cursor: default;
}
#hide_urls {
    color: #fff !important;
}
/* .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    position: relative;
    height: 39px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    color: #3E4D74;
    cursor: pointer;
    display: inline-block;
    right: 5px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #5A6685;
    font-size: 14px;
    background-color: #E8ECF6;
    border: 1px solid #CCD9E8;
    border-radius: 0px;
    margin-right: 0px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 9px 60px 0 20px;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
    background-color: #F5F8FF;
    border: 1px solid #CCD9E8;
    border-radius: 0px;
    position: relative;
    height: 39px;
} */
/* multiselect ends here */

.form-control:focus {
    border-color: #3E4D74;
    outline: 0;
    box-shadow: none;
}

.dashboard-n-view-sec .cus-form .form-control {
    font-size: 14px;
    color: #5A6685;
}

.dashboard-n-view-sec .cus-form .form-row {
    padding: 5px 20px;
}
#newNavModal .dashboard-n-view-sec .cus-form .form-row {
    padding: 0px;
}

.dashboard-n-view-sec {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 0 0 4px 4px;
    /* padding: 20px; */
}

.db-m-title {
    padding:20px 20px 0;
}

.db-m-title h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0px;
}
.db-m-title .module-admin {
    font-size: 15px;
    margin-left: 5px;
    margin-top: 5px;
}


.assign-para-tabs-wrap .nav-pills li {
    padding: 10px 20px  5px 10px;
}

.assign-para-tabs-wrap .nav-pills li a.active.show {
    padding-bottom: 7px;
    border-bottom: 2px solid #F35A5A;
    color: #3E4D74;
}

.select-para-wrap .form-row {
    /* padding: 5px 0 !important; */
}

.select-filter-wrap .form-row {
    /* padding: 5px 0 !important; */
}

.assign-para-sec .db-m-title {
    padding:10px 20px 0;
}

.db-m-title .dbm-img {
    padding-bottom: 9px;
}

.db-m-form {
    margin-top: 20px;
}


.required-f {
    color: #F35A5A;
}

.size-cb-container {
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    padding: 15px 10px;
}
.url-tool-content .size-cb-container {
    background-color: #fff;
}

.size-cb-sec {
    display: flex;
    align-items: center;
}

.custom-size-input {
    border: 1px solid #CCD9E8;
}

.custom-size-input input {
    text-align: center;
    border: none;
    height: 48px;
    width: 120px;
}

.custom-size-input input:focus {
    outline: none;
}

.custom-size-input span {
    font-size: 16px;
    color: #3E4D74;
}






/* Size custom checkbox starts here  */


/* Customize the label (the container) */
.size-cb-wrap {
    padding-left: 25px;
    margin-right: 20px !important;
    font-size: 14px;
    color: #5A6685;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#newNavModal .size-cb-wrap{
    margin-right: 10px !important;
}

    .size-cb-wrap-color {
        padding-left: 18px;
        margin-right: 5px !important;
        font-size: 14px;
        color: #5A6685;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

  .size-cb-wrap-text {
    font-size: 14px;
    color: #5A6685;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .size-cb-wrap input,.size-cb-wrap-color input {
    position: unset;
    opacity: 0;
    cursor: pointer;
  }
 #updates-custom-val, #level-updates-custom-val{
    opacity: unset !important;
    width: 50px;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
  }


  /* Create a custom checkbox */
  .s-cb-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background: #FFFFFF;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
  }
  .s-cb-checkmark-color {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    border: 1px solid #CCD9E8;
    border-radius: 15px;
  }


  /* When the checkbox is checked, add a blue background */
  .size-cb-wrap input:checked ~ .s-cb-checkmark {
    background-color: #fff;
    border-color: #3E4D74;
  }
  /* When the checkbox is checked */
  .size-cb-wrap-color input:checked ~ .s-cb-checkmark-color:not(#chosen_color) {
    border-color: #FFFFFF ;
    background: #FFFFFF;
    border: 1.5px solid #5A6685;
    box-shadow: 0 0 0 1.5px #ffffff inset;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .s-cb-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .size-cb-wrap input:checked ~ .s-cb-checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .size-cb-wrap .s-cb-checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #3E4D74;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .size-cb-sec label {
      margin: 0px;
  }



/* Size custom checkbox ends here  */


.assign-para-content-wrap {
    padding: 20px;
    border: 1px;
    border-color: #E8ECF6;
    border-style: solid;
}

.sfw-local-name-wrap.has-ui {
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    padding: 10px 10px 0;
}

.sfw-local-name-wrap .form-row {
    /* padding: 15px 0px 0 !important; */
}

.sfw-local-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.swf-title-wrap {
    display: flex;
    align-items: center;
}

.sfw-local-title img {
    padding-right: 7px;
}

.swf-local-close-btn img {
    padding: 0px;
}

.sfw-local-title p {
    font-size: 14px;
    color: #5A6685;
}

.sfw-local-title span {
    font-size: 13px;
    color: #3E4D74;
}

.select-filter-wrap .form-group {
    display: flex;
    align-items: center;
}

.sfw-btn .blue-btn {
    padding: 11px 60px;
    margin-left: 10px;
}

.db-m-output-wrap {
    background-color: #F5F8FF;
    padding: 20px;
}
.nav-db-m-output-wrap{
    background-color: #F5F8FF;
}

.url-tool-content .db-m-output-wrap {
    background-color: #fff !important;
}
.url-tool-content .nav-db-m-output-wrap {
    background-color: #fff !important;
}
.url-tool-content .cus-form-label {
    padding: 0 8px !important;
}

.url-tool-content  .size-cb-container {
    padding: 15px 20px
}
.db-m-output-head h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0px !important;
}

.db-m-output-wrap img {
    padding-bottom: 7px;
}
.nav-db-m-output-wrap img{
    padding-bottom: 7px;
}

.dbm-m-output-bdy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    background-color: #fff;
    margin-top: 15px;
    width: 100%;
    position: relative;
}

/* .dbm-m-output-txt {
    border-right: 1px solid #CCD9E8;
} */

.dbm-m-output-bdy p {
    font-size: 13px;
    color: #5A6685;
    padding: 15px 10px;
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
}

/* .enlarged .dbm-m-output-bdy p {
    overflow-x: scroll;
    max-width: 100%;
    width: 100%;
} */

.dbm-m-output-btns {
    display: flex;
    align-items: center;
    padding: 12px 6px;
}

.dbm-m-output-btns img {
    padding: 0;
}

.dbm-m-output-btns .dbm-save-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}

.dbm-m-output-btns .dbm-save-btn:hover {
    background: #3E4D74;
}

.dbm-m-output-btns .dbm-launch-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}

.dbm-m-output-btns .dbm-launch-btn:hover {
    background: #3E4D74;
}

.dbm-m-output-btns .dbm-clone-btn {
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    margin: 0 5px;
}

.dbm-m-output-btns .dbm-clone-btn:hover {
    background: #3E4D74;
}

/* Menu Item 2 Page */

.menu-item-2-modal .modal-body {
    padding: 0px;
    background-color: #E8ECF6;
}

.menu-item-2-modal .add-item-save-btn a {
    color: #fff;
    border: 1px solid #5A6685;
    background: #5A6685;
}

.menu-item-2-modal .add-item-save-btn a:hover {
    color: #fff;
    border: 1px solid #3E4D74;
    background: #3E4D74;
}

.menu-item-2-modal .add-item-from-wrap.m-item-2 {
    padding: 25px 20px 0;
    margin: 0;
}

.assign-view-sec-1 .db-m-title {
    text-align: left;
    padding: 10px 0 0;
}

.add-item-from-wrap .m-item-2 {
    padding:0 !important;
}



.assign-view-sec-1 .form-row {
    /* margin-bottom: 10px; */
}

.assign-view-sec-1 select.add-item-dd {
    font-size: 14px;
    color: #B2B8C7;
}

.assign-view-sec-1.av-sec-2 select.add-item-dd {
    font-size: 14px;
    color: #5A6685;
}

.menu-item-2-modal .m-item-2 .form-row input::placeholder {
    font-size: 14px;
    color: #5A6685;
}

.am-modal-parent .modal-header {
    padding: 16px 20px;
}

.url-tool-content > .tab-content  {
    padding: 8px 15px;
    height: 590px !important;
    overflow: auto;
    position: relative;
}

.am-modal-parent .tab-content:not(.level-tab-content):not(.user-mangment-tab-content):not(.level-user-mangment-tab-content)  {
    /* height: auto; */
    height: 500px;
    overflow: auto;
}





/* Menu Item 3 Page */


.assign-view-sec-1.av-sec-2 {
    /* border-bottom: 1px solid #E8ECF6; */
    padding-bottom: 0px;
}

.mi-3 .db-m-title-2 {
    text-align: left;
    padding: 20px 0 10px;
}

.mi-3 .nav-pills li a {
    text-transform: unset;
    padding: 0px 10px 8px 10px;
}

.mi-3 .nav-pills li a.active.show {
    padding: 0px 10px 8px 10px;
}

.assign-para-content-wrap label {
    position: absolute;
    left: 18px;
    top: -9px;
    font-size: 13px;
    color: #3E4D74;
    background: white;
    padding: 0 3px;
    z-index: 99;
}

.assign-para-content-wrap select.add-item-dd {
    font-size: 14px;
    color: #5A6685;
}

.mi-3 .assign-para-content-wrap {
    border-bottom: none;
    padding-bottom: 0;
}


/* Menu Item 4 Page */

.mi-4 .add-item-form-ftr {
    padding: 20px 0;
}

select.cus-dis-op {
    color: #B2B8C7 !important;
}

/* Menu Item 3a Page */

.be-red {
    color: #F35A5A;
}

.securities-tab-head {
    text-align: left;
}

.securities-tab-head h3 {
    font-family: 'l-b';
    font-size: 12px;
    color: #5A6685;
    margin-top: 0px;
}

/* -----upload file code starts here */

/* .securities-select-wrap {
    position: relative;
}

.securities-select-wrap button {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
    width: 100%;
    height: 100px;
    background: unset;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    margin: 0px 0 20px;
}


.securities-select-wrap button:focus {
    outline: none;
    border-color: #3E4D74;
}


.securities-select-wrap input[type=file] {
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100px;
}

.securities-select-wrap .f-attachment-img {
    padding-bottom: 10px;
    max-height: 100px;
} */

/* -----upload file code ends here */


/* Menu Item 4a Page */

.mi-4a .sfw-local-name-wrap {
    margin: 4px 0 20px;
    padding: 20px 10px;
}

.or-kv-wrap {
    display: flex;
    align-items: center;
}

.or-kv-wrap input::placeholder {
    font-size: 14px;
    color: #5A6685;
}

.or-kv-wrap .sfw-btn a {
    font-family: 'l-b';
    font-size: 14px;
    text-transform: none;
}

.i-disabled input::placeholder {
    color: #B2B8C7;
}

.enter-key-wrap {
    position: relative;
    margin-right: 10px;
    width: 100%;
}

.enter-val-wrap {
    position: relative;
    width: 80%;
}

.mi-4a .sfw-local-title img {
    padding-right: 5px;
    padding-bottom: 4px;
}

.freq-kv-wrap {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.freq-kv-wrap input::placeholder {
    font-size: 14px;
    color: #5A6685;
}

.freq-kv-wrap .enter-key-wrap {
    width: 100%;
}

.freq-kv-wrap .enter-val-wrap {
    width: 100%;
}



/* Close Popup Page */

.close-popup-parent .am-modal-parent .am-modal-width {
    max-width: 660px !important;
    width: 100%;
}

.close-popup-wrap {
    text-align: center;
    padding: 50px;
}

.popup-main-head h1 {
    font-family: 'l-b';
    font-size: 24px;
    color: #3E4D74;
}

.popup-p p {
    /* width: 320px; */
    font-size: 18px;
    color: #3E4D74;
    margin: 0 auto;
}

.pop-yes-btn a {
    background: #3E4D74;
    padding: 9px 60px;
    border-radius: 3px;
    font-family: 'l-b';
    font-size: 14px;
}

.pop-yes-btn a:hover {
    background: #5A6685;
}

.pop-no-btn a {
    background: #F35A5A;
    padding: 9px 63px;
    border-radius: 3px;
    font-family: 'l-b';
    font-size: 14px;
}

.pop-no-btn a:hover {
    background: #f54848;
}

.close-popup-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

.pop-yes-btn {
    margin: 0 10px;
}

.pop-no-btn {
    margin: 0 10px;
}



/* Users Grid Page */

.users-change-view-btn-wrap {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.users-grid-view-sec {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
}

.user-grid-v-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.user-name-role {
    display: flex;
    align-items: center;
}

.user-name-role h3 {
    font-family: 'l-b';
    font-size: 16px;
    color: #3E4D74;
    margin: 0;
    max-width: 90% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 160px;
    min-width: 160px; */
}

.user-name-role span {
    font-size: 12px;
    color: #5A6685;
    border: 1px solid #5A6685;
    border-radius: 50px;
    padding: 3px 10px;
    margin-left: 10px;
}

.ugv-display-name {
    display: flex;
    align-items: center;
}

.user-grid-view-bdy {
    padding: 10px 20px;
    border-top: 1px solid #E8ECF6;
    border-bottom: 1px solid #E8ECF6;
}

.ugv-display-name h4{
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 5px 0 5px 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ugv-display-name img {
    margin-left: 4px;
}

.ugv-display-email {
    display: flex;
    align-items: center;
}

.ugv-display-email h4{
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 5px 0 5px 10px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.last-login p {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
}

.last-login span {
    font-size: 14px;
    color: #B2B8C7;
}

.auth-type p {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
}

.auth-type span {
    font-size: 14px;
    color: #B2B8C7;
}

.user-grid-view-ftr {
    padding: 10px 20px;
}

.grid-view-wrap {
    padding: 10px;
}

.grid-view-wrap .col-xl-4.col-lg-4.col-md-6.col-sm-6 {
    padding: 10px !important;
}

.ugv-toggle-set-btn {
    position: relative;
}

.ugv-toggle-set-parent {
    display: none;
}

.ugv-toggle-set-parent {
    background: #FFFFFF;
    box-shadow: 0px 2px 15px rgba(8, 39, 89, 0.15);
    border-radius: 4px;
    padding: 10px 20px;
    position: absolute;
    top: 55px;
    right: 40px;
    z-index: 99;
}

.ugv-toggle-set-wrap {
    display: flex;
    flex-direction: column;
}

.ugv-toggle-set-wrap a {
    font-size: 14px;
    color: #5A6685 !important;
}

.ugv-toggle-set-wrap a:hover {
    color: #273458 !important;
}

.ugv-toggle-img-1 {
    padding: 5px 0;
}

.ugv-toggle-img-1 img {
    padding: 0 5px 8px 0;
}

.ugv-toggle-img-2 {
    padding: 5px 0;
}

.ugv-toggle-img-2 img {
    padding: 0 3px 8px 0;
}

.ugv-toggle-img-3 {
    padding: 5px 0;
    display: flex;
}

.ugv-toggle-img-3 img {
    padding: 0 6px 8px 0;
}

.users-change-view-btn-wrap .grid-view-btn img {
    padding: 7px;
}

.users-change-view-btn-wrap .list-view-btn img {
    padding: 6.5px;
}

.mca-tabs-wrap.users-grid-page .users-change-view-btn-wrap .grid-view-btn img {
    border: 1px solid #5A6685;
}

@media (max-width:767px) {
    .user-setting-btn {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .ugv-toggle-set-parent {
        top: 27px;
        right: 0px;
    }


}
/* Users List View Page */

.mca-tabs-wrap.users-list-page .users-change-view-btn-wrap .list-view-btn img {
    border: 1px solid #5A6685;
}

.list-view-table-wrap.workspaces-table.users-list-table .table th {
    padding: 13px;
}

.list-view-table-wrap.workspaces-table.users-list-table .table td {
    padding: 13px;
}

#show_grid img,#show_list img,.grid-view-btn img, .list-view-btn img{
    filter: brightness(140%);
}
#show_grid img.active,#show_list img.active,.grid-view-btn img.active,.list-view-btn img.active{
    filter: brightness(100%);
}

/* Popup Launch Page */

.popup-launch-wrap .col-lg-12 {
    padding: 0px;
}

.pl-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 20px;
}

.pl-btns a {
    margin: 0 5px;
}

.pl-title h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0px;
    padding-top: 4px;
}


.pl-main-con-sec img {
    width: 100%;
}

/* .pl-main-content-area {
    margin-top: -11px;
} */

.pl-main-content-area .col-lg-12 {
    padding: 0px;
}


/* Popup launch 2 page */

.app-view-btn {
    position: relative;
}

.app-view-content-wrap {
    display: none;
}

.app-view-content-wrap {
    position: absolute;
    z-index: 99;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px rgba(8, 39, 89, 0.5);
    border-radius: 4px;
    max-width: 220px;
    width: 220px;
}

.app-view-content {
    display: flex;
    flex-direction: column;
}

.app-view-content a {
    font-size: 13px;
    color: #3E4D74;
    background-color: #fff;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #E8ECF6;
    max-width: 100%;
    overflow: hidden;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-view-content a:hover {
    background: #F5F8FF;
}


.app-view-content a img {
    margin-right: 5px;
    /* padding-bottom: 3px; */
}


/* Popup Launch 3 Page */

.popup-l-sec {
    position: relative;
}

.pl-page-widgets-wrap {
    position: absolute;
    bottom: -37px;
    right: 0px;
    z-index: 99;
}

.pl-page-widget-inner {
    padding: 0 5px;
    /* width: 38px; */
    height: 38px;
    border: 1px solid #CCD9E8;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Popup Launch Page */

.pl-page-widget-inner.pl-4-page {
    padding: 0 5px 0 0;
}

.pl-page-widget-inner.pl-4-page .show-wgts-btn.widgets-expanded .widgets-expanded-btns-wrap {
    margin: 0 5px 0 3px;
}


/* System Settings Page */
.mca-tabs-wrap.system-setting-page ,
.mca-tabs-wrap.users-list-page ,
.master-data-tabs-page ,
.url-tool-tabs{
    width: unset !important;
    margin: 15px 14px 0;
    border: 1px solid #CCD9E8;
    border-top-left-radius: 4px;
    border-top-right-radius: 5px;
}
.mca-tabs-wrap.system-setting-page ,.url-tool-tabs {
    height: auto !important;
}

.url-tool-tabs .nav-pills li a.active.show {
    padding: 0px 25px 12px 25px !important;
}
.mca-tabs-wrap.system-setting-page .nav-pills li a.active.show {
    padding-bottom: 12px;
}
.settings-page {
    margin: 0 15px 15px;
}

.navigation-page-content {
    margin:15px;
}


.system-settings-wrap {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    /* border-radius: 4px; */
    padding: 10px;
    /* margin: 20px; */
    /* min-height: 700px; */
}
#global-settings-container{
    height: calc(100vh - 130px);

}


.system-settings-wrap .col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.system-settings-wrap .col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.system-settings-wrap .col-lg-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* .system-settings-wrap .col {
    padding-left: 0px !important;
    padding-right: 0px !important;
} */

form.cus-form.ss-form {
    margin-top: 5px;
    padding: 10px;
}

form.cus-form.ss-form input::placeholder {
    font-size: 14px;
    color: #5A6685;
}

.add-img-box-wrap {
    margin-top: 10px;
}

.add-img-box-wrap .row {
    margin: 0px;
}

.add-img-box {
    padding: 0 10px;
    margin: 10px 0;
}

.securities-select-wrap.ss-select-img-btn {
    position: relative;
}

.securities-select-wrap.ss-select-img-btn input[type=file] {
    height: 100%;
}

.securities-select-wrap.ss-select-img-btn label {
    position: absolute;
    left: 18px;
    top: -9px;
    font-size: 13px;
    color: #3E4D74;
    background: white;
    padding: 0 3px;
}

.securities-select-wrap.ss-select-img-btn.ss-wrap-btn button {
    margin: 0px;
    /* min-height: 120px; */
    min-height: 170px;
}

.ss-select-img-btn button p {
    font-family: 'l-b';
    font-size: 12px;
    color: #B2B8C7;
}

.ss-btn-wrap {
    margin: 20px 10px;
}

.ss-btn-wrap a {
    font-family: 'l-b';
    font-size: 14px;
    background: #3E4D74;
    padding: 12px 65px;
    border-radius: 3px;
}

.ss-btn-wrap a:hover {
    background: #556586
}

/* System setting page tab 1 */

.branding-title {
    padding: 10px 10px 20px 10px;
}

.branding-title h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0px;
}

.branding-title h3 img {
    padding: 0 0 8px;
}

/* ---------- */


/* System setting page tab 2 */

.mail-setting-title h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0px;
}

.mail-setting-title img {
    padding-bottom: 8px;
}

.mail-setting-title p {
    font-family: 'l-b';
    font-size: 12px;
    color: #5A6685;
    padding: 10px 0px 0px 20px;
}

.ss-smtp-host-title {
    margin: 30px 0;
}

.ss-smtp-host-title h3 {
    font-family: 'l-b';
    font-size: 16px;
    color: #3E4D74;
    text-decoration: underline;
    margin: 0px;
}

.ss-form-wrap .form-inline {
    justify-content: space-between;
    align-items: flex-start;
}

.ss-form-wrap .form-group {
    position: relative;
    width: 49.3%;
}

.ss-form-wrap .form-group input {
    width: 100%;
}

.ss-form-wrap .ss-form-1 {
    margin: 20px 0;
}

.ss-form-wrap .ss-form-2 {
    margin: 30px 0;
}

.tls-checkbox {
    width: 100%;
    height: 40px;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
}

.trusted-checkbox {
    width: 100%;
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

.visible-checkbox {
    width: 100%;
    height: 40px;
}

.tls-checkbox .c-container,.trusted-checkbox .c-container{
    position: absolute;
    top: 11px;
    left: 42px;
    font-size: 14px;
    color: #5A6685;
}
.visible-checkbox .c-container{
    position: absolute;
    top: 11px;
    left: 57px;
    color: #5A6685;
}

.tls-checkbox .c-container .checkmark,.trusted-checkbox .c-container .checkmark{
    width: 15px;
    height: 15px;
    top: 2px;
    left: -23px;
}
.visible-checkbox .c-container .checkmark{
    width: 20px;
    height: 20px;
    top: 2px;
    left: -23px;
}

.tls-checkbox .c-container .checkmark::after,.trusted-checkbox .c-container .checkmark::after{
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
}

.visible-checkbox .c-container .checkmark::after{
    left: 7px;
    top: 3px;
    width: 5px;
    height: 9px;
}
.ss-btn-wrap.btn-wrap-2 {
    margin: 30px 0 20px;
}

.system-settings-wrap.ss-wrap-2 .mp-wrap {
    margin-top: 30px;
    margin-bottom: 10px;
    border: 1px solid #ced4da;
}
#configurations_form .form-group {
    width: 100%;
    display: block;
    margin-bottom: 7px;
}
.module-name{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #3E4D74;
    position: relative;
    margin-bottom: 10px;
}
.module-name-container{
    padding-left:15px;
    margin-bottom: 35px;
}
.module-name::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 85%;
    height: 1px;
    background-color: #B2B8C7;
}
.sub-module-name{
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #3E4D74;
    margin-bottom: 10px;
}
.master-data-sub-module {
    font-weight: normal !important;
}

.module-name-container .conf-item{
    padding-left: 20px;

}
.module-name-container .conf-item .toggle-btn-container {
    align-items: center;
}
.module-name-container .conf-item span{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    flex-basis: 250px;
    color: #3E4D74;
}

.module-name-container .conf-item .toggle-btn-container .switch-toggle-label{
    height: 16px !important;
    margin-left: 15px;
}

.module-name-container .conf-item .toggle-btn-container .switch-toggle-label .switch-toggle-btn:before {
    height: 12px;
    width: 12px;
    top: 2px;
}
.module-name-container .conf-item .toggle-btn-container .switch-toggle-label input:checked + .switch-toggle-btn:before {
    transform: translateX(31px) !important;
}

@media (max-width: 767px) {
    .module-name-container .conf-item {
        padding-left: 0 !important;
    }

    .module-name-container {
        padding-left: 0 !important;
    }
    .module-name-container .conf-item span{
        flex-basis: auto;
    }
}

@media (max-width: 575px) {
    .module-name-container .conf-item .toggle-btn-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .module-name-container .conf-item .toggle-btn-container .switch-toggle-label {

        margin-left: -5px;
        margin-top: 5px;
    }
}
/* System settings wrap 2 ends here */

.license-set-wrap {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgb(173 184 216 / 20%);
    /* border-radius: 4px; */
    margin: 0 15px;
    padding: 10px;
}

.license-head{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    border-radius: 3px 3px 0px 0px;
}


.expired-head {
    background: #dc3545;
}

.suspended-head {
    background: #ffc107;
}

.not-set-head {
    background: #999;
}

.active-head {
    background: #22BC99;
}

.license-head img {
    padding-right: 5px;
}

.license-head h3 {
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    padding-top: 4px;
}

.license-key-sec {
    width: 500px;
    margin: 0 auto;
    padding: 20px 0px 50px 0px;
}

.license-key-title {
    text-align: center;
}

.license-key-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #C3C5D4;
    border-radius: 3px;
    margin: 20px 0 30px;
}

.license-key-field p {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
    margin: 0 auto;
}

.action-btn-wrap.key-btns-wrap {
    border-left: 1px solid #C3C5D4;
    padding: 10px 5px;
}

.license-key-title h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0;
}

.license-key-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.license-exp h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0 0 5px;
}

.license-exp p {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
}

.license-type h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0 0 5px;
}

.license-type p {
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
}


/* Widgets Collapsed Page */

.mca-tabs-wrap.widgets-page-wrap {
    padding: 10px 0 10px 0;
    align-items: center;
    background-color: transparent !important;
    border-bottom: none !important;
}

.widgets-pg-head h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0 0 0 10px;
    padding-top: 4px;
}

.show-wgts-btn a.inactive-wg-btn {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #B2B8C7;
    border-radius: 4px;
    padding: 5px 10px;
}

.show-hide-wgts {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #B2B8C7;
    align-items: center;
    justify-content: center;
    display: none;

}
.show-hide-wgts.active-wg-btn{
    background-color: #3E4D74;
}
.inactive-wg-btn .active-img {
    display: none;
}
.active-wg-btn .inactive-img {
    display: none;
}

.manage-grids {
    display: none;
}
.manage-grids .widgets-expanded-btns-wrap {
    display: flex !important;
    top: 5px  !important;
    box-shadow: none !important;

}
.manage-grids .widgets-expanded-btns-wrap .wg-exp-btn{
    margin: 0 !important;
    height: 30px;
    width: 30px;
}
.show-wgts-btn h4 , .manage-grids h4 ,.show-popup-wgts-btn h4 {
    font-family: 'l-b';
    font-size: 11px;
    color: #B2B8C7;
    white-space: nowrap;
    margin: 0;
    padding: 1px 5px 0 0;
}




.widgets-main-content-area {
    /* margin-top: -11px; */
    padding: 8px 20px 0;
    overflow: auto;
    height: calc(100vh - 60px);
}

.widgets-main-content-area .col-lg-12 {
    padding: 0px;
}

/* .wg-main-con-sec img {
    width: 100%;
} */

.enlarged .main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content {
    width: 210px;
    left: 60px;
    top: 0px;
    max-height: 300px;
    overflow: auto;
}

.main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content {
    width: 100%;
    left: 0;
    max-height: 350px;
    overflow: auto;
}

.main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content ul li {
    margin: 0px;
    padding: 8px 20px;
    width: 95%;
}

.main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content ul li.active-li {
    background: #2F3C5F;
    border-left: 3px solid #ffffff;
    position: relative;
}

.main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content ul li.active-li::after {
    content: '';
    background-image: url(../images/chevron-sm-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 6px;
    height: 10px;
    top: 15px;
    right: 15px;
}

.main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content ul li.active-li a {
    margin-left: -3px;
}


/* Widgets Expanded Page */

.show-wgts-btn.widgets-expanded .wg-active-btn a{
    background: #273458;
}



.show-wgts-btn.widgets-expanded .wg-active-btn a h4 {
    color: #ffffff;
}

.show-wgts-btn a.active-wg-btn {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #B2B8C7;
    border-radius: 4px;
    padding:5px 10px;
}

.show-wgts-btn.widgets-expanded {
    display: flex;
    align-items: center;
}

.widgets-expanded-btns-wrap {
    display: flex;
    align-items: center;
    margin: 0 0 0 5px ;
}
.fav-viz-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.level-widgets-expanded-btns-wrap {
    display: flex;
    align-items: center;
    margin: 0 5px;
    display: none;
}



.widgets-expanded-btns-wrap .wg-exp-btn , .popup-widgets-expanded-btns-wrap .wg-exp-btn , .wg-fav-btn, .wg-noti-dd-btn{
    background: #FFFFFF;
    border: 1px solid #B2B8C7;
    box-sizing: border-box;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin: 0 5px;
    position: relative;
}


/* Widget Filter Page */

.wg-exp-btn.wg-hovered-widget {
    border: 2px solid #5a6685;
}

.wg-exp-btn.wg-active-widget {
    background-color: #5a6685;

}
.wg-exp-btn.wg-active-widget a i {
    color: #FFFFFF;
}
.wg-exp-btn a{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wg-exp-btn a i {
    color: #B2B8C7;
    font-size: 17px;
}

.wg-exp-btn.wg-hovered-widget a i {
    color: #5a6685;
}
.toggle-filter-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px rgba(8, 39, 89, 0.15);
    border-radius: 4px;
    width: 250px;
    z-index: 1;
}

.toggle-filter-wrap::before {
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 0;
}

.wg-toggle-dd-head {
    border-bottom: 1px solid #E8ECF6;
}

.wg-toggle-dd-head .db-m-title {
    padding: 0px;
}

.wg-toggle-dd-head .db-m-title h3{
    font-size: 15px;
    padding: 15px 10px 12px;
    margin-top: 5px;
    text-transform: uppercase;
}

.wg-toggle-dd-head .db-m-title h3 img {
    padding-bottom: 6px;
    padding-right: 2px;
}
.wg-toggle-dd-head .db-m-title h3 > i {
    color: #F35A5A;
    margin-right: 5px;
}
.wg-toggle-dd-bdy {
    padding: 20px 10px;
}

.wg-toggle-dd-bdy .form-group {
    margin: 0px;
    width: 100%;
}

.wg-toggle-dd-bdy .form-row {
    margin-right: 0;
    margin-left: 0;
}

.wg-toggle-dd-bdy .form-group label {
    left: 14px;
    top: -7px;
    background: #ffffff;
    line-height: initial;
}


/* Widgets Notification Page */

.wg-toggle-noti-wrap {
    position: absolute;
    top: 40px;
    right: -175px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(8, 39, 89, 0.15) 0px 2px 15px;
    border-radius: 4px;
    width: 250px;
}

.wg-toggle-noti-wrap::before {
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 175px;
}

.wg-toggle-noti-wrap .wg-toggle-dd-bdy .cus-form:nth-child(2) {
    margin-top: 25px;
}


.wg-toggle-dd-textarea {
    margin-top: 25px;
    position: relative;
}

.wg-toggle-dd-textarea label {
    left: 15px !important;
    top: -7px !important;
    line-height: initial;
}

.wg-toggle-dd-textarea p {
    font-family: 'l-b';
    font-size: 12px;
    color: #B2B8C7;
    text-align: center;
    margin-top: 10px;
}

.wg-toggle-dd-btn {
    text-align: center;
    margin: 30px auto 20px;
}

.wg-toggle-dd-btn a , .wg-toggle-dd-btn button {
    font-family: 'l-b';
    font-size: 14px;
    background: #3E4D74;
    border-radius: 3px;
    color: #fff;
    padding: 13px 43px;
    height: 40px;
    width: 151px;
    border: none;
}

.wg-toggle-dd-btn a:hover {
    background: #5A6685;
}

/* Widgets Share view Page */

.wg-toggle-share-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(8, 39, 89, 0.15) 0px 2px 15px;
    border-radius: 4px;
    width: 500px;
    z-index: 1;
    display: none;
}

.wg-toggle-share-wrap::before {
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 0;
}

.monitor-view h4 {
    font-size: 13px;
    color: #3E4D74;
}

.monitor-view p {
    font-size: 13px;
    color: #B2B8C7;
}

.wg-share-multiselect-wrap {
    position: relative;
    margin-top: 25px;
}

.wg-share-multiselect-wrap label {
    font-size: 13px;
    color: #3E4D74;
    position: absolute;
    top: -7px;
    left: 15px;
    background: #ffffff;
    z-index: 99;
    line-height: initial;
    padding: 0 3px;
}

.wg-share-multiselect-wrap .select2-container {
    width: 100% !important;
    line-height: initial;
}

.wg-share-multiselect-wrap .select2-container--default .select2-selection--multiple {
    min-height: 50px;
    position: relative;
    border: 1px solid #CCD9E8;
}

.wg-share-multiselect-wrap .select2-container--default .select2-selection--multiple:focus {
    border-color: #3E4D74;
}

.wg-share-multiselect-wrap .select2-container--default .select2-selection--multiple::after {
    content: '';
    background-image: url(../images/dropdown-img.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 22px;
    right: 10px;
}



.wg-share-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    margin-top: 15px;
    margin-left: 5px;
}

.wg-share-multiselect-wrap .select2-container--default .select2-search--inline .select2-search__field {
    height: 35px;
    width: fit-content !important;
}

.wg-share-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 12px;
    color: #5A6685;
    padding: 5px 17px 5px 5px;
    position: relative;
}

.wg-share-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    right: 3px;
}

.wg-toggle-dd-textarea textarea::placeholder {
    font-size: 14px;
    color: #B2B8C7;
    padding-top: 5px;
}

.wg-toggle-share-wrap .wg-toggle-dd-btn {
    margin: 20px auto 0px;
}

.wg-toggle-share-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    background-color: #fff;
    margin-top: 25px;
    width: 100%;
    position: relative;
}

.wg-share-link-txt {
    width: calc(100% - 88px);
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
}

.wg-share-link-txt label {
    position: absolute;
    top: -8px;
    left: 15px;
    background: white;
    font-size: 13px;
    color: #3E4D74;
    line-height: initial;
}

.wg-share-link-txt p {
    font-size: 14px;
    color: #B2B8C7;
    padding: 10px 10px 5px;
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
}

.wg-share-link-copy {
    display: flex;
    align-items: center;
    border-left: 1px solid #CCD9E8;
    padding: 20px 6px;
}

.wg-share-link-copy img {
    padding-bottom: 3px;
}

.wg-share-link-copy a {
    font-size: 13px;
    color: #3E4D74;
}

.wg-copy-code {
    text-align: center;
    margin: 30px 0 10px;
}

.wg-copy-code a {
    font-size: 14px;
    color: #F35A5A;
}



/* Widget Updates Page */

.wg-toggle-update-wrap , .wg-toggle-zoom-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(8, 39, 89, 0.15) 0px 2px 15px;
    border-radius: 4px;
    z-index: 1;
}
.wg-toggle-update-wrap {
    width: 250px;
}
.wg-toggle-zoom-wrap {
    width: 200px;
}

.wg-toggle-update-wrap::before , .wg-toggle-zoom-wrap::before{
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 0;
}

.wg-toggle-update-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.wg-toggle-update-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    text-align: center;
    width: 35px;
    height: 35px;
    margin: 0 5px;
}

.wg-toggle-update-btns a:hover {
    background: #273458;
}

.wg-toggle-update-btns a.act-upd-btn {
    background: #273458;
}


/* Widget Export Page */

.wg-toggle-export-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(8, 39, 89, 0.15) 0px 2px 15px;
    border-radius: 4px;
    width: 204px;
    z-index: 1;
}

.wg-toggle-export-wrap::before {
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 0;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy {
    padding: 0px;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy ul li {
    padding: 0px;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy ul {
    list-style: none;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy ul li img {
    padding: 0 3px 5px 0px;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy ul li a , .export-data{
    font-size: 14px;
    color: #5A6685;
    padding-left: 25px !important;
    /* padding-right: 32px !important; */
    display: table;
    width: 100%;
}
.export-data img {
    height: 18px;
}

a#download-Tableau {
    padding-left: 22px !important;
}

.wg-toggle-export-wrap .wg-toggle-dd-bdy ul li a:not(.download-disabled):hover {
    color: #F35A5A;
}



/* Widget Parameters Page */

.form-group.para-date-picker {
    margin: 30px 0 14px;
    position: relative;
}

.form-group.para-date-picker input#date {
    background-position: 97.5% 9px;
}

.form-group.para-bool-form {
    margin: 28px 0 14px;
    position: relative;
}

.form-group.para-bool-form .form-cus-dd-icon::after {
    right: 10px;
}

.form-group.para-range-picker {
    position: relative;
    position: relative;
    border: 1px solid #ced4da;
    height: 40px;
    border-radius: 5px;
    display: flex;
    margin: 28px 0 14px;
    padding: 0 10px;
}

.form-control-range {
    height: 2px;
    margin-top: 6%;
}

.para-range-value {
    width: 40px;
    height: 21px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(32, 57, 120, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}

.para-range-value span {
    font-size: 12px;
    color: #5A6685;
}

.form-group.para-range-picker:hover .para-range-value {
    display: flex;
}


.para-date-picker input[type=date]::-webkit-calendar-picker-indicator {
    background: unset !important;
}

.form-group.para-num-select {
    position: relative;
    margin: 28px 0 14px;
}

.form-group.para-num-select label {
    width: 214px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group.para-num-select input {
    width: 100%;
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 0 10px;
}

.form-group.para-date-range {
    position: relative;
    margin: 28px 0 14px;
}

.form-group.para-date-range input#date {
    background-position: 97.5% 9px;
}

.para-date-range input[type=date]::-webkit-calendar-picker-indicator {
    background: unset !important;
}

.para-select-form .wg-toggle-dd-btn {
    margin: 40px auto 20px;
}

.para-select-form .wg-toggle-dd-btn a {
    padding: 13px 55px;
}

.wg-para-setting {
    max-width: 102px;
    margin: 5px 0;
    width: 100%;
}

.wg-toggle-para-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(8, 39, 89, 0.15) 0px 2px 15px;
    border-radius: 4px;
    width: 360px;
    z-index: 1;
}

.wg-toggle-para-wrap::before {
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 0;
}

.wg-para-setting h4 {
    font-size: 13px;
    color: #F35A5A;
}

.wg-para-setting p {
    font-size: 13px;
    color: #B2B8C7;
}


/* Add Local User Page */

.add-item-from-wrap.add-local-user {
    margin: 0px;
}

.add-item-from-wrap.add-local-user .form-row {
    margin-left: 0;
    margin-right: 0;
}

.add-item-from-wrap.add-local-user form label {
    display: block;
}

.roles-form-group {
    border:1px solid #C3C5D4;
}
.roles-title{
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #F2F3F9 !important;
    padding: 10px !important;
    border-bottom: 1px solid #B6BDD5 !important;
}

.roles-form-group .form-cus-dd-icon{
    margin: 0 auto 10px;
    width: 97%;
}
.add-item-from-wrap.add-local-user .form-group {
    width: 100%;
    position: relative;
    margin: 5px 0 10px;
}

.add-item-from-wrap.add-local-user .form-group .switch-toggle-label{
    width: 55px !important;
    margin: -3px 40px 0 !important;
}
.add-item-from-wrap.add-local-user .form-group .toggle-btn-container > span {
    font-size: 15px;
}
.add-item-from-wrap.add-local-user .form-group .switch-toggle-btn.round.active {
    background-color: #5a6685;
}
.add-item-from-wrap.add-local-user .form-group .switch-toggle-btn.round.active:before {
    transform: translateX(25px);
}
.add-item-from-wrap.add-local-user .form-group select {
    width: 100%;
}


.add-item-from-wrap.add-local-user .form-inline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* .add-item-from-wrap.add-local-user .form-inline:nth-child(2) .form-group {
    margin: 0px;
} */

.add-item-from-wrap.add-local-user .form-inline .form-group {
    position: relative;
    width: 49.3%;
}

.add-item-from-wrap.add-local-user .form-inline .form-group input {
    width: 100%;
}

#add-local-user .add-item-form-ftr {
    margin: -10px auto 0;
}

/* Add Active Directory User Page */

.ad-username-wrap {
    margin: 14px 0 28px;
}


.ad-user-multiselect-wrap {
    position: relative;
    margin: 15px 0 28px;
}

.ad-user-multiselect-wrap label {
    font-size: 13px;
    color: #3E4D74;
    position: absolute;
    top: -7px;
    left: 15px;
    background: #ffffff;
    z-index: 99;
    line-height: initial;
    padding: 0 3px;
}

.ad-user-multiselect-wrap .select2-container {
    width: 100% !important;
    line-height: initial;
}


.ad-user-multiselect-wrap .select2-container--default .select2-selection--multiple {
    border: 1px solid #CCD9E8;
    min-height: 40px;
}

.ad-user-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 11px;
    font-family: 'l-r';
    color: #3E4D74;
    padding: 5px 52px 5px 10px;
    position: relative;
}


.ad-user-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    right: 3px;
}


.ad-user-multiselect-wrap .select2-container--default .select2-selection--multiple::after {
    content: none;
}


.ad-user-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    border: .5px solid #3E4D74;
    border-radius: 3px;
    margin-top: 8px;
    margin-left: 5px;
}


.ad-user-multiselect-wrap .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 9px;
}


#active-directory-user .add-item-form-ftr {
    margin: -10px auto 0;
}


/* Add Active Directory Group Page */


.ad-group-multiselect-wrap {
    position: relative;
    margin: 15px 0 28px;
}

.ad-group-multiselect-wrap label {
    font-size: 13px;
    color: #3E4D74;
    position: absolute;
    top: -7px;
    left: 15px;
    background: #ffffff;
    z-index: 99;
    line-height: initial;
    padding: 0 3px;
}

.ad-group-multiselect-wrap .select2-container {
    width: 100% !important;
    line-height: initial;
}


.ad-group-multiselect-wrap .select2-container--default .select2-selection--multiple {
    border: 1px solid #CCD9E8;
    min-height: 40px;
    padding: 0 0 0 10px;
}

.ad-group-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
}

.ad-group-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 11px;
    font-family: 'l-r';
    color: #3E4D74;
    padding: 5px 52px 5px 10px;
    position: relative;
}


.ad-group-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    right: 3px;
}


.ad-group-multiselect-wrap .select2-container--default .select2-selection--multiple::after {
    content: none;
}


.ad-group-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    border: .5px solid #3E4D74;
    border-radius: 3px;
    margin-top: 8px;
    margin-left: 5px;

}


.ad-group-multiselect-wrap .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 9px;
    min-width: 300px;
    font-size: 12px;
    color: #B2B8C7;
}


#active-directory-group .add-item-form-ftr {
    margin: -10px auto 0;
}


/* Add Group Page */

#add-group .add-item-from-wrap.add-local-user.add-group .form-group {
    margin: 14px 0 28px 0;
}

#add-group .add-item-from-wrap.add-local-user.add-group .form-group input::placeholder {
    font-size: 12px;
    color: #B2B8C7;
}

#add-group .add-item-form-ftr {
    margin: -20px auto 0;
}


/* Add Connection Page */

#add-connection .add-item-form-ftr {
    margin: -10px auto 0;
}

.host-name-wrap {
    margin-bottom: 28px;
}

.host-name-wrap input {
    padding: 5px 0 0 180px;
}

.host-name-wrap .host-name-url {
    position: absolute;
    top: 0;
    left: 15px;
}

.host-name-wrap .host-name-url .form-cus-dd-icon::after {
    top: 8px;
}


.host-name-wrap .host-name-url select {
    width: 150px !important;
    height: 22px !important;
    margin-top: 10px;
    font-family: 'l-r';
    font-size: 11px;
    color: #3E4D74;
    padding: 3px 10px 0;
}


/* Edit User Page */

.change-password {
    text-align: center;
}

.change-password a {
    font-size: 12px;
    color: #F35A5A;
}

#edit-user .add-item-form-ftr {
    margin: -10px auto 0;
}


/* Add Popup Page */

#add-popup .modal-header {
    border-bottom: none;
}

#add-popup .modal-footer {
    border-top: none;
}

#add-popup .am-modal-width {
    max-width: 895px !important;
}

.add-popup-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 70px 10px 90px;
}

.add-popup-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    width: 230px;
    height: 180px;
    padding-top: 50px;
    /* cursor: pointer; */
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.add-popup-box p {
    font-size: 14px;
    color: #3E4D74;
    padding-top: 10px;
}


/* Add popup box 1 */

.add-popup-box.active-user:hover {
    background: #3E4D74;
}

.add-popup-box.active-user .adu-img-2 {
    display: none;
}

.add-popup-box.active-user:hover .adu-img-1 {
    display: none;
}
.add-popup-box.active-user:hover .adu-img-2 {
    display: block;
}
.add-popup-box.active-user:hover p {
    color: #fff;
}


/* Add popup box 2 */

.add-popup-box.active-group .adg-img-2 {
    display: none;
}

.add-popup-box.active-group:hover {
    background: #3E4D74;
}

.add-popup-box.active-group:hover .adg-img-1 {
    display: none;
}

.add-popup-box.active-group:hover .adg-img-2 {
    display: block;
}

.add-popup-box.active-group:hover p {
    color: #fff;
}


/* Add popup box 3 */

.add-popup-box.add-local-user .pbu-img-2 {
    display: none;
}

.add-popup-box.add-local-user:hover {
    background: #3E4D74;
}

.add-popup-box.add-local-user:hover .pbu-img-1 {
    display: none;
}

.add-popup-box.add-local-user:hover .pbu-img-2 {
    display: block;
}

.add-popup-box.add-local-user:hover p {
    color: #fff;
}


/* Tableau Connectivity Page */

.tc-head h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0;
    padding-top: 4px;
}

.tc-add-con-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3E4D74;
    height: 27px;
    width: 27px;
    border-radius: 3px;
    margin-left: 10px;
    line-height: 0px;
}

.tc-add-con-btn:hover {
    background: #556586;
}


.tc-connections-wrap {
    height: calc(100vh - 100px);
    overflow: auto;
}

.tc-connections-sec {
    padding: 0 10px;
}

.connection-single-box {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    margin: 20px 10px;
}

.csb-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E8ECF6;
    padding: 15px 15px 15px 20px;
}

.csb-head-txt h3 {
    font-family: 'l-b';
    font-size: 16px;
    color: #3E4D74;
    margin: 0px;
}

.csb-head-btns {
    display: flex;
    align-items: center;
}

.csb-head-launch-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.csb-head-launch-btn:hover {
    background: #3E4D74;
}

.csb-head-refresh-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.csb-head-refresh-btn:hover {
    background: #3E4D74;
}

.csb-head-edit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.csb-head-edit-btn:hover {
    background: #3E4D74;
}

.csb-head-dlt-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F35A5A;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}
.csb-head-dlt-btn.disabled , .csb-head-dlt-btn.disabled:hover{
    background: #b2b8c7 !important;
    pointer-events: none;
}

.csb-head-dlt-btn:hover {
    background: #f33f3f;
}

.csb-bdy {
    padding: 15px 15px 15px 20px;
}

.csb-bdy-wrap {
    display: flex;
    align-items: center;
}

.csb-bdy-wrap span.title {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
}

.csb-bdy-wrap p {
    font-family: 'l-r';
    font-size: 13px;
    color: #3E4D74;
}

/* .csb-bdy-logo , .csb-host-n-port {
    width: 15%;
} */

.connection-details{
    display: flex;
    width: 85%;
}

.connection-info-box{
    flex: 1;
    padding: 10px;
}
/*
.csb-bdy-logo img{
    width: 80px;
    height: auto;
    max-height: 80px;
    margin-right: 90px;
} */

.csb-name-n-auth {
    padding-right: 100px;
}

.csb-username-n-pass {
    padding-right: 100px;
}

.connection-single-box.w-username-n-pass .csb-name-n-auth{
    padding-right: 309px;
}


/* Search Results Page */

#search-results .modal-header {
    border-bottom: 0;
}

#search-results .am-modal-width {
    max-width: 980px !important;
}

#search-results .modal-body {
    padding: 0px 20px;
}

.main-content-wrap.search-results-popup-page #search-results .modal-body .search-results-wrap {
    height: 100%;
}

.sr-numbers h4 {
    font-size: 16px;
    color: #3E4D74;
}

.sr-numbers h4 span{
    border: 1px solid #556586;
    border-radius: 3px;
    padding: 7px 6px;
    margin-left: 5px;
}

.sr-numbers-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sr-numbers-wrap p {
    font-size: 14px;
    color:#5A6685;
}

.see-all-results a {
    font-size: 16px;
    color: #F35A5A !important;
}

.r-box-single {
    display: flex;
    align-items: center;
    /* width: 96%; */
    cursor: pointer;
    margin: 0px 0;
    height: 27px;
    padding: 0 10px;
}
.r-box-single:hover {
    padding: 6px 10px 0px;
    background: #273458;
    margin-bottom: 3px;
}
.r-box-single:hover a , .r-box-single:hover p {
    color: #fff;
}
.r-box-single:hover .left-span, .r-box-single:hover .right-span{
    padding-top: 4px;
}
.r-box-single:hover span:not(.left-span, .right-span){
    padding-bottom: 4px;
}

.r-box-single a  , .r-box-single p{
    font-family: 'l-r';
    font-size: 14px;
    color: #3E4D74;
    /* margin-left: 10px; */
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

.r-box-single a span , .r-box-single p{
    max-width:100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.r-box-single a span{
    font-weight: 900;
}



.result-boxes-wrap {
    align-items: center;
    justify-content: space-between;
    margin: 5px 0 0;
    border-bottom: 1px solid #E8ECF6;
    padding-bottom: 5px
}

.search-results-content > hr{
    margin-top: 5px;
    margin-bottom: 5px;
}
.popover-search-result .section >hr{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
    margin-left: -20px;
    border-top: 2px solid rgba(0,0,0,.1);
    width: 510px;

}
.tooltip{
    z-index: 10000!important;

}



.r-box-default-img {
    background: #FFFFFF;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px 34px;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.res-box-def-img{
    padding-right: 18px;
    padding-bottom: 10px;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.r-box-def-img-2 {
    display: none;
}


.csb-host-n-port .r-box-default-img {
    display: inline-flex;
}
.r-box-single:hover  .r-box-default-img , .csb-bdy-wrap:hover .r-box-default-img {
    background: #3E4D74;
}


.r-box-single:hover .r-box-default-img .r-box-def-img-2 ,
.csb-bdy-wrap:hover .r-box-default-img .r-box-def-img-2 {
    display: block;
}
.r-box-single:hover .res-box-def-img .r-box-def-img-2 ,
.csb-bdy-wrap:hover .res-box-def-img .r-box-def-img-2 {
    display: block;
}

.r-box-single:hover .r-box-default-img .r-box-def-img-1 ,
.csb-bdy-wrap:hover .r-box-default-img .r-box-def-img-1 {
    display: none;
}
.r-box-single:hover .res-box-def-img .r-box-def-img-1 ,
.csb-bdy-wrap:hover .res-box-def-img .r-box-def-img-1 {
    display: none;
}

.levels-wrap {
    margin-top: 20px;
}


/* Search Results Full Page */

.search-results-wrap {
    height:100%;
    /* overflow: auto; */
    padding: 5px 10px;
    /* min-height: 130px; */
}

.search-preloader{
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-preloader img {
    width: 100px;
}


.no-results-found {
    width:100%;
    display: flex;
    justify-content: left;
    align-items: left;
    height: 90%;
}
/*
.search-results-inner-wrap {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    margin: 20px;
    padding: 20px;
} */

.sr-inner-head h3 {
    font-size: 18px;
    color: #3E4D74;
    margin: 0;
}

.sr-inner-head span {
    color: #9ea6b9;
}

/* .search-results-inner-wrap .views-wrap {
    margin-top: 20px;
} */

.search-results-inner-wrap .views-wrap .connection-single-box {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    margin: 10px 0px;
    border: 1px solid #E8ECF6;
}

.search-results-inner-wrap .result-boxes-wrap {
    margin: 30px 0 0;
}

.srf-filter {
    background: #FFFFFF;
    border: 1px solid #B2B8C7;
    box-sizing: border-box;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mca-tabs-wrap.search-results-full-page {
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
}

.mca-tabs-wrap.search-results-full-page h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0;
    padding: 4px 10px 0 0;
}


/* Main Profile Page */

.mp-head h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0;
    padding-top: 4px;
}

.main-profile-wrap {
    height: calc(100vh - 90px);
    overflow: auto;
    padding: 10px;
}

.main-profile-wrap .col-lg-7 {
    padding: 10px !important;
}

.main-profile-wrap .col-lg-5 {
    padding: 10px !important;
}

.favorites-wrap {
    background: #FFFFFF;
    border: 1px solid #E8ECF6;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    margin: 10px 0 0;
}

.fw-head {
    display: flex;
    align-items: center;
    background: #273458;
    border-radius: 4px 4px 0px 0px;
    height: 40px;
    padding-left: 20px;
}

.fw-head h3 {
    font-family: 'l-b';
    font-size: 16px;
    color: #fff;
    margin: 0px;
    padding: 3px 0 0 10px;
}

.fw-bdy-top-txt h4 {
    font-size: 14px;
    color: #3E4D74;
    padding-left: 20px;
}

.fw-bdy-top-txt-search {
    width: 100%;
    margin: 0 0 0 auto;
    padding: 0 20px 10px;
}

.fw-bdy-top-txt-search .form-group {
    position: relative;
    margin-bottom: 0;
}

.fw-bdy-top-txt-search .form-group img.search-img {
    position: absolute;
    top: 13px;
    left: 10px;
}

.fw-bdy-top-txt-search .form-group input {
    padding: 5px 0 0 35px;
}

.fav-content-sett-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.fav-content-sett-btn:hover {
    background: #3E4D74;
}

.fav-content-launch-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.fav-content-launch-btn:hover {
    background: #3E4D74;
}

.fav-content-view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #556586;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.fav-content-view-btn:hover {
    background: #3E4D74;
}

.csb-head-dlt-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F35A5A;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.fav-content-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E8ECF6;
    margin: 10px 0;
    padding: 0 15px 10px 20px;
}

.fav-content-btns {
    display: flex;
    align-items: center;
}

.fav-content-text h3 {
    font-family: 'l-r';
    font-size: 14px;
    color: #3E4D74;
    margin: 0px;
    padding-top: 23px;
    line-height: 0;
    /* width: 243px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: initial; */
}

.mp-wrap {
    background: #FFFFFF;
    border: 1px solid #E8ECF6;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    margin: 20px 10px;
}

.mpw-head {
    display: flex;
    align-items: center;
    padding: 13px 15px;
    border-bottom: 1px solid #E8ECF6;
}

.mpw-head h3 {
    font-family: 'l-b';
    font-size: 16px;
    color: #3E4D74;
    margin: 0px;
    line-height: 0px;
    padding-left: 10px;
}

.mpw-tabs-wrap .nav-tabs {
    border: 0;
}

.mpw-tabs-wrap ul li {
    margin-right: 20px;
}

.mpw-tabs-wrap ul li a.active.show {
    border-bottom: 1px solid #CCD9E8;
}

.mpw-tabs-wrap ul li a {
    font-size: 14px;
    color: #3E4D74;
}

.mpw-tab-data h3 {
    font-family: 'l-r';
    font-size: 14px;
    color: #3E4D74;
    margin: 0px;
}

.mpw-tab-data {
    margin-top: 20px;
}

.mpw-bdy {
    padding: 10px 15px;
}

.mpw-group-name {
    margin-top: 10px;
}

.mpw-group-name h3 {
    font-family: 'l-r';
    font-size: 14px;
    color: #3E4D74;
    margin: 0;
}

.mpw-sf-colors img.active-clr {
    border: 2px solid #54B8D4;
    border-radius: 50%;
}

.mpw-sf-text h5 {
    font-size: 13px;
    color: #3E4D74;
    margin: 0px;
}

.mpw-sidebar-filters {
    margin: 10px 0;
}

.mpw-sf-colors {
    padding: 10px 0;
}

.mpw-sf-colors img {
    margin-right: 10px;
}

.mpw-sidebar-bg {
    margin: 10px 0;
}


/* App Connector Page */

.app-connector-wrap {
    height: calc(100vh - 90px);
    overflow: auto;
}

.app-connector-inner-wrap {
    margin: 20px;
}

.ac-head h3 {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74;
    margin: 0;
    padding-top: 4px;
}

.ac-apps-wrap {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    padding: 40px 20px 30px;
}

.ac-app {
    text-align: center;
    margin-right: 120px;
}

.ac-app img {
    padding-bottom: 15px;
}

.ac-app a {
    font-family: 'l-b';
    font-size: 14px;
    color: #3E4D74 !important;
    margin: 0px;
}

.ac-app p {
    font-size: 14px;
    color: #B2B8C7;
}

/* Accordion Css Starts Here */

#ac-apps-accordion .panel {
    border-radius: 0;
    border: 0;
    margin: 20px 0;
  }

  #ac-apps-accordion .panel-title a {
    font-family: 'l-b';
    color: #3E4D74;
    display: block;
    padding: 20px 15px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
  }

  #ac-apps-accordion .panel-heading a.collapsed:hover,
  #ac-apps-accordion .panel-heading a.collapsed:focus {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    color: #363B52;
    transition: all 0.2s ease-in;
  }

  #ac-apps-accordion .panel-heading a.collapsed:hover::before,
  #ac-apps-accordion .panel-heading a.collapsed:focus::before {
    color: #3E4D74;;
  }

  #ac-apps-accordion .panel-heading {
    padding: 0;
    border-radius: 0px;
    text-align: left;
  }

  #ac-apps-accordion .panel-heading a:not(.collapsed) {
    color: #363B52;
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px 4px 0 0;
    transition: all 0.2s ease-in;
  }

  /* Add Indicator fontawesome icon to the left */

  #ac-apps-accordion .panel-heading .accordion-toggle::before {
    font-family: 'FontAwesome';
    content: '\f078';
    float: right;
    color: #3E4D74;
    font-size: 12px;
    font-weight: lighter;
    transform: rotate(-180deg);
    transition: all 0.2s ease-in;
    font-style: normal;
  }

  #ac-apps-accordion .panel-heading .accordion-toggle.collapsed::before {
    color: #3E4D74;
    font-size: 12px;
    font-style: normal;
    transform: rotate(0deg);
    transition: all 0.2s ease-in;
  }

  #ac-apps-accordion h4 {
      margin: 0;
  }


  .p-body-q {
    background: #FFFFFF;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 0 0 4px 4px;
    padding: 20px;

  }


  .p-body-q p {
    font-size: 24px;
    font-weight: 300;
    color: #41434A;
}

/* .pb-big-data-apps-wrap {
    display: none;
} */
#ac-apps-accordion .panel-heading a:not(.collapsed) {
    border-bottom: 1px solid #E8ECF6;
}

.accordion-link-q {
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #41434A !important;
    display: inline !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0px !important;
}

/* Accordion Css Ends Here */

.pb-big-data-inner-wrap a {
    font-family: 'l-b';
    color: #5A6685;
    font-size: 14px;
    padding: 0px;
    margin: 10px 0 0;
    display: block;
}

.pb-big-data-inner-wrap a:hover {
    color: #3E4D74;
}

.pb-big-data-inner-wrap div {
    text-align: center;
    margin-right: 10px;
    min-width: fit-content;
}

.pb-bd-app {
    margin-bottom: 45px;
}

.pb-big-data-inner-wrap {
    display: flex;
    align-items: center;

    /* padding: 20px; */
}

.installed-tool a{
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #3E4D74 !important;
}

.installed-tool p{
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #B2B8C7;
    white-space: nowrap;
}

.master-data-tabs-page {
    justify-content: flex-start;
}
@media (max-width:1100px) {
    .master-data-tabs-page {
        height: auto !important;
        flex-direction: column;
        align-items: flex-start;
    }
    .master-data-tabs-page h3{
        margin-bottom: 15px;
    }
    .master-data-tabs-page .nav li{
        margin-left: 0 !important;
        height: 35px;
    }
}
.master-data-tabs-page h3 a {
    font-size: inherit;
    color: inherit;
}
.master-data-tabs-page  +  .list-view-wrap {
    margin: 0 15px 15px;
}
.master-data-tabs-page .nav li {
    width: fit-content;
    margin-left: 20px;
}
.master-data-tabs-page .nav-pills li a.active.show {
    padding: 0px 25px 8px 25px;
}
/* Widget Portfolio Page */
.htDropdownMenu > div {
    overflow: auto !important;
}
.htDropdownMenu .wtHolder{
    width: 220px !important;
}

.htDropdownMenu .wtHider {
    width: 100% !important;
    max-height: 100%;
}
.form-date-picker {
    position: relative;
}

.form-date-picker input[type=date]::-webkit-calendar-picker-indicator {
    background: unset !important;
}

#date {
    background-image: url(../images/calendar-img.svg) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 98.5% 9px;
}

.wg-toggle-dd-bdy.wg-portfolio-pg .form-group {
    position: relative;
    margin: 14px 0;
}

.wg-toggle-portfolio-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(8, 39, 89, 0.15) 0px 2px 15px;
    border-radius: 4px;
    width: 250px;
    z-index: 1;
    display: none;
}

.wg-toggle-portfolio-wrap::before {
    content: '';
    background-image: url(../images/triangle-img.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    width: 22px;
    height: 16px;
    right: 0;
}

.wg-toggle-dd-manage-btn {
    margin: 20px auto 20px;
    text-align: center;
}

.wg-toggle-dd-manage-btn a  , .wg-toggle-dd-manage-btn button{
    font-size: 14px;
    color: #3E4D74;
    padding: 12px 16px;
    background: #FFFFFF;
    border: 1px solid #5A6685;
    border-radius: 3px;
    height: 40px;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.wg-toggle-dd-manage-btn a:hover {
    color: #fff;
    background: #3E4D74;
    border: 1px solid #3E4D74;
}

.wg-toggle-dd-bdy.wg-portfolio-pg .wg-toggle-dd-btn {
    margin: 25px auto 20px;
}

.wg-toggle-dd-bdy.wg-portfolio-pg .wg-toggle-dd-btn a {
    padding: 13px 57px;
}


/* Widget Portfolio Manage Page */

.wg-toggle-dd-imp-btn {
    text-align: center;
    align-items: center;
    display: flex;
}

.add-edit-portfolio-icon{
    background: #3e4d74;
    height: 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    margin: 0 2px;
    display: flex;
    border-radius: 3px;

}
.add-edit-portfolio-icon i {
    color: #fff !important;
}

.wg-toggle-dd-imp-btn a  , .wg-toggle-dd-imp-btn label{
    font-size: 14px;
    color: #3E4D74;
    padding: 11px 34px;
    background: #FFFFFF;
    border: 1px solid #5A6685;
    border-radius: 3px;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.wg-toggle-dd-imp-btn a:hover {
    color: #fff;
    background: #3E4D74;
    border: 1px solid #3E4D74;
}

.wg-dt-btn a {
    font-family: 'l-b';
    font-size: 14px;
    background: #5A6685;
    border-radius: 3px;
    padding: 10px 43px;
}

.wg-dt-btn a:hover {
    background: #3E4D74;
}

#portfolio .am-modal-width {
    max-width: 980px !important;
}

#portfolio .form-inline {
    align-items: center;
}

#portfolio .form-inline:first-child .form-group {
    width: 30.7% !important;
}
#portfolio .am-modal-width .modal-header {
    padding:20px !important;
    height: auto !important;
}
.modal-add-new-portfolio-btn a , .modal-add-new-portfolio-btn button{
    position: absolute;
    right: 52px;
    top: 14px;
    font-family: 'l-b';
    font-size: 14px;
    color: #fff;
    background: #3E4D74;
    border-radius: 4px;
    padding: 9.5px 36px 9.5px 36px;
}

.wg-portfolio-pg .error-notifier{
    padding-top: 10px;
}

.modal-add-new-portfolio-btn a:hover {
    background: #5A6685;
}

.list-view-table-wrap.wg-portfolio-manage-table {
    margin-top: 5px;
}

.cb-align-center.wg-pm-table-cell {
    text-align: center;
}

th.th-sm.w-img-cell.sorting_asc {

}

th.th-sm.sorting_desc {

}

/* #portfolio th.th-sm.sorting {
    border: 1px solid #CCD9E8;
} */

/* #portfolio th.th-sm {
    border-right: 1px solid transparent;
} */

.add-item-form-ftr.wg-pm-ftr {
    padding: 0 0 20px;
    margin: -10px auto 0;
    border: none;
}

.add-item-form-ftr.wg-pm-ftr button {
    padding: 8px 42px;
}



/* Login Page */

.login-sec-wrap {
    height: 100vh;
}

.login-sec-wrap .col-lg-4 {
    padding: 0px !important;
}

.login-sec-wrap .col-lg-8 {
    padding: 0px !important;
}

.login-sec-logo {
    display: flex;
    align-items: center;
    background: #CCD9E8;
    justify-content: center;
    height: 100vh;
}


.login-rf-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-form-outer-wrap {
    height: calc(100vh - 148px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: auto;
    padding: 20px 0 30px;
    position: relative;
    top: 0;
    width: 100%;

}

.login-form-wrap {
    width: 100%;
}

.login-form-wrap .cus-form.cus-login-form {
    margin: auto;
    /* padding: 0 145px; */
    width: 65%;
}
.login-form-wrap {
    width: 100%;
}

.cus-form.cus-login-form .form-group {
    margin-bottom: 30px;
}

.login-form-head {
    margin-bottom: 40px;
}

.login-form-head h3 {
    font-family: 'l-b';
    font-size: 32px;
    color: #3E4D74;
    margin: 0;
    text-align: center;
}

.remember-me-sec label {
    margin: 0px;
}

.remember-me-sec p {
    font-size: 16px;
    color: #3E4D74;
    line-height: initial;
    margin: 3px 0 0 26px;
}

.forgot-pass-sec{
    display: none;
}
.forgot-pass-sec a {
    font-size: 16px;
    color: #F35A5A;
}

.login-fg-label {
    font-family: 'l-b';
    font-size: 18px;
    color: #5A6685;
}

.login-f-btn-wrap {
    margin-top: 40px;
    text-align: center;
}

.login-f-btn-wrap button {
    font-family: 'l-b';
    font-size: 16px;
    background: #3E4D74;
    height: 51px;
    width: 263px;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    color: #fff;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.login-f-btn-wrap a:hover {
    background: #5A6685;
}

.login-opt-sec {
    text-align: center;
}

.login-opt-sec a {
    font-size: 16px !important;
    color: #F35A5A !important;
}

.login-form-ftr-cc {
    background: #FFFFFF;
    border-top: 1px dashed #CCD9E8;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.login-form-ftr-cc p {
    font-size: 14px;
    color: #5A6685;
    padding: 10px 0;
}

.modal-body.wg-pf-manage-wrap{
    padding-top: 0px;
    padding-bottom: 0px;
}
#portfolio .wg-pf-manage-wrap .form-control {
    width: 100%;
    cursor: pointer;
}

#portfolio img.mh-coll-arrow {
    padding: 0 10px 0 0;
}


/* Widget Add New Portfolio Page */


#add-new-portfolio-modal .modal-content {
    min-height: 340px;
}



/* Add New Woekspace Page */

#add-new-workspace-modal .modal-body {
    padding: 0;
}

/* .anw-head {
    padding: 0 5px;
} */

.anw-head h3 {
    font-family: 'l-b';
    font-size: 18px;
    color: #3E4D74;
    margin: 0 0 20px;
}

.anw-head img {
    padding: 0 2px 8px 0;
}

.anw-textarea {
    width: 100%;
    position: relative;
    margin: 5px 5px 20px;
}

#siteModal #basic_info_tab .anw-textarea{
    width: 66% !important;
}

#edit-connection-description {
    margin-left: -5px;
}

.anw-textarea textarea {
    padding: 12px;
}

.anw-textarea textarea::placeholder {
    font-size: 14px;
    color: #B2B8C7;
}

.anw-textarea .cus-form-label {
    left: 14px;
}

.anw-banding-sec-wrap {
    width: 100%;
    padding: 0;
}

.anw-banding-sec-wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.anw-banding-sec-wrap .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.anw-banding-sec-wrap .col-md-6 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.securities-select-wrap.ss-select-img-btn.anw-branding-logo .cus-form-label {
    left: 14px;
}

.add-img-box.anw-img-box {
    padding: 0px;
}

.add-img-box.anw-img-box.branding-style {
    padding: 0px;
    height: 400px;
}

.add-item-from-wrap.add-new-ws-wrap .form-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.anw-um-sec-wrap {
    width: 100%;
    padding: 20px 15px;
    border-top: 1px solid #E8ECF6;
}

.anw-ws-sec-wrap {
    width: 100%;

}

.ws-single-box-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    min-height: 80px;
    position: relative;
    margin: 10px 0;
}

.ws-single-box-wrap:hover {
    border-color: #3E4D74;
}

.ws-box-content {
    text-align: center;
}

.ws-box-content p {
    font-size: 15px;
    line-height: 1.0;
    padding-top: 10px;
}

.ws-single-box-wrap .size-cb-wrap {
    position: absolute;
    top: -10px;
    left: 15px;
}

.ws-single-box-wrap .size-cb-wrap input:checked ~.ws-single-box-wrap {
    border-color: #3E4D74 !important;
}

.anw-ws-boxes-wrap {
    padding: 16px 16px 16px 0;
    border: 1px solid #3E4D74;
    border-radius: 3px;
}

.anw-ws-boxes-wrap .col-lg-4 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.ws-sett-btn-wrap {
    position: absolute;
    top: 0;
    right: 6px;
}

.ws-sett-btn-head {
    padding: 10px;
    border-bottom: 1px solid #E8ECF6;
}

.ws-sett-btn-head h3 {
    font-family: 'l-b';
    font-size: 13px;
    color: #3E4D74;
    margin: 0px;
}

.ws-sett-btn-head img {
    padding: 0 2px 4px 0;
}

.ws-sett-btn-content {
    display: none;
}

.ws-sett-btn-content {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px rgba(8, 39, 89, 0.15);
    border-radius: 4px;
    z-index: 99;
    min-width: 390px;
    right: 0;
}

.ws-sett-btn-bdy {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 5px 0;
}

.ws-sett-btn-bdy .col-md-4 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.branding-style{
    height: 500px;
}
.securities-select-wrap.branding-style {
    height: 500px;
}
.ws-sett-btn-cb {
    position: relative;
}

.ws-sett-btn-cb {
    font-size: 14px;
    color: #5A6685;
    padding-left: 14px;
    margin-bottom: 20px;
}

.ws-sett-btn-cb .size-cb-wrap {
    position: unset;
    padding: 0 0 0 0;
    margin: 0 0 0 0 !important;
}

#widgets-container .size-cb-wrap, #level-widgets-container .size-cb-wrap{
    padding-left: 15px;
}

.add-item-from-wrap.add-new-ws-wrap .form-row {
    padding: 0 15px;
}

.anw-banding-sec-wrap .anw-head {
    padding: 0 5px;
}

.anw-banding-sec-wrap .anw-head h3 {
    margin: 0 0 10px;
}

.anw-um-sec-wrap .anw-head {
    padding: 0 5px;
}

.anw-um-sec-wrap .form-row {
    padding: 0 !important;
}

.anw-ws-sec-wrap .anw-head {
    padding: 0;
}




/* ------------------- */

.dbm-m-output-txt {
    width: calc(100% - 133px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.full-width {
    width: 100% !important;
}











/* MEDIA QUERIES */

@media all and (max-width: 1366px) {

    /* .list-view-table-wrap {
        overflow: scroll;
    } */

    /* .stat-box-single {
        max-width: 150px;
    } */

    .lvf-head p {
        line-height: 1.0;
    }

    /* .table thead th {
        min-width: 150px;
    }

    .list-view-table-wrap {
        overflow: scroll;
    } */


}

@media all and (max-width: 1200px) {

    /* Home Page */

    /* .info-box {
        width: 281px;
    } */

    /* Navigation Page */
/*
    .dataTables_length {
        bottom: 90px !important;
    } */
    .table thead th {
        min-width: 150px;
    }



    .table {
        margin-bottom: 120px !important;
    }

    .table.custom-width {
        margin-bottom: 150px !important;
    }
    #siteModal #groups_datatable, #siteModal #users_datatable, #siteModal #level_groups_datatable, #siteModal #level_users_datatable, #siteModal #paramDiv_datatable, #manage_group_mem_table {
        margin-bottom:0 !important
    }



    /* div.dataTables_wrapper div.dataTables_paginate {
        bottom: 25px !important;
        right: 55px !important;
    } */
    /* .paginate_button {
        bottom: 50px;
    } */
    /* div.dataTables_wrapper div.dataTables_paginate{
        bottom: 99px;
    } */
    /* .dataTables_info {
        bottom: 102px;
    } */
    .stat-box-single {
        padding: 10px;
    }

    /* .enlarged .stat-box-single {
        max-width: 150px;
    } */

    /* User Grid Page */

    /* .mca-tabs-wrap.users-grid-page .nav-pills li a {
        font-size: 12px;
    } */

    .user-name-role {
        flex-direction: column;
    }

    .user-name-role span {
        margin: 10px 0px 0 -20px;
    }

    .main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content {
        max-height: 320px;
    }

    a.wg-share-dd-btn {
        padding: 5px;
    }


    /* Tableau Connectivity Page */

    .csb-bdy-logo , .csb-host-n-port {
        padding-right: 50px;
    }

    .csb-name-n-auth {
        padding-right: 50px;
    }

    .csb-username-n-pass {
        padding-right: 50px;
    }

    .connection-single-box.w-username-n-pass .csb-name-n-auth {
        padding-right: 50px;
    }

    /* Search Results Full Page */
/*
    .search-results-inner-wrap {
        overflow: auto;
    } */

    /* App Connector Page */

    .ac-app {
        margin-right: 50px;
    }

    /* Users list table page */

    /* .filter-form {
        flex-direction: column;
    } */


    .lvf-head {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .additional-col-dd-wrap {
        margin: 10px auto;
    }

    /* .export-excel-btn {
        margin-top: 20px;
    } */


    /* .r-box-single a span, .r-box-single p{
        max-width: 110px;
    } */





}

div.sweet-alert.showSweetAlert.visible > h2 {
    margin-top: 35px;
}



@media all and (min-width: 992px) {



    /* Search Results Page */

    .main-content-wrap.search-results-popup-page #search-results .modal-content {
        max-height: 455px;
        height: 100%;
    }
    /* .r-box-single a span, .r-box-single p {
        max-width: 95px;
    } */
}
@media all and (min-width: 1200px) and (max-width: 1400px){
    /* .r-box-single a span, .r-box-single p {
        max-width: 150px;
    } */
}

@media all and (max-width: 992px) {
    .mca-tabs-wrap.users-grid-page .nav-pills li , .mca-tabs-wrap.system-setting-page .nav-pills li{
        padding: 0px;
        flex-basis: 190px;
        height: 35px;
        text-align: center;
    }
    .filter-form {
        flex-wrap: wrap;
    }
    .table-search-bar {
        flex: auto;
        margin-bottom: 15px;
    }
    .widgets-expanded-btns-wrap {
        display: none;
        position: absolute;
        top: 45px;
        right: 135px;
        border-radius: 5px;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 5px;
        /* border: 1px solid #273458; */
        box-shadow: 0px 5px 15px 0px #616161;
        transition: 1s;
    }
    .widgets-expanded-btns-wrap.show-it {
        display: grid;
    }
    .show-hide-wgts {
        display: flex;
    }
    .inactive-wg-btn h4 , .active-wg-btn h4{
        display: block;
    }
    .widgets-expanded-btns-wrap .wg-exp-btn {
        margin-top: 5px !important;
    }
    #users-table_wrapper .grid-view-wrap {
        margin-bottom: 115px !important;
    }

    .dataTables_length {
        bottom: 95px!important;
        text-align: center;
        width: 88%;
    }
    .dataTables_info {
        bottom: 35px !important;
        width: 88%;
        right: 40px;
        justify-content: center;

    }

    .modal-body .dataTables_length {
        bottom: 95px !important;
        width: 95%;
    }
    /* div.dataTables_wrapper div.dataTables_paginate {
        position: absolute;
        right: 35px;
        bottom: 45px;
        width: 90%;
    } */
    /* .custom-width.dataTables_info{
        bottom: 140px !important;
    } */

    .dataTables_info {
        width: 90%;
        justify-content: center;
        right: 35px;
        bottom: 60px;
    }

    .modal-body .dataTables_info {
        bottom: 37px !important;
    }
    /* .modal-body .custom-width.dataTables_info {
        bottom: 130px !important;

    } */

    .modal-body div.dataTables_wrapper div.dataTables_paginate {
        bottom: 34px;
    }

    .pagination {
        justify-content: center;
    }

    /* .nav-pills li {
        padding: 0px 10px 0px 0px;
    } */

    .add-item-save-btn a {
        padding: 11.5px 12px;
    }

    /* .info-box {
        width: 239px;
    } */

    /* .enlarged .info-box {
        width: 319px;
    } */

    /* Navigation Page */

    .stat-boxes-wrap {
        flex-direction: column;
    }

    .stat-box-single {
        margin: 10px 0;
    }

    .stat-box-single .stat-box-text {
        text-align: center;
    }



    .list-view-sec-ftr {
        flex-direction: column;
    }

    /* .filter-form {
        flex-direction: column;
    } */

    .search-template-name {
        display: flex;
        align-items: center;

    }
    .save-export-container {
        display: flex;
        flex: 1;
        align-items: center;
    }



    .lvf-head {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .additional-col-dd-wrap {
        margin: 10px auto;
    }

    .mca-tabs-wrap.navigation-page {
        padding: 10px 20px 10px 5px;
    }


    /* Workspace Page */

    .mca-tabs-wrap.workspace-page {
        flex-direction: column;
        margin: 0 0 50px;
    }
    .mca-tabs-wrap.workspace-page.master-data-head {
        margin: 0px !important;
    }

    .master-data-head .mca-toggle-btn-wrap {
        margin-top: -5px !important;
    }


    /* .mca-toggle-btn-wrap {
        justify-content: center;
        margin: 15px 0 0;
        padding-bottom: 20px;
        padding-right: 0px;
    } */

    /* .add-new-ws-btn a {
        margin: 0px 0px 0px 10px;
    } */

    .lw-table-num-wrap {
        margin: 10px 0 20px;
    }

    .main-content-area.ws-page .filter-result-tabs-content-wrap {
        height: calc(100vh - 160px) !important;
    }

    .table thead th {
        min-width: 150px;
    }

    .ws-sett-btn-content {
        right: 20px;
    }


    /* Generate URL 2 Page */

    .size-cb-container {
        flex-direction: column;
        height: 130px;
    }
    .url-tool-content .size-cb-container {
        height: initial !important;

    }
    .menu-sep-colors {
        height: unset;
        flex-direction: row;
    }
    .size-cb-container .custom-size-input {
        margin: 20px auto 0;
    }

    .dbm-m-output-txt {
        width: calc(100% - 133px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* .select-filter-wrap .sfw-btn {
        margin-top: 20px;
    } */

    .dbm-m-output-bdy {
        width: 100%;
    }

    /* .dbm-m-output-bdy p{
        overflow-x: scroll;
        max-width: 100%;
        width: 100%;
    } */


    /* Users Grid Page */

    .mca-tabs-wrap.users-grid-page {
        flex-direction: column;
        height: auto;
    }

    .mca-tabs-wrap.users-grid-page .mca-toggle-btn-wrap {
        margin: 25px 0 0;
    }

    .user-name-role {
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
    }

    .user-name-role span {
        margin: 10px 0 0 0;
    }

    .user-grid-v-head {
        padding: 20px 15px;
    }

    .user-grid-view-bdy {
        padding: 10px 15px;
    }

    .user-grid-view-ftr {
        padding: 10px 15px;
    }

    .ugv-display-name h4 {
        font-size: 13px;
    }

    .ugv-display-email h4 {
        font-size: 13px;
    }

    .user-grid-view-ftr .last-login p {
        font-size: 13px;
    }

    .user-grid-view-ftr .last-login span {
        font-size: 13px;
    }

    .user-grid-view-ftr .auth-type span {
        font-size: 13px;
    }

    .user-grid-view-ftr .auth-type span {
        font-size: 13px;
    }

    /* System Settings Page tab 3 */

    .license-key-sec {
        padding: 50px 10px;
    }

    /* Add Popup Page */

    .add-popup-box {
        margin: 0 5px;
    }


    /* Tableau Connectivity Page */

    .main-content-area.tableau-connectivity-page .mca-toggle-btn-wrap {
        margin: 0;
        padding: 0px;
    }

    /* .csb-bdy-wrap {
        display: block;
    } */

    .csb-bdy-logo , .csb-host-n-port {
        padding-right: 30px;
        margin: 0;
        /* margin: 0 0 20px; */
    }

    .csb-name-n-auth {
        padding-right: 0px;
        margin: 10px 0;
    }

    .csb-username-n-pass {
        padding-right: 0px;
        margin: 10px 0;
    }

    .csb-host-n-port {
        margin: 10px 0 0;
    }


    .connection-single-box.w-username-n-pass .csb-name-n-auth {
        padding-right: 0;
    }

    .csb-head {
        display: block;
    }

    .csb-head-txt {
        text-align: center;
        margin-bottom: 10px;
    }

    .csb-head-btns {
        justify-content: center;
    }


    /* Search Results Page */

    .result-boxes-wrap {
        display: block;
        border: none;
        padding-bottom: 0px;
        margin: 15px 0 0 !important;
    }

    .r-box-single {
        margin: 15px 0;
        width: 100%;
    }
    .r-box-single > img , .r-box-default-img {
        height: 60px;
        width: 60px;
    }

    /* App Connector Page */

    .ac-apps-wrap {
        display: block;
    }

    .ac-app {
        margin: 0 0 50px;
    }

    .ac-app:last-child {
        margin: 0;
    }

    .pb-big-data-inner-wrap {
       flex-direction: column;
    }

    .pb-bd-app {
        margin: 0 0 40px;
    }

    .pb-bd-app:last-child {
        margin: 0;
    }


    /* Login Page */

    .login-sec-logo {
        height: 100px;
        background: none;
    }
    .sec-logo-container {
        height: 100px  !important;
        text-align: center !important;
    }
    /* .login-sec-logo a img {
        width: 100px;
    } */

    .login-form-outer-wrap {
        height: calc(100vh - 274px);
        padding: 20px 0 20px;

    }

    .no-sec-login {
        height: calc(100vh - 145px)  !important;
        padding: 30px 0 30px  !important;
    }
    .login-form-ftr-cc {
        position: fixed;
    }
    .login-form-wrap .cus-form.cus-login-form {
        padding: 0 15px;
    }

    .login-f-btn-wrap {
        text-align: center;
    }

    .login-opt-sec {
        text-align: center;
    }

    .login-fg-label {
        font-size: 16px;
    }

    .remember-me-sec p {
        font-size: 14px;
    }

    .forgot-pass-sec a {
        font-size: 14px;
    }

    .login-f-btn-wrap button {
        font-size: 14px;
        padding: 10px 110px 10px 110px;
    }

    .login-opt-sec a {
        font-size: 14px !important;
    }

    .login-form-ftr-cc p {
        font-size: 12px;
    }

    /* Widget Portfolio Manage Page */

    /* #portfolio .modal-header {
        height: 120px;
    } */

    .modal-add-new-portfolio-btn a {
        top: 60px;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 160px;
    }

    /* #portfolio .wg-pf-manage-wrap .cus-form .form-inline {
        flex-direction: column;
    } */

    #portfolio .wg-pf-manage-wrap .cus-form .form-inline .form-group {
        width: 100% !important;
        position: relative;
        margin: 10px 0 20px;
    }
    /* .importing-portfolio {
        display: grid;
    }
 */


    .wg-dt-btn {
        margin-top: 10px;
    }

    .wg-toggle-dd-imp-btn {
        margin: 30px 0 10px;
    }

    .wg-dt-btn a {
        font-family: 'l-m';
        padding: 10px 17px;
    }

    .wg-toggle-dd-imp-btn a {
        padding: 9px 58px;
    }

    .add-item-form-ftr.wg-pm-ftr button {
        font-family: 'l-m';
        padding: 6px 32px;
    }

    /* Add new Workspace page */

    .add-item-from-wrap.add-new-ws-wrap .size-cb-container {
        height: 50px;
        align-items: flex-start;
    }










}

@media all and (max-width: 856px) {
    /* div.dataTables_wrapper div.dataTables_paginate {
        bottom: 10px !important;
        right: 120px !important;
    } */
}

@media all and (max-width: 767px) {

    .status-view-export-cont{
        width: 100%;
        margin-top: 5px;
    }
    .home_status_list_cont ,  .sites_status_list_cont{
        margin-left: 0;
        flex: 1;
    }
    #home_status_list + .select2 ,  .sites_status_list_cont .select2 {
        width: 100% !important;
    }
    a.alteryx-file {
        margin-top: 10px;
        color: #007bff;
        font-size: .8rem;
    }

    .cancel-btn {
        margin-bottom: 10px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        width: 96%;
        right: 15px !important;
    }

    .pagination {
        width: 100%;
        justify-content: center;
    }
    .paginate_button {
        bottom: 50px;
    }
    .dataTables_info{
        /* bottom: 38px; */
        right: 15px;
        width: 96%;
        justify-content: center;
    }

    .dataTables_length {
        /* bottom: 75px !important; */
        /* width: 100%; */
    }
    .paginate_button {
        bottom: 30px;
    }
    .menu-toggle-logo {
        display: block;
    }

    .list-unstyled.topnav-menu-left {
        margin-left: 0;
    }

    .logo-box {
        display: none;
    }

    .navbar-custom-sec {
        /* padding: 10px; */
        display: flex;
        align-items: center;
    }

    .navbar-wrap.float-right {
        padding-right: 0px;
    }

    .navbar-wrap.float-right a {
        margin-left: 10px;
    }



    a.toggle-notifications.unred-notification img {
        width: 20px;
    }



    a.toggle-setting img {
        width: 20px;
    }





    .toggle-user-wrap, .toggle-setting-wrap , .main-tabs-sm-links {
        right: 15px;
        top: 40px;
    }

    .bell-notify-list-wrap {
        right: 59px;
        max-width: 250px;
        top: 40px;
    }

    .notify-box {
        padding: 20px 10px;
    }

    .notify-box-img p {
        width: 35px;
        height: 35px;
        line-height: 40px;
    }

    .notify-box-msg p {
        width: 180px;
    }

    /* .change-view-btn-wrap {
        display: none;
    } */

    .main-content-area.mca-homepage .mca-tabs-wrap {
        height: 100px;
        padding: 20px 25px;
        flex-direction: row;
        align-items: center;
    }

    .main-content-area.mca-homepage .change-view-btn-wrap {
        justify-content: center;
        padding: 0px;
        /* margin-top: 15px; */
    }

    .main-content-area.mca-homepage .mca-tabs-content-wrap {
        height: calc(100vh - 60px);
        overflow: auto;
    }

    .mca-tabs-wrap {
        padding: 10px 25px;
    }

    .nav-pills li {
        padding: 0px;
    }

    .nav-pills li a.active.show {
        padding: 0px 15px 8px 15px;
    }

    .nav-pills li a {
        padding: 0px 15px 8px 15px;
    }

    .main-content-wrap {
        position: relative;
    }

    /* .sidebar-menu {
        width: 7px !important;
        z-index: 1000;
    } */

    /* .toggle-arrow {
        display: block !important;
    }

    .sidebar-menu > div:not(.toggle-arrow) {
        visibility: hidden ;
    } */


    /* .sidebar-menu:hover {
        width: 240px !important;
    } */

    /* .enlarged .sidebar-menu:hover {
        width: 60px  !important;
    } */


    /* .sidebar-menu:hover > div:not(.toggle-arrow) {
        visibility: visible ;
    } */


    .enlarged .sidebar-icons {
        flex-direction: row;
        background: #2F3C5F;
    }

    .enlarged .all-workspaces-wrap-hide {
        display: block;
    }

    .enlarged .all-workspaces-wrap-collapsed {
        display: none;
    }

    .sidebar-menu-show {
        position: fixed;
        width: 230px;
        visibility: visible;
        z-index: 2000 !important;
        -webkit-transition: all 250ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
        transition: all 250ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }


    /* .main-content-area {
        width: 100%;
        position: relative !important;
        left: 0 !important;
    }  */

    .mca-tabs-content-wrap .tab-content .tab-pane {
        justify-content: center;
    }

    .length-notifier {
        position: unset;
    }

    .add-item-save-btn {
        text-align: center;
    }

    /* .sidebar-menu-toggleable {
        width: 230px;
        visibility: visible;
        display: block;
    } */

    .menu-item-2-modal .add-item-from-wrap.m-item-2 {
        padding: 25px 20px;
    }


    /* List View Page */

    /* .filter-form {
        flex-direction: column;
    } */

    .save-export-container {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
        flex-direction: row-reverse;

    }
    .search-template-name {
        width: 100%;
    }
    .search-csv {
        flex:1;
    }

    .save-export-container .export-excel-btn {
        margin-right: 10px;
    }

    .search-template-name .bmd-form-group {
        flex:1;
    }
    .lvf-head {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .additional-col-dd-wrap {
        margin: 10px auto;
    }


    .table td, .table th {
        padding: 14px 30px;
    }

    /* .table label {
        margin: 0 10px 0 0;
    } */

    .list-view-sec-ftr {
        justify-content: center;
        flex-direction: column;
    }

    .lw-table-num-wrap {
        margin: 0 0 20px;
    }

    .lw-table-pag-wrap .lw-pag-item .page-link {
        padding: 7px 11px;
    }

    /* .mca-tabs-content-wrap .tab-content .info-box-parent {
        justify-content: center;
    } */

    .total-pages-wrap p {
        padding: 5px;
    }

    .lvf-f-i-fields {
        flex-direction: column;
    }

    .lvf-f-i-fields input {
        margin: 10px 0;
    }

    /* .enlarged a.aw-dropdown img.aw-coll-arrow-img {
        display: none;
    }

    .enlarged .aw-dropdown-content {
        display: block;
    }

    .enlarged .aw-dropdown .aw-dd-coll {
        display: block;
    }

    .enlarged .aw-dropdown-content {
        background: none;
        min-width: 180px;
        z-index: 999;
        position: absolute;
        top: 60px;
        left: 0;
    }

    .enlarged .aw-dropdown-content ul {
        padding-left: 10px;
    }

    .enlarged .inner-level-1-menu ul.level-1-menu-ul {
        padding-left: 25px;
    }

    .enlarged .aw-dropdown-content ul li a i::before {
        content: "\f178";
    }

    .enlarged .sidebar-icons a.active-link {
        background-color: unset;
        border-left: none;
    }

    .enlarged .sidebar-icons a.active-link::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 25px;
        height: 3px;
        background-color: var(--secondary_color);
    } */



    /* WORKSPACES PAGE */

    .main-content-area.ws-page .mca-tabs-wrap.workspace-page {
        flex-direction: column;
        height: 110px;
        margin: 0 0 0px;
    }

    .mca-toggle-btn-wrap {
        justify-content: center;
        margin: 25px 0 0;
        padding-bottom: 20px;
        padding-right: 0px;
        flex-wrap: wrap;
    }

    /* .add-new-ws-btn a {
        margin: 0px 0px 0px 10px;
    } */


    /* Navigation Page */

    .mca-tabs-wrap.navigation-page {
        height: 50px;
        padding: 20px;
        margin: 0;
    }

    .mca-tabs-wrap.navigation-page .navigation-pg-head {
        margin-left: 0px;
    }

    .mca-tabs-wrap.navigation-page .add-new-ws-btn a {
        margin: 0px 0px 0px 10px;
    }

    .stat-boxes-sec .stat-boxes-wrap {
        flex-direction: column;
    }

    .stat-boxes-sec .stat-box-single {
        /* max-width: 500px; */
        width: 100%;
        margin: 10px auto;
    }


    /* Generate URL 2 Page */

    .window-title-wrap .cus-form .title-btns {
        right: 7px;
    }

    .size-cb-container {
        flex-direction: column;
        align-items: flex-start;
        height: 260px;
    }
    .url-tool-content .size-cb-container {
        height: initial !important;
        align-items: initial !important;
    }
    .menu-sep-colors {
        flex-direction: column;
        height: auto;
    }

    .size-cb-sec {
        flex-direction: column;
        align-items: unset;
    }
    .menu-sep-colors .size-cb-sec {
        flex-wrap: wrap;
        flex-direction: row;
        height: auto;
    }

    #chosen_color_txt , #level_chosen_color_txt{
        margin-top: 15px
    }
    .size-cb-sec label {
        margin: 10px 0;
    }

    .custom-size-input {
        margin-top: 10px;
    }

    .custom-size-input input {
        width: 100px;
    }

    .db-m-title h3 {
        font-size: 16px;
    }

    .select-filter-wrap .form-group {
        flex-direction: column;
    }

    .dbm-m-output-txt {
        width: calc(100% - 133px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .select-filter-wrap .sfw-btn {
        margin-top: 20px;
    }

    .dbm-m-output-bdy {
        width: 100%;
    }

    /* .dbm-m-output-bdy p{
        overflow-x: scroll;
        max-width: 100%;
        width: 100%;
    } */




    /* menu item 4 page */

    #mi-3-modal .select-filter-wrap .form-group {
        flex-direction: column;
    }

    #mi-3-modal .select-filter-wrap .form-group .sfw-btn {
        margin-top: 20px;
    }

    #mi-3-modal .select-filter-wrap .form-group .sfw-btn .blue-btn {
        margin-left: 0px;
    }

    #mi-3-modal .sfw-local-name-wrap {
        margin-bottom: 20px;
    }

    #mi-4-modal .select-filter-wrap .form-group {
        flex-direction: column;
    }

    #mi-4-modal .select-filter-wrap .form-group .sfw-btn {
        margin-top: 20px;
    }

    #mi-4-modal .select-filter-wrap .form-group .sfw-btn .blue-btn {
        margin-left: 0px;
    }


    /* menu item 4a page */

    .or-kv-wrap {
        flex-direction: column;
    }

    .enter-key-wrap {
        margin-right: 0px;
    }

    .enter-val-wrap {
        width: 100%;
        margin: 15px 0;
    }

    .freq-kv-wrap {
        flex-direction: column;
    }

    #mi-4a-modal .sfw-local-name-wrap {
        padding: 20px 10px 0;
    }



    /* Close popup page */

    .popup-p p {
        line-height: 1.5;
    }

    .close-popup-btn-wrap {
        flex-direction: column;
        margin: 20px 0 0 0;
    }

    .pop-yes-btn {
        margin: 0px auto 20px;
    }


    /* Users Grid Page */

    .mca-tabs-wrap.users-grid-page {
        flex-direction: column;
        height: auto;
    }

    .mca-tabs-wrap.users-grid-page .nav-pills li a {
        font-size: 13px;
        padding:  0px 10px 8px 10px;;
    }
    .mca-tabs-wrap.users-grid-page .nav-pills li ,   .mca-tabs-wrap.system-setting-page .nav-pills li{
        text-align: start !important;
    }
    .mca-tabs-wrap.users-grid-page .mca-toggle-btn-wrap {
        flex-direction: column;
    }

    .users-change-view-btn-wrap {
        margin: 15px 0;
    }

    .mca-tabs-wrap.users-grid-page .add-new-ws-btn a {
        margin: 0px;
    }


    /* System Settings Page */

    .mca-tabs-wrap.system-setting-page {
        height: 150px;
        padding: 10px;
        /* margin: 0; */
    }

    /* .mca-tabs-wrap.system-setting-page ul.nav.nav-pills {
        flex-direction: column;
    } */

    .mca-tabs-wrap.system-setting-page .nav-pills li {
        padding: 5px;
    }

    /* .mca-tabs-wrap.system-setting-page .nav-pills li a.active.show {
        padding-bottom: 20px;
    } */

    form.cus-form.ss-form {
        margin-bottom: 15px;
    }

    form.cus-form.ss-form .form-row {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .privacy-row {
        height: 140px;
    }
    .terms-row,.key_file-dev{
        height: 55px;
        width: 100% !important;
    }

    form.cus-form.ss-form .form-row .col:first-child {
        margin-bottom: 80px;
    }
    form.cus-form.ss-form .form-row.privacy-row .col:first-child {
        margin-bottom: 0;
    }
    .system-settings-wrap .ss-btn-wrap {
        text-align: center;
    }

    /* System Settings Page tab 2 */


    .mail-setting-title p {
        padding: 10px 0 0 0;
    }

    .ss-form-1 .form-inline {
        flex-direction: column;
    }

    .ss-form-1 .form-inline .form-group {
        width: 100%;
    }

    .ss-form-2 .form-inline {
        flex-direction: column;
    }

    .ss-form-2 .form-inline .form-group {
        width: 100%;
    }

    .ss-form-3 .form-inline {
        flex-direction: column;
    }

    .ss-form-3 .form-inline .form-group {
        width: 100%;
    }

    .ss-form-1 .form-inline .form-group {
        margin-bottom: 20px;
    }

    .ss-form-2 .form-inline .form-group {
        margin-bottom: 20px;
    }

    .ss-form-3 .form-inline .form-group {
        margin-bottom: 20px;
    }

    .ss-form-wrap .ss-form-1 {
        margin: 10px 0;
    }

    .ss-form-wrap .ss-form-2 {
        margin: 10px 0;
    }

    .ss-form-wrap .ss-form-3 {
        margin: 10px 0;
    }

    .ss-btn-wrap.btn-wrap-2 {
        margin: 0 0 10px;
    }


    /* System Settings Page tab 3 */

    .license-key-sec {
        width: auto;
        padding: 50px 10px;
    }

    .license-key-field {
        flex-direction: column;
        padding: 10px 0;
    }

    .action-btn-wrap.key-btns-wrap {
        border-left: none;
        margin-top: 10px;
    }

    .license-key-type {
        display: block;
    }

    .license-key-type .license-exp {
        margin: 40px 0 20px;
    }

    /* Widgets collapsed page */

    .enlarged .main-content-wrap.widgets-page .sidebar-menu .aw-dropdown-content {
        width: 100%;
        left: 0;
        top: 60px;
        max-height: 300px;
        overflow: auto;
    }

    /* Widgets expanded page */

    .mca-tabs-wrap.widgets-page-wrap.wig-exp {
        flex-direction: column;
        height: 130px;
        padding: 10px 20px;
    }

    .show-wgts-btn.widgets-expanded {
        flex-direction: row;
    }

    /* .widgets-expanded-btns-wrap {
        margin: 15px 5px;
    } */

    /* .show-wgts-btn.widgets-expanded .wg-active-btn {
        margin: 2px auto 10px;
    } */


    /* Widget filter page */

    .toggle-filter-wrap {
        right: 0;
    }

    .toggle-filter-wrap::before {
        right: 0;
    }

    /* Widget Notification Page */

    .wg-toggle-noti-wrap {
        right: 0;
    }

    .wg-toggle-noti-wrap::before {
        right: 0;
    }

    /* Widget Share View Page */

    .wg-toggle-share-wrap {
        right: 0;
        width: 290px;
    }

    .wg-toggle-share-wrap::before {
        right: 0;
    }


    /* Widget Updates Page */

    .wg-toggle-update-wrap , .wg-toggle-zoom-wrap{
        right: 0;
    }

    .wg-toggle-update-wrap::before  , .wg-toggle-zoom-wrap::before {
        right: 0;
    }


    /* Widget Export Page */

    .wg-toggle-export-wrap {
        right: 0;
    }

    .wg-toggle-export-wrap::before {
        right: 0;
    }


    /* Widget Parameter Page */

    .wg-toggle-para-wrap {
        right: 0;
        width: 300px;
    }

    .wg-toggle-para-wrap::before {
        right: 0;
    }



    /* Add Local User Page */

    .add-item-from-wrap.add-local-user .form-inline {
        flex-direction: column;
    }

    .add-item-from-wrap.add-local-user .form-inline .form-group {
        width: 100%;
    }


    /* Add Active Directory Group Page */


    .ad-group-multiselect-wrap .select2-container--default .select2-search--inline .select2-search__field {
        min-width: 221px;
        font-size: 11px;
    }

    /* Add Connection Page */

    .host-name-wrap .host-name-url select {
        width: 100px !important;
    }

    .host-name-wrap input {
        padding: 5px 0 0 123px;
    }

    .host-name-wrap input::placeholder {
        font-size: 12px;
    }


    /* Add Popup Page */

    .add-popup-wrap {
        display: block;
        padding: 0px 10px 20px;
    }

    .add-popup-box {
        margin: 20px auto;
        width: 227px;
    }


    /* Tableau Connectivity Page */

    .main-content-area.tableau-connectivity-page .mca-tabs-wrap {
        display: block;
        height: 110px;
    }

    .tc-head {
        text-align: center;
        margin-top: 10px;
    }

    .main-content-area.tableau-connectivity-page .mca-toggle-btn-wrap {
        margin: 15px 0 0;
    }

    /* Main Profile Page */

    .mca-tabs-wrap.main-profile-page {
        height: 60px;
    }

    .fav-content-wrap {
        display: block;
    }

    .fav-content-text {
        text-align: left;
        margin-bottom: 20px;
    }

    .fav-content-btns {
        justify-content: flex-start;
    }

    .fav-content-text h3 {
        width: 243px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: initial;
    }

    .fav-content-sett-btn {
        margin: 0 10px 0 0;
    }

    .fav-content-launch-btn {
        margin: 0 10px 0 0;
    }

    .fav-content-view-btn {
        margin: 0 10px 0 0;
    }

    .csb-head-dlt-btn {
        margin: 0 10px 0 0;
    }


    /* Widget Portfolio Page */

    .wg-toggle-portfolio-wrap {
        right: 0;
    }

    .wg-toggle-portfolio-wrap::before {
        right: 0;
    }

    /* Widget Add New Portfolio Page */

    .add-new-portfolio-wrap .form-group {
        margin-bottom: 28px;
    }

    /* Add New workspace page */

    .ws-sett-btn-content {
        min-width: 230px;
        top: 30px;
        left: -213px;
    }

    .add-item-from-wrap.add-new-ws-wrap .size-cb-container {
        height: 150px;
    }










}

#site_index {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow-y: auto;
    max-height: calc(100vh - 210px);
    overflow-x: hidden;
}

#site_index.site-index-full-height{
    max-height: calc(100vh - 160px);
}
/* .enlarged .sidebar-menu-toggleable #site_index {
    max-height: calc(100vh - 430px);
} */

.dataTables_length {
    position: absolute;
    bottom: 30px;
    z-index: 9;
}

.dataTables_length label{
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
}
.dataTables_length select{
    height: 40px;
    margin: 0 7px;
    border-radius: 5px;
}

.thumbnail_actions{
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    display: none;
    left: 0;
    z-index: 1;
    bottom: 0;
    background-color: rgba(39 , 52 , 88, 0.7);

}
.thumbnail_actions_btns {
    display: flex;
    top: 5px;
    right: 0px;
    position: absolute
}
.description-container {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}
.description-container h5{
    margin: 15px 10px;
    text-align: start;
    color: #fff;
    font-size: 15px;
}

.description-container p{
    color: #fff;
    text-align: start;
    margin: 0 10px;
    font-size: 13px;
}

.tabluar-content.hide , .thumbnail-content.hide{
    display: none !important;
}
.view_thumbnail {
    background: #fff;
    margin: 0 5px;
    padding: 3px 6px;
    border-radius: 3px;
}
.view_thumbnail i {
    color: #273458;

}

.datatable_action_icon {
    background-color: #3e4d74;
    color: #fff !important;
    padding: 9px;
    display: inline-flex;
    border-radius: 3px;
    font-size: 0.8rem;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin: 0 5px;
}

.card.card-profile {
    margin-bottom: 10px;
}

.datatable_action_icon:hover {
    color: #fff !important;
}

.datatable_action_icon.delete_icon {
    background-color: #F35A5A;
}

.jstree-default .jstree-clicked {
    background: TRANSPARENT;
    border-radius: 2px;
    box-shadow: none;
}

.table {
    width: 100% !important;
    overflow: hidden;
    margin-bottom: 75px;
}

.action-buttons-container {
    display: flex;
    justify-content: left;
}

.dataTables_paginate.paging_simple_numbers {
    position: absolute;
    bottom: 35px;
    width: 100%;
}

.disabled-next-previous{
    pointer-events: none !important;;
    cursor: default !important;
    text-decoration: none !important;;
    background-color: #e9ecef !important;;
    border-color: #dee2e6 !important;;
}

.disabled-next-previous-search {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
    background-color: #c8c9ca !important;
}
.dataTables_paginate.paging_simple_numbers .pagination {
    position: absolute;
    margin: 0px 0 10px;
    width: 100%;
}

.dataTables_paginate.paging_simple_numbers .paginate_button {
    position: unset !important;
    margin: 0 2px 10px;
}

.page-item.active .page-link {

    background-color: #273458  !important;
    border-color: #273458  !important;
}

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

.modal-footer button[type="submit"] {
    min-width: 150px;
    min-width: 150px;
}

#connections_wrapper{
    overflow-y: scroll;
    max-height: 75%;
}

.swal-btn,
button.confirm.btn.btn-lg.btn-primary{
    color: #fff;
    /* padding: 9px 63px; */
    border-radius: 3px;
    font-family: 'l-b';
    font-size: 14px;
    margin: 0 10px;
    min-width: 150px;
}

.text-muted {
    color: #3e4d74!important;
}
.confirm-btn {
    background: #3E4D74;
}
.cancel-btn{
    background: #F35A5A!important;
    padding: 9px 52px;
    min-width: 150px;
}


.sa-button-container {
    margin-top: 50px;
}

.title.title-up {
    margin: 0 !important;
}

.features-list {
    margin: 40px 0;
}
.modal-content{
    color: #3e4d74;
}

.modal-content .modal-header  i {
    color:#F35A5A;
}

.modal-dialog-centered {
    justify-content: center !important;
}

.main-content-container {
    display:flex;
}
.main-viz-contziner{
    position: relative;
    right: 0;
    left: 225px;
}

#viz-actions , .wg-fav-btn, .wg-noti-dd-btn{
    display: none;
}

/* .hide-widget-img {
    display: none !important;
} */

ol.breadcrumb {
    padding: 5px;
    margin: 0px;
    margin-bottom: 4px;
    background: transparent;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
}
.breadcrumb-item .dropdown .dropdown-toggle{
    /* font-size: 0.9rem; */
    border: 1px solid #8d9cc3;
    margin: 0 0 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 2px;
    border-radius: 3px;
}
.breadcrumb-item .dropdown  .dropdown-toggle::after {
    margin-left: 0 !important;
}
.breadcrumb-item .dropdown  .dropdown-menu {
    max-height: 45vh;
    overflow: auto;
    height: auto;
    background-color: #f5f8ff;
    padding: 0;
    min-width: 250px !important;
    box-shadow: 0px 6px 10px 2px #bdbdbd;
}
.breadcrumb-item .dropdown  .dropdown-menu li:hover a {
    background-color: #273458;
}
.breadcrumb-item .dropdown .dropdown-menu li:hover a p {
    color: #fff;
}
ol.breadcrumb li a , ol.breadcrumb li a p {
    color: #3e4d74;
    display: flex;
    align-items: center;
}
ol.breadcrumb li a:hover {
    color: #5A6685;
}
ol.breadcrumb li a p {
    text-overflow: ellipsis;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
}
.iui-cloud-upload:before {
    content: ""!important;
    background-image: url(../images/thumbnail-img.svg);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    display: inline-block;
}

.dropify-wrapper {
    height: 100px!important;
    font-family: 'l-b';
    font-size: 14px;
    color: #5A6685;
    width: 100%;
    height: 100px;
    background: unset;
    border: 1px solid #CCD9E8;
    border-radius: 3px;
    margin: 1px 0 20px;
}

.dropify-wrapper .dropify-message p.message_1 {
    margin-top: -40px;
    padding-top: 10px;
    font-size: 14px;
}

.dropify-wrapper .dropify-message p.message_2 {
    font-family: 'l-b';
    font-size: 12px;
    color: #B2B8C7;
    margin-top: -5px;
}

input.select2-search__field::-webkit-input-placeholder { /* Edge */
    font-size: 14px;
    color: #5A6685;
    padding-left: 5px;
}

input.select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
    color: #5A6685;
    padding-left: 5px;
}

input.select2-search__field::placeholder {
    font-size: 14px;
    color: #5A6685;
    padding-left: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 10px;
}

.hidden{
    display:none
}

.hidden-row{
    display: none !important;
}

.ad-port .size-cb-container{
    height: 40px;
}

#level-addons {
    display: flex;
}

.has-error input, .has-error textarea,.has-error .select2-container--default .select2-selection--single  {
    border-color: #f35a5a!important;
}

.has-error label {
    color: #f35a5a!important;
}

.col-flex {
    width: auto;
    display: inline-block;
    margin: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.modal-body #success,
.modal-body #fail{
    display: none;
}

span.red-clr {
    display: inline!important;
}

.upload-text p {
    font-family: 'l-b';
    font-size: 12px;
    color: #B2B8C7;
}

.image-uploader {
    min-height: 275px!important;
    margin-bottom: 10px;
}
#logo .image-uploader{
    min-height: 188px!important;
}
#loading-gif .image-uploader{
    min-height: 300px!important;
}

.image-uploader .upload-text{
    text-align: center;
}

.image-uploader .upload-text i {
    margin-bottom: -25px!important;
}


.image-uploader .uploaded .uploaded-image {
    background: transparent!important;
    height: 80px!important;
    padding: 0px!important;
    margin: 0px!important;
    width: 100%!important;
}

.image-uploader .uploaded .uploaded-image img {
    width: auto!important;
    object-fit: contain !important;
}

.error-notifier {
    font-family: 'l-m';
    font-size: 12px;
    color:#f35a5a;
    display: block;
    margin: 5px 0 0 13px;
}
.config-error {
    font-family: 'l-m';
    font-size: 12px !important;
    color:#f35a5a !important;
    display: block;
    margin: -14px 0 0 13px;
}

#paramaters , #filters {
    width: 100%;
}

.field-error-message{
    text-align: center !important;
    width: 100% !important;
    color: red !important;
    font-size: 12px !important;
}
#office-file-path-error{
    text-align: left !important;
    width: 100% !important;
    color: red !important;
    font-size: 14px !important;
}
.field-counter{
    float: right;
}

.actions-buttons{
    display: flex;
    justify-content: center;
}

.fa-icon{
    color: #5a6685;
}
/* #users_datatable .select2-container--default .select2-selection--single , #groups_datatable .select2-container--default .select2-selection--single {

 } */

#groups_datatable_wrapper, #users_datatable_wrapper{
    margin-bottom: 0px;
    overflow: auto;
    height: auto;
    max-height: 300px;
}

#content_tab #paramDiv_datatable_wrapper{
    max-height: 300px;
}
#level_users_datatable_wrapper , #level_groups_datatable_wrapper {
    max-height: 220px;
}

#level_users_datatable_wrapper , #level_groups_datatable_wrapper , #content_tab #paramDiv_datatable_wrapper{
    height: auto;
    overflow: auto;
}
#siteModal #paramDiv_datatable .btn-remove-attr-row{
    margin-left: 10px;
}

#users_datatable .select2-container--default .select2-selection--single .select2-selection__placeholder, #groups_datatable .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #5A6685;
}
#level_groups_datatable p, #level_users_datatable p, #parameters_tab p, #filters_tab p,#user_groups_datatable p{
    color: #5A6685;
    font-size: 14px;
}
#parameters_tab input, #filters_tab input{
    color: #5A6685;
    font-size: 14px;
}
#users_datatable .select2-container--default.select2-container--disabled .select2-selection--single, #groups_datatable .select2-container--default.select2-container--disabled .select2-selection--single  {
    background-color: #fff !important;
    outline: none !important;
    border: 0px !important;
}

#groups_datatable .select2-container .select2-selection--single, #users_datatable .select2-container .select2-selection--single {
    height: 30px !important;
}
#level_groups_datatable .select2-container .select2-selection--single, #level_users_datatable .select2-container .select2-selection--single {
    height: 30px !important;
}
#parameters_tab .select2-container .select2-selection--single, #filters_tab .select2-container .select2-selection--single {
    height: 30px !important;
}
#user_groups_datatable .select2-container .select2-selection--single{
    height: 30px !important;
}
.select2-container .select2-selection--single {
    height: 40px !important;
}
#groups_datatable .select2-container--default .select2-selection--single .select2-selection__rendered, #users_datatable .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px!important;
    color: #5A6685 !important;
}
#level_groups_datatable .select2-container--default .select2-selection--single .select2-selection__rendered, #level_users_datatable .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px!important;
    color: #5A6685 !important;
}
#parameters_tab .select2-container--default .select2-selection--single .select2-selection__rendered, #filters_tab .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px!important;
    color: #5A6685 !important;
}
#user_groups_datatable .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px!important;
    color: #5A6685 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px!important;
}

/* .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
} */
#groups_datatable .select2-container--default .select2-selection--single .select2-selection__arrow, #users_datatable .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
#level_groups_datatable .select2-container--default .select2-selection--single .select2-selection__arrow, #level_users_datatable .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
#parameters_tab .select2-container--default .select2-selection--single .select2-selection__arrow, #filters_tab .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 2px !important;
}
#user_groups_datatable .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 2px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
    right: 3px !important;
}
.search-results-head .select2{
    float: right !important;
    height: 25px !important;
    margin-left: 10px !important;
    width: 150px !important;
}
.search-results-head .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 25px !important;
    height: 25px;
}

.search-results-head .select2-container .select2-selection--single{
    height: 25px !important;
}
.search-results-head .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px !important;
    right: 0px !important;
}



.choose-icon-link{
    color: #3E4D74 !important;
    margin: 0 10px 5px 0 !important;
}

.choose-icon-tab {
    color: #3E4D74 !important;
}
.s-cb-checkmark.radio{
    border-radius: 9px;
}

.syncing i{
    animation: rotation 2s infinite linear;
}

.form-cus-dd-icon::after{
    display: none;
}


img.dropdown-loading {
    position: absolute;
    height: 22px;
    z-index: 999999;
    right: 3px;
    top: 10px;
    display: none;
}

img.edit,.export-excel-btn {
    cursor: pointer;
}

#inputs {
    font-size: 13px;
    color: #5A6685;
    padding: 15px 10px;
    background-color: white;
    border-color: transparent;
    border-right: -1px solid #ccd9e8;
    word-break: break-all;
    white-space: normal;
}

.mw-add-btn-wrap {
    margin-left: 5px;
    /* border-radius: 50%; */
    /* background-color: #3e4d74; */
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
.multiselect-wrap {
    overflow-x: hidden;
} */
.url-tool-content #endpoint_tab{
    /* border : 1px solid #e8ecf6; */
    height: 100%;
    position: relative;
}
.pdf-container {
    display: flex;
    width: 100%;
    padding: 0 5px 0 0;
}
.url-tool-loader{
    background-color: rgba(255, 255,255,0.5);
    z-index: 999;
}
/* .url-tool-content #endpoint_tab .multiselect-wrap{
    background-color: #fff !important;
} */
.tab-list-container {
    width: calc(100% - 155px);
    overflow-x: auto;
    overflow-y: overlay;
}
div#tab-list {
    /* width: calc(100% - 155px); */
    position: relative;
    overflow: hidden;
    flex-direction: column;
    /* border-top-left-radius: 8px; */
    margin-left: 0 !important;
}
div#tab-list .msw-opt-selected .tab-text{
    color: red;
}

@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}



/* custom toggle button */
.switch-toggle-label {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 23px;
  }

  .conf-item .switch-toggle-label{
    width: 54px;
  }
  .switch-toggle-label input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .switch-toggle-label input[type=number] {
    opacity: unset !important;
    height: 20px !important;
    width: 50px !important;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
  }

  .switch-toggle-btn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 5px;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .switch-toggle-btn:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    top: 3px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .switch-toggle-btn {
    background-color: #5a6685;
  }

  input:focus + .switch-toggle-btn {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .switch-toggle-btn:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  /* Rounded.switch-toggle-btns */
  .switch-toggle-btn.round {
    border-radius: 34px;
  }

  .switch-toggle-btn.round:before {
    border-radius: 50%;
  }

  .toggle-btn-container{
      display:flex;
  }

   .hide-column{
    display: none !important;
   }

   a.btn.iconbtn {
    border: 1px solid lightgray;
    width: 45px;
    margin: 6px;
}

.icons-options-tabs{
    width: 100%;
}
.icons-options-tabs li a i{
    color: red;
    margin-right: 5px;
}
#fontawsome {
    height: 200px;
    overflow: auto;
}
#fontawsome a.btn.iconbtn i{
    color: #F35A5A
}
#show-icons-options {
    margin: 0 -10px;
}
#show-icons-options .tab-content{
    height: 220px !important;
}
#users-table_wrapper .grid-view-wrap {
    margin-bottom: 80px;
    background: #e8ecf6;
}

.toggle-arrow {
    position: absolute;
    background: #fff;
    height: 25px;
    width: 25px;
    right: 0;
    top: 40px;
    border-radius: 50%;
    border: 1px solid #5A6685;
    transform: translateX(12px);
    z-index: 9;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(90, 102, 133, 0.25);
    display: none;

}
/*
.sidebar-menu:hover .toggle-arrow {
    display: block;
} */
.toggle-arrow .arrow {
    border: solid #5A6685;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 7px;
}

.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 9px;
}

.arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 7px;
}

.aw-dd-coll {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.show-sidebar-dropdown {
    display: block;
}

.sidebar-menu-toggleable .search-icon-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    z-index: 9;
}

.sidebar-menu-toggleable .search-icon-container .search-img {
    top: unset !important;
    left: unset !important;
}
.all-workspaces-icon {
    margin-right: 8px;
    margin-top: -3px;

}
.level-0 {
    margin-left: 10px;
}

.level-1 {
    margin-left: 45px;
}

.level-2 {
    margin-left: 65px;
}


.navbar-wrap.float-right .user-settings-wrap .item-text {
    color: #273458;
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
}


.navbar-wrap.float-right .user-settings-wrap  li a .item-icon {
    color: #6c757d;
    position: absolute;
    font-size: 16px;
    /* padding-left: 30px; */
    left: 0px;
}

.user-settings-wrap .navbar-wrap.float-right a i {
    font-size: 20px;
    color: #212529;
}


#settings , #forms_settings ,#commentary_settings {
    display: none;
}
#save-url {
    padding-top: 5px;
    background-color: #fff;
}
#save-url .add-item-form-ftr {
    background-color: #fff;
}

#window_title_error,#max_len_error,#custom_width_error,#nav_name_error,#nav_desc_error {
    font-size: 13px;
    color: red;
}

.bloomberg_url-error , .external_url-error, .embed_code-error, .power-bi-workspace-error, .power-bi-report{
    font-size: 12px;
    color: red;
}
#save-url .form-group{
    margin: 10px;
    position: relative;
}
#btn-apply-url-param , #btn-save-url{
    font-family: 'l-b';
    font-size: 14px;
    background: #3E4D74;
    border-radius: 3px;
    padding: 10px 30px;
    line-height: 20px;
    color: #fff;
    margin: 15px auto 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
#btn-save-url{
    display: block;
}
.logo-lg img {
    height: 40px;
    width: auto;
    max-width: 100%;
}

#change-password-link {
    color: #007bff;
}

.message-box {
    display: none;
}

.login-error {
    color:red !important;
    font-size: 0.9rem;
}

p.login-error a {
    color: #17a2b8;
}


#save_new_portfolio , .cancel_port {
    font-family: 'l-b';
    font-size: 11px;
    background: #3E4D74;
    border-radius: 4px;
    padding: 12.5px 33px 9.5px 33px;
    color: #fff;
    border: none;
    margin: 2px 0;
    min-width: 100px;
}


.modal-portfolio {
    max-width:1400px !important
  }
  .portfolio_form {
    width: 95%;
    margin: auto !important;
    /* height: 150px; */
  }

  .portfolio-name-label {
    margin-top:20px;
  }
  .portfolio_btn{
    height: 40px;
    padding: 8px;
    text-transform: none;

  }
  .wtHolder {
    /* height: auto !important; */
    max-width: 100%  !important;
  }
  /* .ht_master .wtHolder {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  } */
  #portfolio_grid {
    max-height:300px;

  }

  .portfolio-actions-container {
    display: flex;
    align-items: center;
  }

  .portfolio-actions-container a  , .portfolio-actions-container .wg-toggle-dd-imp-btn ,
  .portfolio-actions-container .wg-dt-btn
  {
      margin: 0 2px !important;
  }
  .all_portfolios {
    width: 95%;
    margin: 0 auto ;
    display: none;
  }
  .portfolio-btns{
      text-transform: capitalize;
      padding: 10px 15px;
      width:100%
  }

  .portfolio-loading{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    background: rgba(255,255,255,0.4);
    z-index: 999;
  }
  .hide-portfolio-loader, #edit_pname {
    display:none;
  }
  .portfolio-loading img {
    height: 150px;
  }
  .portfolio-modal-header {
    display: flex;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid lightgray;
  }
  .portfolios-title-container{
    display: flex;
    flex: 1;
    align-items: center;
    padding-left:60px;
  }

  .addnew-portfolio-container {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    padding-left: 50px;
  }

  .addnew-portfolio-container button {
    position: unset !important;
    right: 0 !important;
    top: 0 !important;
    text-transform: none;
  }
  .addnew-portfolio-container .close-btn {
    position: initial !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
  }

  .portfolios-title{
    float: left;
    width: 100%;
    text-transform: capitalize !important;
    color: #214d88;

    padding-top: 0;
  }

.all_portfolios .add-item-form-ftr {
    background-color: #fff !important;
}

.all_portfolios .add-item-form-ftr.wg-pm-ftr button {
    padding: 0;
}
  .select-portfolio-container , .importing-portfolio {
    display: flex;
  }
  .select-portfolio-container {
    align-items: baseline;
  }
  .importing-portfolio {
    align-items: center;
  }
  .select-portfolio-container {
    width: 95%;
    margin: 5px auto 15px;
    height: 70px;
  }
  .hide-importing-portfolio , .hide-new-portfolio{
    display: none !important
  }

  .select-portfolio-field , .importing-portfolio{
    flex: 1;
    position: relative;
    margin: 15px 0;
  }
  #file_upload{
    visibility: hidden;
    width: 0;
  }
  .select-portfolio-field {
    padding-right: 15px;
  }
  .modal-date-field {
    flex: 1;
    margin-right: 10px;
  }
  .modal-date-field .modal-label {
    top:-3px !important;
  }
  #file_upload_label {
    background-color: transparent !important;
    color: #214d88;
    border: 1px solid;
    margin: 0 0 0 5px;
  }
  /* .cancel_port {
    background-color: transparent !important;
    color: #214d88 !important;
    border: 1px solid;
    padding: 11px;
  } */

  #model_date_val {
    border-radius: 5px;
  }
  #select_pname {
      position: relative;
      width: 100%;
      margin-right: 5px;
  }
  .new_portfolio{
    display: block;
    /* border-bottom: 1px solid lightgray; */
    width: 95%;
    margin: 0 auto;
  }

  .import-field {
    display: flex;
    align-items: center;
    margin-right: 15px;
  }

  .portfolio-data {
    display: flex;
  }
  .add-new-portfolio-container {
    display: flex;
    align-items: center;
    margin: 0;
  }
  .add-new-label{
    left: 20px;
  }
  #portfolio_name {
    border: 1px solid lightgray;
    width:100%;
    border-radius: 5px;
    padding: 5px 10px;
  }
  #portfolio_name_edit {
    border: 1px solid lightgray;
    width:98% !important;
    border-radius: 5px;
    padding: 0px 10px;
  }

  #portfolio_name-error{
    margin-left:20px
  }
  .removehtInvalid {
    background-color:transparent !important;
  }

  @media screen and (max-width:992px) {
      .select-portfolio-container{
           display: table;
      }

      .all_portfolios {
          margin: 80px auto 0;
      }

      .form-date-picker{
        width: 55%;
      }
  }

  @media screen and (max-width:767px) {

    .search-notification-wrap {
        width: 100% !important;
    }

    .all_portfolios {
        margin: 120px  auto 0;
    }

    .form-date-picker {
        width: 100%;
    }
    .portfolio-actions-container {
        display: flex;
        align-items: center;
        margin: 10px 0;
        justify-content: center;
    }

    .importing-portfolio {
        display: grid ;
    }
  }
.add-local-user .nav-item a {
    color: #5c6889;
}

.add-local-user .nav-item a.active {
    color: var(--secondary_color);
    border: 1px solid var(--secondary_color);
    border-radius: 5px;
}

div#delete_user_workspaces ul li a {
    color: var(--primary_color);
}

.user-workspaces {
    text-align: center;
    margin-top: 0px;
    border: 1px solid #e8ecf6;
    padding: 32px;
}

.top-desc{
    /* padding-left: 15px; */
    padding-right: 5px;
    margin-top: 5px;
    margin-bottom: 25px;
}
.top-desc p {
    color: #3E4D74;
}
.table-preloader {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    top: 200px;
}

.table-preloader img {
    padding-top: 50px;
    width: 160px;
    height: auto;
}

.tool-icon {
    width: auto;
    height: 45px;
    cursor: pointer;
}
.tool-img-container {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.csb-username-n-pass a {
    color: #3E4D74;
}

span.conn-uname {
    max-width: 235px;
    display: inline-block;
    word-break: break-all;
}


.csb-host-n-port a , .csb-host-n-port span{
    color: #3E4D74 !important;
    font-family: 'l-r';
    font-size: 13px;
}

.views-wrap .dataTables_paginate.paging_simple_numbers {
    position: relative !important;
    bottom: 0 !important;
}
.views-wrap  .dataTables_paginate.paging_simple_numbers .paginate_button{
    margin-bottom: 10px !important;
 }
#connection-types-index .jstree-anchor .jstree-icon {
    display:none;
}
#connection-types-index .jstree-anchor {
    margin: 0 !important;
}

.sidebar-menu-toggleable div#connection-types-index {
    display: none;
}

/* #connection-types-index .jstree-anchor:hover{
    background: transparent;
}

#connection-types-index ul li[aria-level="1"] > ul{
    margin-top:-20px;
}
*/
#connection-types-index ul li[aria-level="1"] > i {
    display:none !important;
}

div#ui-datepicker-div{
    z-index: 9999!important;
}

.sidebar-menu-toggleable #site_index .jstree-anchor {
    width: 18px !important;
    overflow: hidden !important;
    margin-left: 23px !important;
}

.sidebar-menu-toggleable .menu_sep_anchor {
    visibility: hidden;
}
.sidebar-menu-toggleable .menu_sep_anchor::first-letter {
    visibility: visible;
    font-size: 16px;
}

#site_index .jstree-node[aria-level='3'] > a  > i {
    display: none;
}
#sub_levels {
    background: #273458;
    min-width: 190px;
    max-width: 250px;
    max-height: calc(45vh - 25px);
    height: auto;
    z-index: 999;
    overflow: auto;
    position: absolute;
    left: 60px;
    padding: 7px;
    display:none;

}
#sub_levels ul {
    margin-bottom: 0;
}
#sub_levels ul li a {
    font-size: 0.9rem;
}
#sub_levels ul li i {
    color: #F35A5A;
    padding: 0 5px;
}

#sub_levels ul li a:hover {
    color: var(--secondary_color);
}

.jstree-default .jstree-icon:empty {
    width: 19px !important;
    height: 20px;
    font-size: 16px;
}
.grid-view-btn, .list-view-btn {
    display: table;
    cursor: pointer;
}



a.alteryx-file {
    color: #007bff;
}

.or-text {
    color: #3e4d74;
    margin: 0;
    height: 43px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#output{
    padding: 10px;
}

#appInterface label.form-check-label [type="radio"] {
    position: absolute;
    top: -6px;
}

/* #vizContainer {
    display: flex;
    justify-content: center;
} */
.popup-viz-container {
    height: 100vh;
    overflow: auto;
}
.popup-viz-container iframe {
    margin: 0 auto;
    border-radius: 10px;
    /* box-shadow: rgb(0 0 0 / 20%) 0px 4px 8px 0px, rgb(0 0 0 / 19%) 0px 6px 20px 0px; */
    max-width: 100%;
    visibility: visible !important;
    min-width: 90% !important;
    min-height: 200px !important;
    height: 100% !important;
    transform-origin: top left;
}
#widgets_main_content #vizContainer iframe:not([src*="avenue-forms"]):not([src*="rate-cap"]){
    margin: 0 auto;
    border-radius: 10px;
    min-width:100%;
    min-height: 900px;
    transform-origin: top left;

}
#widgets_main_content #vizContainer iframe.office-iframe{
    min-height: 865px !important;
}

#modal-loading {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    text-align: center;
    z-index: 2;
    background: rgba(255, 255, 255, 0.62);
    height: 100%;
}

.select2-container--open .select2-dropdown--above {
    top: 5px;
}

#alteryx-div-wrapper{
    max-height: 95vh;
    overflow: auto;
}

#alteryx-pop{
    padding-top: 0.7em;
}

.alteryx-viz-container{
    width:100%;
    height:auto;
    min-height:100vh;
}

.shared-with-ul {
    margin-left: 50px;
}
.profile-list {
    text-align: start;
    font-size: 1.1rem;
    margin: 0;
}

.group-user {
    display: flex;
    align-items: center;
}

.group-user  .card-icon {
    margin-right: 10px;
}

.tempname-required {
    display: block;
    font-size: 14px;
    color: red;
    text-align: start;
    position: absolute;
    margin-left: 5px;
    bottom: -25px;
    white-space: nowrap;
}


#save-table-columns {
    height: 40px;
    line-height: 10px;
    text-transform: none;
    font-size: 14px;
    /* border-radius: 7px !important; */
}

#Templatename {
    width: 100%;
    padding: 5px 10px !important;
    height: 40px;
}

.search-csv {
    position: relative;
    margin: 0;
}

.param-error{
    padding: 15px;
}

.param-error button.close {
    position: absolute;
    top: -7px;
    right: -10px;
}
#save-widget-filters .sfw-local-name-wrap .form-row {
    position: relative;
}
#save-widget-filters .btn-remove-attr-row {
    position: absolute;
    right: 5px;
    top: -10px;
}

div#edit_pname {
    min-width: 27%;
}

div#portfolio_grid{
    margin-bottom: 30px;
}

button {
    cursor: pointer;
}

div#portfolio .add-item-from-wrap {
    padding-top: 20px;
    padding-bottom: 15px;
}


div#sub_levels ul li {
    cursor: pointer;
}

#connections-list .csb-bdy-logo img {
    width: 90px;
}
@media (max-width:767px) {
    .csb-bdy-wrap {
        flex-direction: column;
    }
    .connection-details {
        flex-direction: column;
    }
}
.wg-toggle-portfolio-wrap,
.wg-toggle-para-wrap,
.toggle-filter-wrap,
.wg-toggle-export-wrap,
.wg-toggle-update-wrap,
.wg-toggle-share-wrap,
.wg-toggle-zoom-wrap
 {
    cursor: default;
}

.workspace-name-wrap {
    /* width: 100px; */
    /* min-width: 100px; */
    /* word-break: break-all; */
}

.search-template-name {
    display: flex;
    align-items: center;

}
.save-export-container {
    display: flex;
    flex: 1;
    align-items: center;
}

div#loading-screen {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    top: 0;
    display: flex;
    justify-content: center;
    padding-top: 15%;
}

div#loading-screen.loader-background{
    background-color: rgba(255, 255, 255);
    height: 100vh;
}

div#paramaters > div {
    cursor: move;
}
#parsed_url {
    word-break: break-all;
}

.csb-host-n-port {
    width: 100%;
}

.privatetitle {
    font-weight: bold;
    margin-left: 7px;
  }

#fontawsome_search {
    display: block;
    width: 97%;
    margin: 9px auto;
    height: 40px;
    padding: 0 10px;
    border: 1px solid lightgray;

}

.cardHeader a{
    color: black !important;
    font-size: 0.9em !important;
  }

  .cardHeader a:hover{
    color: #214d88 !important;
  }
  .card-collapse .card-header a {
    /* color: #3C4858; */
    font-size: 0.9375rem;
    display: block;
  }
  .card-header {
    background-color:transparent;
  }

  .card-collapse .card-header a i {
    float: right;
    top: 4px;
    position: relative;
}
.collapsed .rotateit {
    transform: rotate(180deg) !important;
}

.info .info-title {
    color: #5c6979;
    margin: 5px 25px;
    font-size: 1em !important;
}
.passhide {
    display: none;
}

#passwordParent a {
    color: #007bff;
}
#save-user{
    margin: 20px auto 0;
    background-color: #273458;
    color: #fff;
}




.terms-body {
    overflow-x: auto !important;
    overflow-y: unset !important;
}
.terms-page , .terms-page .container {
    color:#000 !important;

}
.terms-page .container {
    color: #000 !important;
    padding: 0!important;
    height: 85vh;
    margin: 20px auto 0;
    overflow: auto;
    position: relative;

}
.terms-page .container .row {
    height: 100%;
}
.terms-page .form {
    height: 100%;
}
.terms-page .contentn {
    background-color: #eeeeee;
    /* height: 100%; */
}
#resolte-contaniner , #privacy-policy-contaniner, #pdf-viewer-container{
    width: 85%;
    height: 47vh;
    overflow-x: hidden;
    overflow-y: auto;
    margin: auto;
    /* padding: 20px; */
    background: #fff;
}


#privacy-policy-contaniner{
    height: 83vh;
    width: 100%;
}
#pdf-viewer-container{
    height: 83vh;
    width: 100%;
}
#resolte-contaniner p:nth-child(n+5){
    margin:0 60px!important;
}
#resolte-contaniner p{
    font-size: 14px;
}
#resolte-contaniner p strong {
    font-weight: bold !important;
}
#resolte-contaniner object embed {
    height: 100%;
    width: 100%;
}
.accept-decline-con{
    display: flex;
    margin: 0 auto;
    width: 75%;
    justify-content: center;
}

.accept-decline-con button {
    text-transform: capitalize;
    font-size: 18px;
    margin: 10px;
    width: 130px;
    height: 45px;
    border: none;
}
.accept-decline-con button.accept {
    background: #424f5d;
}
.accept-decline-con button.decline {
    background: #1e242a;
}

.terms-page .situsLogo{
    background-color: #eeeeee !important;
    height: 120px;
    padding-top: 20px;
}

.accept-decline-con button:hover {
    color: #fff;
}


.page-header {
    background-color: #1e242a;
    position: absolute !important;
    width: 100%;
    overflow: auto;
    min-height: 100vh;
    max-height: 100vh;
    padding: 0;

}

.page-header .page-header-image {
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.signup-page .page-header .content-center {
    top: 57%;
}

.page-header .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #FFFFFF;
    padding: 0 15px;
    width: 100%;
    max-width: 880px;
}

.page-header footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.page-header .category,
.page-header .description {
    color: rgba(255, 255, 255, 0.8);
}

.page-header.page-header-small {
    min-height: 60vh;
    max-height: 440px;
}

.page-header.page-header-mini {
    min-height: 40vh;
    max-height: 340px;
}

.page-header .title {
    margin-bottom: 15px;
}

.page-header .title+h4 {
    margin-top: 10px;
}


.copyright {
    float: none !important;
    color: #878787;
 }
 .copyright a {
    color: #878787;
 }
.login-error {
    color:red !important;
    font-size: 0.9rem;
    padding-top: 15px;
}
 .page-header footer {
     position: relative;
     top: 10px;
 }
 @media screen and (max-width: 991px) {
    .situsLogo img{
        width: 200px;

     }

     .footer .copyright {
        text-align: unset;
    }

    .loginForm{
        padding: 0px 50px;
     }


 }
 @media screen and (max-width: 1600px) {
    .sub-container {
        height: 100%;
    }

 }


 @media screen and (max-width: 767px) {
    .situsLogo{
        height: 150px;
    }
    .hanover-logo {
        text-align: center;
    }
    .loginForm {
        align-items: flex-start;
    }
    .footer {
        padding: 0;
    }
 }

 @media screen and (max-width: 575px) {
    .container {
        max-width: 90%;
        margin: auto;
    }
 }
 .footer .copyright {
    font-size: 0.8571em;
    line-height: 3.5;
}


.footer {
    text-align: center;
}

.situsLogo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hanover-logo {
    text-align: end;
    margin: 30px 40px 0;
}


.hanover-logo img{
    max-width: 100%;
    max-height: 34px;
}

.pdfViewer .page {
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
}

.toolbar {
    display: none  !important;
}
#viewerContainer {
    top: 0 !important;
}
.logo-company {
    height: 100%;
}
.logo-company img {
    max-height: 100%;
}
.terms-row{
    width: 49%;
}

#privacy_input:read-only , #terms_of_use_input:read-only {
    background-color: transparent !important;
}

.sec-logo-container {
    text-align: end;
    margin: 15px;
    /* width: 250px; */
    float: right;
    /* height: 120px; */
}

.sec-logo-container img {
    /* max-height: 100%; */
    /* max-width: 100%; */
}

.privacy-row .delete-file , .terms-row .delete-file, .key_file-dev .delete-file{
    cursor: pointer;
    position: absolute;
    top: 0.4rem;
    right: .7rem;
    border-radius: 50%;
    padding: 0.1rem;
    line-height: 1;
    background-color: rgba(0,0,0,.5);
    -webkit-appearance: none;
    border: none;
    display: none;
}

.privacy-row .form-group:hover .delete-file , .terms-row .form-group:hover .delete-file, .key_file-dev .form-group:hover .delete-file {
    display: block;
}
.privacy-row .delete-file .iui-close, .terms-row  .delete-file .iui-close, .key_file-dev .delete-file .iui-close {
    display: block;
    color: #fff;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1.1rem;
    line-height: 1.4rem;
}

#sso_okta{
    height: 50px;
    background-color: #3e4d74;
    display: inline-flex;
    width: 263px;
    align-items: center;
    color: white !important;
    justify-content: center;
    font-size: 16px !important;
    text-decoration: none;
    border-radius: 5px;
 }

#sso_okta img{
    margin-right: 10px;
    height: 40px;
 }

#select_all_lbl{
    margin: 5px;
    color: #273458;
    font-weight: 500;
}
.center-login {
    align-items: center !important;
}

.no-sec-login{
    height: calc(100vh - 48px);
    padding: 100px 0 30px;
}
.white-background{
    background: white;
}
.disabled-update-btn {
    pointer-events: none !important;;
    cursor: default !important;
    background-color: #9daebf !important
}
.sidebar-menu-toggleable .jstree .jstree-open>.jstree-children {
    display: none;
}
.jstree .jstree-open>.jstree-children {
    padding-left: 10px;
}
#site_index .jstree-ocl  {
  display: none;
}

#site_index .jstree-anchor {
    /* margin-left: 15px !important; */
    font-size: 13px !important;
}
.jstree-default>.jstree-container-ul>.jstree-node {
    margin-left: 15px;

}
.workspace-levels-tree  .jstree-default>.jstree-container-ul>.jstree-node{
    margin-top: 7px;
}
.sidebar-menu-toggleable .jstree-default>.jstree-container-ul>.jstree-node {
    margin-left: 0;
}
.level-hover-icon {
    border-radius: 50%;
    background-color: rgba(255,255,255,0.2);
    height: 16px;
    width: 17px;
    font-size: 10px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    animation: mover 1s infinite alternate;
    animation-iteration-count: 1;
    margin: 0 5px 0 0;
    color: var(--secondary_color);
}

.sub-level-item-hover{
    border-radius: 50%;
    background-color: rgba(255,255,255,0.2);
    height: 19px;
    width: 20px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    animation: mover 1s infinite alternate;
    animation-iteration-count: 1;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(1px); }
    100% { transform: translateY(-1px); }
}
.mca-toggle-btn-wrap .users-change-view-btn-wrap {
    margin-left: 0 !important;
}




.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 35px;
    margin-bottom: 0 !important;
    margin-left: 10px;
}
.toggle-text {
    position: absolute;
    top: 8px;
    color: #fff;
    font-size: 15px;
    z-index: 1;
    cursor: pointer;
}
.toggle-text.active {
    right: 8px;
}
.toggle-text.inactive {
    left: 5px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 27px;
    width: 26px;
    right: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #3E4D74
}
.dimmed-profile-ws-status input:checked + .slider {
    background-color: #ccc !important;
    pointer-events: none;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(-55px);
    -ms-transform: translateX(-55px);
    transform: translateX(-55px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}



.disabled-menu-seprator-node {
    pointer-events: none;
}

.menu_sep_anchor {
    color: inherit !important;
    font-weight: inherit !important;
    font-weight: inherit !important;
}
.menu_sep_anchor:hover , .menu_sep_anchor:visited {
    color: inherit !important;
}

.hide-fontawesome {
    display: none ;
}
.hide-add-tab-btn {
    display: none !important;
}

.nav-description-col {
    max-width: 150px;
}

.nav-description-col a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: text;
    white-space: nowrap;
}

.popup-widgets-expanded-btns-wrap {
    display: none;
}



.popup-widgets-expanded-btns-wrap.show-it {
    display: flex !important;
    background-color: #fff;
    top: 0px;
    right: 5px;
    position: absolute !important;
    width: fit-content;
    padding: 5px;
    border: 1px solid #e2e2e2;
    position: relative;
    box-shadow: 0px 2px 15px rgb(8 39 89 / 50%);
    z-index: 99;
  }


  .show-hide-popup-wgts {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #3e4d74;
    border-radius: 4px;
    color: #3e4d74;
    right: 5px;
    position: absolute;
    padding: 5px;
  }

  .show-hide-popup-wgts.inactive-wg-btn:hover {
    color: #3e4d74!important;
  }
  .show-hide-popup-wgts.active-wg-btn {
    color: #fff;
    background-color: #3e4d74;
}

  .show-hide-popup-wgts.active-wg-btn:hover{
    color: #fff;
  }

  .wg-exp-btn a:hover{
    text-decoration: none;
  }


#new_group .modal-body , #manage_group_membership .modal-body, #user-workspace-modal .modal-body{
    padding: 0px;
    background-color: #E8ECF6;

}

#create_new_group .tab-table-header{
    align-items: center;
}

#group_users_table .btn-remove-attr-row {
    justify-content: center;
}

#conf_act_dir {
    background-color: #e8ecf6;
}
#conf_act_dir .modal-body{
    background-color: #fff;
    margin: 10px;
}
#user_type_form {
    background-color: #e8ecf6;
    padding:10px  0;
}
#user_type_form .modal-body {
    padding: 0;
}
#user_type_form .add-item-from-wrap {
    margin: 0 10px;
    background-color: #fff;
    padding: 20px 0 !important;
}
#add-connection-form {
    background-color: #e8ecf6;
}

#add-connection-form .modal-body{
    margin: 10px;
    background-color: #fff;
}

#manage_group_membership .tab-table-header {
    align-items: center;
}
.delete-group-membership {
    justify-content: center;
}

.select2-container--default .select2-results__option--highlighted {
    min-width: fit-content !important;
}

.zoom-container {
    display: flex;
    align-items: center;
    justify-content:space-around;
}
.zoom-container .zoom-out-content i, .zoom-container .zoom-in-content i{
    font-size: 22px;
    color: #344776;
}
.disabled-zoom-btn {
    pointer-events: none;
}
.disabled-zoom-btn i{
    color: #b7b7b7 !important;
}
#zoom-input-val {
    width: 100px;
    height: 40px;
    border: 2px solid #3e4d74;
    border-radius: 5px;
    padding: 5px;
}
.rest-to-default {
    color: #F35A5A !important;
    margin-top: 18px;
    font-size: 13px;
}

#url-param .modal-body , #add-to-fav-modal .modal-body {
    background-color: #e8ecf6;
    padding: 10px;

}

#url-param .add-item-form-ftr , #add-to-fav-modal .add-item-form-ftr {
    background-color: #e8ecf6;
}

.no-content-robot-image {
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

select#users + .select2 .select2-selection__rendered , select#groups + .select2 .select2-selection__rendered{
    max-height: 10vh;
    overflow-y: auto;
    overflow-x: hidden;
}
select#users + .select2 .select2-selection__rendered .select2-selection__choice, select#groups + .select2 .select2-selection__rendered .select2-selection__choice{
   white-space: pre-wrap;
   display: flex;
   align-items: center;
}
.ls-no-top-scroll-radius::-webkit-scrollbar-thumb {
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.ls-no-bottom-scroll-radius::-webkit-scrollbar-thumb {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

#sites-table_wrapper > div > div:nth-child(2) , #profile_workspaces_tbl_wrapper > div > div:nth-child(2){
    position: relative;
    overflow: auto;
    max-height: 70vh;
    min-height: 70vh;
    width: 100%;
    margin-bottom: 75px;
}
#groups_datatable_wrapper > div > div:nth-child(2), #users_datatable_wrapper > div > div:nth-child(2){
    margin-bottom: 0;
}
#level_groups_datatable_wrapper > div > div:nth-child(2), #level_users_datatable_wrapper > div > div:nth-child(2){
    margin-bottom: 0;

}
/* #paramDiv_datatable_wrapper:not(#content_tab #paramDiv_datatable_wrapper) > div > div:nth-child(2){
    position: relative;
    overflow: auto;
    max-height: 43vh;
    min-height: 43vh;
    width: 100%;
    margin-bottom: 20px;
} */
#manage_group_mem_table_wrapper > div > div:nth-child(2){
    position: relative;
    overflow: auto;
    max-height: 310px;
    min-height: 310px;
    width: 100%;
    margin-bottom: 20px;
}
#newNavModal #paramDiv_datatable_wrapper > div > div:nth-child(2), #newNavModal #target_params_datatable_wrapper > div > div:nth-child(2){
    position: relative;
    overflow: auto;
    max-height: 390px;
    min-height: 390px;
    width: 100%;
    margin-bottom: 20px;
}
#newNavModal #paramDiv_datatable_wrapper, #newNavModal #target_params_datatable_wrapper{
    position: relative;
    height: 450px;
}
.pq-grid td.pq-grid-cell{overflow:visible}
#edit_group_membership_form .list-view-filters, #newNavModal .list-view-filters{
    height: 80%;
}
#edit_group_membership_form .list-view-table-wrap, #newNavModal .list-view-table-wrap{
    height: 95%;
}
#siteModal #groups_datatable, #siteModal #users_datatable, #siteModal #level_groups_datatable,
#siteModal #level_users_datatable, #siteModal #paramDiv_datatable, #manage_group_mem_table, #newNavModal #paramDiv_datatable,
#newNavModal #target_params_datatable{
    margin-top: 0px !important;
    margin-bottom: 0px;
}
#siteModal #user_mangment_tab{
    /* width: 75%; */
    height: 480px;
    border: 1px solid #CCD9E8;
}
#siteModal #level_user_mangment_tab , #siteModal #level_parameters_tab{
    border: 1px solid #CCD9E8;
    height: 405px;
}
#siteModal .user-management-row p{
    font-size: 14px;
}

#sites-table_wrapper .table ,  #profile_workspaces_tbl_wrapper .table{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.widget-title-box, .level-widget-title-box{
    border-bottom: 1px solid #CCD9E8;
    margin-bottom: 5px;
    background-color: #F5F8FF;
    padding-left: 5px;
}
#siteModal .anw-ws-boxes-wrap{
    border-color: #CCD9E8 !important;
}
#updates-val-error, #level-updates-val-erro{
    float: none !important;
    display: block;
    padding-left: 35px;
}

#notify_message_subject, #level_notify_message_subject{
    opacity: unset;
}

#Teams_input, #Slack_input, #level_Teams_input, #level_Slack_input{
    padding: 1.375rem 0.75rem 3.5rem 0.75rem;
}

@media (max-width:992px){
    #sites-table_wrapper > div > div:nth-child(2) , #profile_workspaces_tbl_wrapper > div > div:nth-child(2) {
        margin-bottom: 130px;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        bottom: 58px !important;
    }
}

#content_tab {
    /* position: relative; */
    height: 100%;
}
.content-tab-container , .endpoint-tab-container{
    display: grid;
    grid-template-columns: 25% 75%;
    height: 100%;

}

.endpoint-tab-container {
    gap: 10px;
}
.content-tab-container .loading-tab-content{
    height: 750px;
}
.add-edit-level-in-workspace {
    border: 1px solid #CCD9E8;
    margin: 0 10px 0 10px;
    border-radius: 3px 3px 0px 0px;
}

.workspace-levels-tree , .endpoint-tabs-left-side {
    background: #FFFFFF;
    border: 1px solid #CCD9E8;
    border-radius: 3px 3px 0px 0px;
}

.workspaces-level-actions , .navigation-endpoint-actions{
    background: #F5F8FF;
    border-bottom: 1px solid #CCD9E8;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.workspaces-level-action-btn:not(.delete-workspace-level-btn) , .navigation-endpoint-actions a:not(.delete-nav-endpoint){
    background-color: #556586;
}
.disabled-workspaces-level-action-btn{
    background-color: #cacaca !important;
    pointer-events: none  !important;;
    cursor: default  !important;;
}
.delete-workspace-level-btn , .delete-nav-endpoint {
    background-color: #F35A5A;
}


.workspaces-level-action-btn, .navigation-endpoint-actions a{
    border-radius: 3px;
    height: 25px;
    width: 25.07px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 5px;
}
.workspaces-level-action-btn i , .navigation-endpoint-actions a i{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 9px;
    color: #FFFFFF;
}
.workspace-levels-tree #site_index {
    height: 100%;
    max-height: 100%;
    position: relative;
}
.workspace-levels-tree #site_index .jstree-anchor{
    font-weight: 500;
    font-size: 16px !important;
    /* line-height: 18px; */
    color: #5A6685;
}



.workspace-levels-tree .jstree-default li[aria-level="1"] > a > .jstree-icon {
    color: #5A6685;
    border: 1px solid #5A6685;
    box-shadow: 1px 0px 10px rgba(173, 184, 216, 0.2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-size: 12px !important;
}

.workspace-levels-tree .menu_sep_anchor .jstree-icon  {
    border: none !important;
}
/* .workspace-levels-tree  .jstree-default .jstree-icon:empty {
    width: 22px !important;
    height: 22px;
    font-size: 13px;
} */
.workspace-levels-tree .jstree-default  .jstree-node {
    background-position: -500px -4px !important;
}

.workspace-levels-tree  .jstree-default .jstree-closed>.jstree-ocl {
    background-position: -108px -9px !important;
}

.workspace-levels-tree .jstree-default .jstree-open>.jstree-ocl {
    background-position: -139px -9px !important;
}

.workspace-levels-tree .jstree-icon {
    color: #5A6685 !important;
}
[is_menu_seprator = "true"] i {
    display: none !important;
}
.all-workspaces-wrap-hide + #site_index [is_menu_seprator = "true"] {
    display: none;
}

.disabled_content_tab {
    pointer-events: none;
    color:#cdcdcd !important;
}

.workspace-levels-tree #site_index .jstree-default .jstree-clicked{
    color: unset ;
}
.active-workspace-level {
    color: var(--secondary_color)!important;
}
#level-workbook-features-list .btn-primary{
    margin-right: 3px;
}
#editlevelname::placeholder {
    color: #B2B8C7;
}
#level_description::placeholder {
    font-size: 14px;
    color: #B2B8C7;

}
.disabled-upload-image {
    pointer-events: none;
    opacity: 0.7;
}
.disabled-upload-image i {
    color: lightgray !important;
}

.loading-tab-content{
    background-color: rgba(255,255,255,0.5);
    z-index: 100;

}

#loader_while_saving {
    background-color: rgba(255,255,255,0.5);
    z-index: 100;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
}
#loader_while_saving.show-loader-while-saving {
    align-items: center;
    justify-content: center;
    display: flex;
}
.show-loader-while-saving p {
    position: absolute;
    top: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.show-loader-while-saving p span {
    font-size: 22px;
    color: #3e4d74;
}
.office-icon{
    color: #ffe9a2;
    margin-right: 5px;
}
.office-item a{
    color: #435278;
    padding-right: 10px;
}
.office-list{
    list-style-type: none;
}
.sub-office-list{
    padding-inline-start: 20px;
}
#office-files-table .fa-file-excel{
    color: green;
    background-color: white;

}
#office-files-table .fa-file-word{
    color: blue;
    background-color: white;

}
#office-files-table .fa-file-powerpoint, #office-files-table .fa-file-pdf{
    color: red;
    background-color: white;

}
#office-files-table .fa-file-powerpoint.one-file{
    color: purple;
    background-color: white;

}
#office-files-table .fa-file{
    color: blue;
    background-color: white;

}
#office_directory{
    margin: 1px;
    margin-top: -10px;
}
#office_directory .col-lg-3{
    border-right: 1px solid #ced4da;
    white-space: nowrap;
    max-height: 100%;
    overflow: auto;
}
#office_directory .col-lg-9{
    white-space: nowrap;
    max-height: 100%;
    overflow: auto;
}
#office_directory .col-lg-12{
    white-space: nowrap;
    /* max-height: 83%; */
    min-height: 175px;
    overflow: auto;
    padding-right: 80px;
    border: 1px solid #ced4da;
}
.office-breadcrumb-item, .office-breadcrumb-item:hover, .office-breadcrumb-item:focus{
    color: gray;
    font-size: 16px;
    font-family: system-ui;
}
#office-files-table tr:first-child i{
    color: black;
    margin-right: 12px;
}
#office-files-table{
    margin-top: 5px;
}
#office_tree{
    margin-top: 3px;
    margin-left: 20px;
}
#search_office_icon{
    position: absolute;
    top: 12px;
    left: 10px;
    color: #bcc2d0;
}
#search-office{
    padding-left: 33px;
}
#search-office::placeholder{
    color: #bcc2d0;
}
.office-list-folder-icon{
    display: inline-flex;
    cursor: pointer;
}
.selected-table-item{
    background-color: #214D88;
    color: white;
}
.selected-folder-item{
    background-color: lightgray;
}
.opened-folder .primary-folder-icon{
    display: none !important;
}
.opened-folder .secondary-folder-icon{
    display: block !important;
}
.closed-folder .primary-folder-icon{
    display: block !important;
}
.closed-folder .secondary-folder-icon{
    display: none !important;
}
.office-root-item{
    margin-top: 5px;
    padding-left: 3px;
}
.office-folder-element{
    width: 100%;
    padding: 3px 0px 0px 4px;
}
.search-message-container{
    display: flex;
}

#information .form-control:disabled, #information .form-control[readonly] {
    background-color: #fff !important;
}

#information .add-item-from-wrap input:focus {
    border: 1px solid #ced4da !important;
}

.metadata-list-view-table-wrap, .calcfields-list-view-table-wrap {
    position: relative;
}
#summary_table, #metadata-table, #calculated-table {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#metadata-table_length, #calculated-table_length  {
    bottom: -4px;
}

#summary_table_wrapper > div > div:nth-child(2) {
    position: relative;
    overflow: auto;
    max-height: 325px;
    min-height: 325px;
    width: 100%;
    margin-bottom: 20px;
}
#summary_table_wrapper{
    position: relative;
    height: 380px;
}
#metadata-table_wrapper > div > div:nth-child(2), #calculated-table_wrapper > div > div:nth-child(2) {
    position: relative;
    overflow: auto;
    max-height:400px;
    min-height: 400px;
    width: 100%;
    margin-bottom: 20px;
}
#metadata-table_wrapper, #calculated-table_wrapper {
    position: relative;
    height: 455px;
}

#information .tab-content{
    height: 525px !important;
    overflow: auto;
    padding-bottom: 0px !important;
}
#information .add-item-form-ftr{
    margin: 0 !important;
}
#information .dataTables_info{
    bottom: 11px;
}
#information .dataTables_paginate{
    bottom: 1px;
}
#summary_table_length{
    bottom: -4px;
}
.widget-tab-loader{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255,255,255,0.6);
}
.widget-tab-loader img{
    padding-top: 100px !important;
    width: auto !important;
}

#update_profile_form {
    width: 75%;
}

.general-form-inline{
    width: 100%;
    justify-content: space-between;
}

.general-form-inline> .form-group{
    width: 50%;
    margin-bottom: 1rem;
}

.general-password #password, .general-password #repassword{
    width: 100%;
}

.general-password #password{
    margin-right: 8px;
}

#update_profile_form  #save-user{
    position: absolute;
    width: 15%;
    right: 5px;
}

.user-mangment-tab-content {
    height: 444px;
}
.level-user-mangment-tab-content , #content_tab #level_paramDiv{
    height: 360px;
    position: relative;
}

.user-mangment-tab-content .dataTables_paginate , .level-user-mangment-tab-content  .dataTables_paginate , #content_tab #level_paramDiv .dataTables_paginate {
    position: absolute !important;
    bottom: 25px !important;
    width: 100%  !important;
}
.user-mangment-tab-content  .dataTables_info , .level-user-mangment-tab-content  .dataTables_info, #content_tab #level_paramDiv  .dataTables_info{
    bottom: 35px !important;
    right: 15px !important;
    position: absolute !important;
}
.level-user-mangment-tab-content  .dataTables_info.custom-width , #content_tab #level_paramDiv .dataTables_info.custom-width {
    display: grid !important;
    bottom: 25px !important;
    max-width: 200px;
    white-space: normal;
    text-align: center;
}
.level-user-mangment-tab-content  .dataTables_info.custom-width .paginate_current, #content_tab #level_paramDiv .dataTables_info.custom-width .paginate_current {
    display: unset;
    margin-right: 0;
}
.user-mangment-tab-content  .dataTables_length , .level-user-mangment-tab-content  .dataTables_length , #content_tab #level_paramDiv   .dataTables_length {
    bottom: 20px !important;
    position: absolute !important;
}

.workspace-name {
    position: absolute;
    left: 200px;
    top: 17px;
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: center;
}

#path-name, #workspace-name span {
    display: inline-block;
    margin-left: 5px;
}

.workspace-add {
    left: 240px;
}

.prevent-sorting {
    pointer-events: none;
}

#user-workspace-modal .am-modal-width {
    max-width: 1200px !important;
    width: 100%;
    margin: 0 auto;
}

#profile_workspaces_tbl thead th:nth-child(n+3):nth-child(-n+6) {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

#profile_workspaces_tbl thead>tr>th.sorting {
    padding-right: 6px;
}
#newNavModal .am-modal-width{
    max-width: 1400px !important;
}
#newNavModal #parameters_tab{
    border: 1px solid #CCD9E8;
}
#newNavModal #parameters_tab .tab-content{
    padding: 15px;
    height: auto !important;
}

.line-sep {
    color: red;
    font-size: 18px;
    display: block;
    padding: 0;
    margin-top: -18px;
    /* position: absolute; */
}

.drag_before_it::before {
    content: "-----------------";
    position: absolute;
    top :-15px;
    color: red;
    left: 0;
}
.drag_before_with_arrow::before {
    content: "> -----------------";
    position: absolute;
    top :-15px;
    color: red;
    left: 0;
    font-size: 20px;
}

.drag_after_it::after {
    content: "-----------------";
    position: absolute;
    bottom: -12px;
    color: red;
    left: 0;
}

.drag_after_with_arrow::after {
    content: "> -----------------";
    position: absolute;
    bottom: -12px;
    color: red;
    font-size: 20px;
    left: 0;
}

.margin-child-to-left::after {
    left:20px;
    content: "> -----------------";
    font-size: 20px;
    z-index: 9;
}

.workspace-levels-tree #site_index .jstree-node {
    position: relative;
}
.disabled {
    color: #bbb;
    cursor: default;
}
.lock-icon {
    font-size: 13px;
    margin-left: 2px;
}

.cus-login-form .alert {
    padding: 0.75rem 1rem;
}

.workspace-levels-tree li:not(.jstree-leaf) > a.jstree-hovered > i {
    display: none !important;
}

.tab-text input {
    outline: none;
    border: none;
    color: red;
}
#add_menu_sep_level img {
    height: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

#users-table {
    min-width: 100%;
    width: auto !important;
    overflow: auto;
}

#users-table td {
    min-width: none;
    max-width: none;
    white-space: nowrap;
}

 .tooltip-inner {
    max-width: 500px;
    text-align: left;
  }

.side-bar-tooltip{
   position: relative;
}

.side-bar-tooltip::after , .side-bar-tooltip::before{
    opacity: 0;
    transition: opacity .15s linear;
    content: '';
}

.custom-ws-tooltip {
    position: fixed;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    background-color: #000000;
    color: #fff;
    max-width: 500px;
    font-size: .875rem;
    word-wrap: break-word;
    z-index: 999999999999999;
    opacity: 0.9;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    white-space: pre-line;
    transform: translateY(-50%);
    display: none;

}
.custom-ws-tooltip::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0.4rem 0.4rem;
    border-right-color: #000;
    opacity: 0.9;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.text-area-av{
    height: 300px;
}

.google-list-item, .google-file {
    display: flex;
    align-items: center;
}

.google-list-item img, .google-file img {
    display: block;
    margin-right: 11px;
    margin-top: -3px;
}

.search-message-container .google-breadcrumb-folder.office-breadcrumb-item {
    text-decoration: underline;
    color: inherit;
    font-family: inherit;
}

/* .side-bar-tooltip:hover::after{
    content: attr(data-ws-name) "\A" attr(data-ws-desc);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    background-color: #000000;
    color: #fff;
    position: fixed;
    max-width: 500px;
    font-size: .875rem;
    word-wrap: break-word;
    margin-left: 192px;
    z-index: 999999999999999;
    opacity: 0.9;
    top: attr(data-top);
    left: attr(data-left);
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    white-space: pre-line;
}
.side-bar-tooltip:hover::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0.4rem 0.4rem;
    border-right-color: #000;
    left: 185px;
    opacity: 0.9;
} */