/* Minification failed. Returning unminified contents.
(677,118): run-time error CSS1046: Expect comma, found '0'
(677,122): run-time error CSS1046: Expect comma, found '/'
(735,35): run-time error CSS1046: Expect comma, found '0'
(735,39): run-time error CSS1046: Expect comma, found '/'
(834,35): run-time error CSS1046: Expect comma, found '0'
(834,39): run-time error CSS1046: Expect comma, found '/'
 */
/* Import All css here */
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";
@import "bootstrap.min.css";
@import "dataTables.bootstrap4.min.css";
@import "datatables.min.css";
@import "bootstrap-toggle.css";
@import "bootstrap-select.min.css";
@import "jquery.jscrollpane.css";
@import "jquery.mCustomScrollbar.css";
@import "jquery-ui.css";
@import "style.css";
@import "dev-style.css";

/* Body Hidden till Load the page */
body:not(.page-loaded) { opacity: 0; overflow: hidden;}
input.input-validation-error, input.error, textarea.error, select.error {
    border: 1px solid #B70505 !important;
}

#fieldGroup .field-group.active
{
    /*background-color: #ededed;*/
    background-color: darkgray;
    color: white;
}

#fieldGroup .field-group, #templateField .field-group-field, #sourceNameFields .field-group {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}

#fieldGroup .icheckbox_square, #templateField .icheckbox_square{
    top:unset !important;
}

.data-field .data-field-label {
    align-self: center;
    flex:0.3;
}
.data-field .data-field-input {
    flex: 0.7;
}

.data-field .data-field-select {
    flex: 0.75;
}

#modalLayer2 .modal-dialog, #modalLayer3 .modal-dialog
{
    max-width: 550px;
}
#modalLayer2 .modal-content, #modalLayer3 .modal-content
{
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#AddNewField .data-field-value{
    height:30px;
}

.dropdown-error .error + .dropdown-toggle
{
    border: 1px solid #B70505 !important;
}

.chain-management-block .bordered-box-body{
    min-height:268px;
}

.chain-management-block
{
    min-width: 1050px;
}
.chain-management-block .field-action .btn
{
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.chain-management-block .field-action .btn > img
{
    height: 25px;
    width: 15px;
}

.chain-management-block .bordered-box.secondary {
    overflow: unset;
}

.chain-management-block .bordered-box.secondary .bordered-box-body .custom-control.custom-checkbox {
    background: none;
}

.chain-management-block .field-group-block-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chain-management-block .sort-option {
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    color: #565B63;
}

.chain-management-block .sort-option.selected {
   background-color: #673B71;
    color: white;
}

.management-block .bordered-box-body
{
    min-height: 298px;
}

.management-block .field-action .btn
{
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.management-block{
    min-width:1050px;
}

.management-block .field-action .btn > img
{
    height: 25px;
    width: 15px;
}

.field-group-block-wrapper .input-with-btn > .btn
{
    height: 42px;
}

.field-group-block-wrapper .input-with-btn .btn > img
{
    height: 25px;
    width: 15px;
}

.management-block .bordered-box.secondary
{
    overflow: unset;
}

.management-block .bordered-box.secondary .bordered-box-body .custom-control.custom-checkbox {
    background: none;
}

.management-block .field-group-block-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.management-block .sort-option {
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    color: #565B63;
}

.management-block .sort-option.selected {
   background-color: #673B71;
    color: white;
}
.dataTables_scrollHeadInner
{
    padding-right: 0px !important;
    min-width: 100%;
}

.ui-droppable-hover:not(.selected)
{
    background-color: #EDEDED !important;
}

.sort-option .imgPushPin{
    height:35px;
    float:left;
}

.form-group .bootstrap-select .select-icon
{
    display: flex;
    align-items: center;
}

.form-group .bootstrap-select .select-icon em
{
    min-width: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-group .bootstrap-select .select-icon em img
{
    max-width: 100%
}

.push-pin-image{
    width:70px;
    height:57px;
}

.map-row{display: flex; flex-direction: row; margin: 0px !important; overflow: hidden; touch-action: none;}
.map-cont-dist{width:50%; flex: 0 0 auto; min-width:330px; white-space: nowrap; padding-left:5px;}
.table_container{width:50%; min-width:350px;padding-right:5px;}
.bubbleheader {
    line-height: 1.1;
    font-weight: bold;
    padding: 5px;
}

.H_ib_body { padding: 0px !important; }

.bubblebody {
    padding: 5px;
}
.bubblecontainer
{
    min-width: 200px;
    max-width: 600px;
    font-family: 'latoregular';
    font-size: 12px;
}
.graph-box {border:1px solid #d6d6d6; border-top:4px solid #673B71; margin-bottom:30px; padding:15px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.18); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.18);}
#mapDiv {
    height: 620px;
    width: 100%;
    position: relative;
}

.search-bar
{
    background-color: #f7f7f7;
    border: 1px solid #e3e3e3;
    padding: 10px 13px 0;
    margin-bottom: 10px;
}
.search-form
{
    margin-bottom: 8px;
}
.search-bar .section-title
{
    color: #673b72;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    min-width: fit-content;
}
.btn-advanced-search {
    color: #399ecd !important;
    font-size: 14px;
    padding-left: 24px;
    float: right;
    position: relative;
    line-height: 16px;
}
.clearfix
{
    *zoom: 1;
}
.clearfix:before, .clearfix:after
{
    content: " ";
    display: table;
}
.collapsed.btn-advanced-search:after {
    content: "+";
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}

.btn-advanced-search:after {
    content: "-";
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    width: 18px;
    height: 18px;
    line-height: 14px;
    border-radius: 3px;
    background-color: #1c96c9;
    position: absolute;
    left: 0px;
    top: 7px;
    display: block;
}

.dataTables_wrapper .dataTables_length {
    padding-top: 0.755em !important;
}
div.dataTables_length, div.dataTables_info {
    display: inline-block !important;
}
div.dataTables_length {
    float: left !important;
    padding-right: 10px !important;
}
.dataTables_wrapper .dataTables_info {
    float: none !important;
    padding-top: 1.20em !important;
}
div.dataTables_length, div.dataTables_info {
    display: inline-block !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: not-allowed;
    border: 1px solid transparent;
    background: #fff !important;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate a {
    font-size: 13px !important;
    color: #888888 !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid #e1e1e1 !important;
    margin: 0px 0px 0px 6px !important;
    padding-right: 5px !important;
    padding-top: 0px !important;
    padding-left: 5px !important;
    height: 30px !important;
    line-height: 28px !important;
    text-align: center !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
    background-color: #673b72 !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.755em !important;
}
.pagination .page-link:focus {
    box-shadow: unset !important;
}
#tblProductList_length .custom-select:focus
{
    box-shadow: unset !important;
}

@media screen and (max-width: 991px)
{
    #modalLayer2 .modal-dialog {
        width: auto;
        margin: 10px;
    }
}

.customer-bordered-box-body
{
    background: #FFF;
}
.modal.fade .modal-dialog
{
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}
.modal.show .modal-dialog
{
    transform: translate(0, 0);
}
.H_context_menu {max-width: 300px !important;box-shadow: unset !important;color: white !important;background-color: #000F1A !important;border-radius: .4em !important;padding: 10px 0 !important;z-index: 200 !important;}
.H_context_menu_item.clickable:hover, .H_context_menu_item.clickable:focus{background-color:black !important;color: #b1a4a4 !important;}
.alert-dangerImportant
{
    background-color: #f2dede !important;
}

.ui-tooltip-content
{
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.ui-tooltip
{
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:0px;
    border:unset !important;
    background:unset !important;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 1;
}
.ui-tooltip:before
{
    content: "";
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #000 transparent;
}
.ui-tooltip-content{
    text-align:unset;
}
.toggle .toggle-group .toggle-handle.btn-default, .toggle.off .toggle-group .toggle-handle.btn-default
{
    top: 0px;
}
.toggle .toggle-group .toggle-handle.btn-default
{
    background-color: #fff;
}
.toggle .btn, .toggle .btn:active, .toggle .btn:focus, .toggle .btn:hover
{
    background-size: 20px;
    background-repeat: no-repeat;
}
.toggle-group .btn-default
{
    min-width: 0px;
}
.toggle-group .toggle-handle.btn
{
    padding: 8px 10px;
}
.toggle-off.btn, .toggle-off.btn:hover, .toggle-off.btn:active, .toggle-off.btn:focus
{
    color: #673B71 !important;
}
.toggle.off .toggle-group .toggle-handle.btn-default
{
    background-color: #673B71 !important;
    top: 0px;
}
.toggle.btn.btn-default, .toggle.btn.btn-default:active, .toggle.btn.btn-default:focus, .toggle.btn.btn-default:hover
{
    border-color: #673B71 !important;
}

#enterOTPModal .modal-dialog{
    width:600px;
}
.bootstrap-select.global-country
{
    width: 170px !important;
}
.action-dropdown .dropdown-submenu
{
    position: relative;
}
.action-dropdown .dropdown-submenu .dropdown-toggle
{
    border-radius: 0px !important;
}
.action-dropdown .dropdown-submenu .dropdown-toggle::after
{
    display: inline-block;
    vertical-align: .255em;
    content: "";
    margin-top: -4px;
    min-width: 8px;
    min-height: 8px;
    border: 0;
    border-right: solid 1px;
    border-bottom: 1px solid;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    margin: -4px 8px 0 8px;
    margin-left: auto;
}
.action-dropdown .dropdown-submenu.show .dropdown-toggle::after
{
    transform: rotate(45deg);
}
.action-dropdown .dropdown-submenu .dropdown-menu
{
    top: 0;
    right: 100%;
}

@font-face
{
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon
{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.glyphicon-chevron-left:before
{
    content: "\e079";
}
.glyphicon-chevron-right:before
{
    content: "\e080";
}
.action .delete img, .action .edit img {
    width:20px;
}
.action .key img{
    width:24px;
}
.clickable td:not(:last-child)
{
    cursor: pointer;
}
.mCSB_container{padding-right:0px !important; padding-bottom:0px !important;}
.mCSB_container_wrapper{margin-right:0px !important; margin-bottom:0px !important}
.radiobtn{margin-right:15px;}
.radiobtn input{font-weight: normal;display: inline-block;padding-right: 15px;float: right;vertical-align: middle;width: 50px;height: 15px;}
.radiobtn .iradio_square{border: 1px solid #dbdbdb;border-radius: 50%;width: 15px;height: 15px;line-height: 10px;margin-right: 5px;display: inline-block;background: #f9f9f9;vertical-align: middle;top: -1px;cursor: pointer;}
.radiobtn .iradio_square.checked{background: #481560;border-color: #481560;}
.radiobtn .iradio_square{margin-bottom: 0px;}
.radiobtn .iradio_square.checked:after{content: "";position: absolute;left: 5px;top: 5px;width: 4px;height: 4px;background: #FFF;border-radius: 50%;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom: -7px !important;}
.mCSB_scrollTools .mCSB_draggerRail {margin-right: 0px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {margin: 2px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {margin: 2px auto;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin-right: 0px;}
.mCustomScrollbar-custom .mCSB_container_wrapper{margin-right: 0px !important;}
.mCustomScrollbar-custom .mCSB_container{padding-right: 0px !important;}
.img-pushpin{height:35px;}
.panel{background-color: #fff;}
.table-panel-block .panel-heading{border-bottom: unset !important;border-left: 1px solid #dee2e6 !important;border-top: 1px solid #dee2e6 !important;border-right: 1px solid #dee2e6 !important;}
.panel-title{margin-top: 0;margin-bottom: 0;font-size: 20px;color: inherit;}
.panel-body{padding: 15px;}
.table-panel-block .panel-body{padding:unset !important;}
.panel-default > .panel-heading{color: #333;background-color: #f5f5f5;border-color: #dee2e6;}
.panel-heading{padding: 10px 15px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.save-suspicious {background-image: url(../Images/save.png) !important;display: none;background-size: 24px;background-repeat: no-repeat;background-position: center;height: 30px;min-width: 40px;float: right;background-color:#efefef !important;}
.coordinates-saved {background-image: url(../Images/check-2.png) !important;display: none;background-size: 24px;background-repeat: no-repeat;background-position: center;height: 30px;width: 34px;float: right;}
.non-clickable {pointer-events: none;}

.H_ib_body {background: #000 !important;bottom: .5em !important;border-radius: .2em !important;margin-right: -1em !important;right: 0 !important;box-shadow: unset !important;margin-bottom: unset !important;padding:0px !important;}
.H_ib {background: #000; color: #fff; font-size: 2em; line-height: 1em; fill: #000;visibility:unset !important;}
.H_ib_content{ margin: .2em 0 !important; padding: 0 .2em !important; color: unset !important; font: unset !important;}
.H_ib_tail::before{border-top-color: unset !important;border-bottom-width: unset !important;bottom: unset !important;border-width: unset !important;position: unset !important;display: unset !important; border-color: unset !important;border-style: unset !important;right: unset !important;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cg%3E%3Cpath d='M 11.3,0.23 5.08,12.1 C 2.28,12.2 0,13.2 0,14.5 0,15.9 2.28,17 5.08,17 c 2.8,0 5.12,-1.1 5.12,-2.5 0,-0.6 -0.62,-1.2 -1.52,-1.7 L 20.9,1.13 21,0.23 l -9.7,0 z' style='fill:%230d2e41;fill-opacity:0.3'%3E%3C/path%3E%3Cpath d='M 19.9,0.266 4.88,14.8 12.5,0.266 z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;}
.H_ib_tail::after{content: none !important;}
.H_context_menu_item {line-height: unset !important;margin-bottom: unset !important;outline: unset !important;padding: 1px 10px 0 !important;}
.added-icon-map{display:flex;justify-content:center;}
.H_l_vertical .H_zoom .H_el{margin-bottom: 0px !important;}
.H_l_vertical .H_grp > div:first-child { border-top-left-radius: 2em !important;border-top-right-radius: 2em !important;padding-top: 1em !important;padding-bottom:5px !important;}
.H_l_vertical .H_grp > .H_btn {border-radius: 0 !important;}
.H_btn, .H_rdo li {width: unset !important;height:unset !important;background: #1f262a !important; border-radius: 2em !important;color: #fff !important;padding: .4em !important;}
.H_l_right {right: 100% !important;}
.H_ctl {margin: .6em !important;cursor: pointer !important;}
.H_ctl.H_grp {background: unset !important; box-shadow: unset !important; border-radius: unset !important; }
svg.H_icon {position: unset !important;top: unset !important; transform: unset !important;margin: unset !important;width: 2em !important;height: 2em !important;fill: #fff !important;}
.H_overlay {font-size: unset !important;color: unset !important;box-shadow: unset !important;border-radius: unset !important; min-width: 15em !important;background: #1F262A !important;padding: 1em;z-index: 100;}
.H_rdo {color: white !important;padding-bottom: .5em !important;margin-bottom: .5em !important;border-bottom: .1em solid #4A5B65 !important;}
.H_rdo_title {font-size: unset !important;height: unset !important;line-height: unset !important;background-color: unset !important;text-transform: uppercase;padding-left: unset !important;padding-right: unset !important;border-radius: unset !important;cursor: unset !important;color: #dbe1e4 !important;margin-bottom: 1em !important;}
.H_overlay .H_btn, .H_overlay .H_rdo li {line-height: unset !important; }
.H_overlay .H_separator {content: unset !important;position: unset !important;display: unset !important;margin: unset !important;height: unset !important;background: unset !important;}
.H_l_vertical .H_grp > div:last-child {border-bottom-right-radius: 2em !important; border-bottom-left-radius: 2em !important; padding-bottom: 1em !important;}
.H_active, .H_rdo li.H_active {background: #4A5B65 !important;}
.inline-checkbox{display:flex;align-items:center;}
.inline-checkbox .icheckbox_square{top:0px !important;}
.clickable-td{cursor:pointer;}
.search-selectpicker input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
.search-selectpicker input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
.search-selectpicker input[type="search"]::-webkit-search-decoration,
.search-selectpicker input[type="search"]::-webkit-search-cancel-button,
.search-selectpicker input[type="search"]::-webkit-search-results-button,
.search-selectpicker input[type="search"]::-webkit-search-results-decoration { display: none; }
.search-selectpicker .bootstrap-select .no-results{word-break: break-word;white-space: normal;}

/*#region JsTree Search */
.jstree-Search {z-index: 10;box-shadow:none;padding-right: 36px;}
.jstree-search-input-li a{display:flex !important;align-items:center !important; padding:0 !important; width:100%;}
.jstree-search-input-li a i{display:none !important;}
.empty-filter-li {text-align:center;}
.jstree-Search:focus{border-color:#673B71;box-shadow:none;}
.jstree-search-div {margin-bottom:5px; padding:0px 20px;position:relative;}
.btn-clear-filter {cursor: pointer;position: absolute;top: 0px;right: 20px;padding: 9.5px 18px;height: 38px;display: flex;align-items: center;background-image: url(../../../Images/close-dark.svg);background-repeat: no-repeat;background-position: center center;background-size: 18px;}
.btn-clear-filter:hover{box-shadow:none !important;}
/*#endregion */

/*#region Accordian */
.custom-accordian .card-header{background-color: #535353;padding:0px;display:flex;justify-content:space-between;align-items:center;}
.custom-accordian .card-header a{color: #fff;font-size: 15px;display: block;padding: 0.75rem 1.25rem; width: 100%;}
.custom-accordian .collapse-data{transition: all 0.25s ease-in-out 0s;}
.custom-accordian .card-body{padding: 15px;}
.custom-accordian .card:not(:first-child){margin-top: 5px;}
.custom-accordian .card{border-bottom: 1px solid #dee2e6 !important;border:1px solid #dee2e6 !important;}
/*#endregion */

/*#region JsTree */
.jstree-dropdown-menu .jstree-wholerow-ul { max-height: 280px; }
.jstree-dropdown-menu.jstree-default a.jstree-search {color: #212529;font-style:normal;}
.jstree-dropdown-menu > ul {overflow-y: auto;overflow-x: hidden;white-space: nowrap;}
.jstree-dropdown-menu li a{padding: 0px !important;}
.jstree-dropdown-menu.jstree-default .jstree-icon {background-image: url(../images/steps-32.png);}
.jstree-dropdown-menu.jstree-default .jstree-anchor {height:36px; }
.jstree-dropdown-menu.jstree-default li a {position:relative; padding-right:40px;}
.jstree-dropdown-menu.jstree-default li a .pp-image {position:absolute; right:0px; top:-3px;} 
.jstree-dropdown-menu.jstree-default li a .pp-image img {max-height:30px;}
.jstree-dropdown-menu.jstree-default .jstree-wholerow-hovered {background:none;}
.jstree-dropdown-menu.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {background:none;}
.jstree-dropdown-menu.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {background:none;}
/*#endregion */

/* Dark blue theme
--------------------------------------------------------------------------------------------------------*/
.dark-blue-theme .login-block{background: #000046 !important;}

.dark-blue-theme .btn-primary:hover{background-color: #313176 !important;}
.dark-blue-theme .toggle-off.btn, .toggle-off.btn:hover,.dark-blue-theme .toggle-off.btn:active,.dark-blue-theme .toggle-off.btn:focus{color: #000046 !important;}
.dark-blue-theme .toggle.off .toggle-group .toggle-handle.btn-default{background-color: #000046 !important;}
.dark-blue-theme .toggle.btn.btn-default,.dark-blue-theme .toggle.btn.btn-default:active,.dark-blue-theme .toggle.btn.btn-default:focus,.dark-blue-theme .toggle.btn.btn-default:hover{border-color: #000046 !important;}

.dark-blue-theme .graph-box {border-top:4px solid #000046;}
.dark-blue-theme .management-block .sort-option.selected {background-color: #000046;}
    .dark-blue-theme .management-block .sort-option.selected .language-translation-icon{
        content: url('/Images/translation-white.svg');
    }
.dark-blue-theme .chain-management-block .sort-option.selected {background-color: #000046;}
.dark-blue-theme .chain-management-block .sort-option.selected .language-translation-icon{ content: url('/Images/translation-white.svg');}

.dark-blue-theme .login-block .forgot-password:hover{color: #000046;}
.dark-blue-theme .language-dropdown.show a.dropdown-toggle, .dark-blue-theme .application-dropdown.show a.dropdown-toggle{background-color: #000046 ;}
.dark-blue-theme .form-group .form-control:focus, .dark-blue-theme .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color: #000046 ;}
.dark-blue-theme .custom-control-input:checked~.custom-control-label::before{background-color: #000046 ; border-color:#000046 ;}
.dark-blue-theme .custom-radio .custom-control-input:checked~.custom-control-label::after{background:#000046 !important;}
.dark-blue-theme .btn-primary{background-color: #000046 !important;}
.dark-blue-theme .datepicker table tr td.active.active, .dark-blue-theme .datepicker table tr td.active.disabled, .dark-blue-theme .datepicker table tr td.active.disabled.active, .dark-blue-theme .datepicker table tr td.active.disabled.disabled, .dark-blue-theme .datepicker table tr td.active.disabled:active, .dark-blue-theme .datepicker table tr td.active.disabled:hover, .dark-blue-theme .datepicker table tr td.active.disabled:hover.active, .dark-blue-theme .datepicker table tr td.active.disabled:hover.disabled, .dark-blue-theme .datepicker table tr td.active.disabled:hover:active, .dark-blue-theme .datepicker table tr td.active.disabled:hover:hover, .dark-blue-theme .datepicker table tr td.active.disabled:hover[disabled], .dark-blue-theme .datepicker table tr td.active.disabled[disabled], .dark-blue-theme .datepicker table tr td.active:active, .dark-blue-theme .datepicker table tr td.active:hover, .dark-blue-theme .datepicker table tr td.active:hover.active, .dark-blue-theme .datepicker table tr td.active:hover.disabled, .dark-blue-theme .datepicker table tr td.active:hover:active, .dark-blue-theme .datepicker table tr td.active:hover:hover, .dark-blue-theme .datepicker table tr td.active:hover[disabled], .dark-blue-theme .datepicker table tr td.active[disabled], .dark-blue-theme .datepicker table tr td span.active.active, .dark-blue-theme .datepicker table tr td span.active.disabled, .dark-blue-theme .datepicker table tr td span.active.disabled.active, .dark-blue-theme .datepicker table tr td span.active.disabled.disabled, .dark-blue-theme .datepicker table tr td span.active.disabled:active, .dark-blue-theme .datepicker table tr td span.active.disabled:hover, .dark-blue-theme .datepicker table tr td span.active.disabled:hover.active, .dark-blue-theme .datepicker table tr td span.active.disabled:hover.disabled, .dark-blue-theme .datepicker table tr td span.active.disabled:hover:active, .dark-blue-theme .datepicker table tr td span.active.disabled:hover:hover, .dark-blue-theme .datepicker table tr td span.active.disabled:hover[disabled], .dark-blue-theme .datepicker table tr td span.active.disabled[disabled], .dark-blue-theme .datepicker table tr td span.active:active, .dark-blue-theme .datepicker table tr td span.active:hover, .dark-blue-theme .datepicker table tr td span.active:hover.active, .dark-blue-theme .datepicker table tr td span.active:hover.disabled, .dark-blue-theme .datepicker table tr td span.active:hover:active, .dark-blue-theme .datepicker table tr td span.active:hover:hover, .dark-blue-theme .datepicker table tr td span.active:hover[disabled], .dark-blue-theme .datepicker table tr td span.active[disabled]{background: #000046 ;}
.dark-blue-theme .form-group .bootstrap-select>.dropdown-toggle:focus, .dark-blue-theme .form-group .bootstrap-select.show>.dropdown-toggle{border-color: #000046 !important;}
.dark-blue-theme .sidebar{background: #000046; }
.dark-blue-theme .icheckbox_square.checked { background-color: #000046 ; border-color: #000046 ; }
.dark-blue-theme .modal-inner .nav-pills .nav-link:hover, .dark-blue-theme .modal-inner .nav-pills .nav-link:focus, .dark-blue-theme .modal-inner .nav-pills .nav-link.active{color: #000046 ;}	
.dark-blue-theme .modal-inner .nav-pills .nav-link.active .stepper-number{background-color: #000046 ;}	

.dark-blue-theme .main-navigation ul li a:hover, .dark-blue-theme .main-navigation ul li.active a {background: rgb(0 0 0 / 35%);}


.dark-blue-theme .search-bar .section-title{color: #000046;}
.dark-blue-theme .dataTables_wrapper .dataTables_paginate .paginate_button.active a {background-color: #000046 !important;}
.dark-blue-theme .login-block .login-title{color:#000046;}
.dark-blue-theme .btn-primary.disabled, .dark-blue-theme .btn-primary:disabled{ color: #000046!important; }

.dark-blue-theme .radiobtn .iradio_square.checked{background: #000046;border-color: #000046;}
.dark-blue-theme .login-bankid { color: #000046 !important; }
.dark-blue-theme .login-bankid-div:hover, .dark-blue-theme .login-bankid-div:active, .dark-blue-theme .login-bankid-div:focus {
    color: #000046 !important;
}
.dark-blue-theme .login-microsoft { color: #000046 !important; }
.dark-blue-theme .login-microsoft-div:hover, .dark-blue-theme .login-microsoft-div:active, .dark-blue-theme .login-microsoft-div:focus {
    color: #000046 !important;
}
.dark-blue-theme .iradio_square.checked{background:#000046; border-color: #000046;}
.dark-blue-theme .jstree-Search:focus {border-color: #000046;}
.dark-blue-theme .active-mapping{background-color:#000046 !important;}

.translation-table.table .thead-dark th {padding:5px 10px;vertical-align:middle;}
.translation-table-wrapper.edit-mode-table th {padding: 10px !important;}
.translation-table-wrapper {max-width:unset;max-height:250px;overflow-y:auto;}
.translation-input-wrapper {margin-bottom:0px;}
.language-translation-popover {max-width: 600px; will-change:unset !important;}
.translation-table .translation-input {min-width:300px;}
.translation-table {margin-bottom:2px;}
.translation-edit-btn {display:flex;align-items:center;padding:7px;}
.translation-edit-btn img {width:15px;}
.translation-edit-btn-wrapper {display:flex; justify-content: flex-end;}
.language-translation-tooltip .text-column-wrapper {display: flex;align-items:center;justify-content:space-between;gap:8px;}
.language-translation-tooltip .language-translation-name {margin-bottom:5px !important; font-weight:bold !important;max-width:600px;max-height:200px;overflow-y:auto;}


/* Dashboard Design
--------------------------------------------------------------------------------------------------------*/
.grid-outer {
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, 1fr)); 
    grid-gap: 24px;
}

    .grid-outer .left-col {
        display: flex;
        flex-direction: column;
        grid-gap: 12px;
    }
    .grid-outer .right-col {
        display: flex;
        flex-direction: column;
        grid-gap: 24px;
    }
.card-outer {
    border: 1px solid #d9dfe8;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); 
}
.card-outer.h-full {
    height: 100%;
}
.card-outer h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #202020;
    padding: 0 0 12px;
}
.dashboard-subscription h2 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 700;
    color: #202020;
    padding: 0;
}
.dashboard-subscription p {
    font-size: 14px;
    line-height: 20px; 
    padding: 0;
    margin: 0 0 16px;
}
.dashboard-subscription .data-info p {   
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}
.dashboard-subscription .data-info ul {
    margin: 0 0 12px;
}
.dashboard-subscription .data-info li {
    display: flex;
    align-items: center;
    grid-gap: 8px; 
}
.dashboard-subscription .data-info li:not(:last-child) {
    margin: 0 0 6px;
}
.dashboard-subscription .data-info li svg {
        height: 16px;
        width: 16px;
}
.dashboard-subscription .data-info li .green {
    color: #22c55e;
}
    .dashboard-subscription .data-info li .accent {
        color: #2589f4;
    }
.dashboard-subscription .data-info li .destructive {
        color: #df3a3a;
}
.dashboard-subscription .data-info li .count {
    color: #202020;
    font-weight: 600;
}
.dashboard-subscription .btn-wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
}
.button-container-with-padding{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;}
.btn.border-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    border: 1px solid #d9dfe8 !important;
    border-radius: 6px;
    height: 36px;
    color: #202020 !important;
    background: #f6f7f9;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.btn.border-btn:hover {
    box-shadow: none !important;
    background: #000046;
    color: #fff !important;
}
.search-outer {
    position: relative;
}
.search-outer svg{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    color: #6c7c93;
}
.search-outer input {
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    padding: 8px 96px 8px 48px;
    border: solid 1px #d9dfe8;
    border-radius: 36px;
    height: 56px;
    width: 100%;
}
.search-outer input:focus {
    border-color: #000046;
}
.search-outer .btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    border-radius: 24px;
}
.project-list ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.project-list ul li {
    border: 1px solid #d9dfe8;
    background: #14253d0d;
    padding: 16px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    cursor: pointer;
    border-radius: 8px;
    margin-bottom:10px;
}
.project-list ul li:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    background: #14253d1a;
}
.project-list ul li .recent-project-btn:hover{
    background-color: #e3e3e3;
    border-radius: 5px;
}
.project-list .heading-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px;
}
.project-list .heading-wrap h4 {
    font-size: 14px;
    color:#202020;
    font-weight: 600;
    padding: 0;
}
.project-list .heading-wrap p {
    font-size: 12px; 
    padding: 0;

}
.project-list .inner-content-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project-list .inner-content-wrap .img-wrap {
    max-width: 45px;
}
.project-list .inner-content-wrap .img-wrap img {
    width: 90px;
    height: auto;
}
.project-list .inner-content-wrap .btn-inner-wrap {
    display: flex;
    grid-gap: 3px;
}
.project-list .inner-content-wrap .btn-inner-wrap button {
    padding: 4px 8px;
    color: #373737;
    outline: none;
    background: transparent;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    border: 0;
}
.project-list .inner-content-wrap .btn-inner-wrap button svg {
    height: 14px;
    width: 14px;
}
.project-list .inner-content-wrap .btn-inner-wrap button:hover {
    color: #202020;
}
.project-list .btn {
    margin-top: 12px;
}
.project-list ul li.recent-projects-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 350px;
    padding: 40px 30px;
    text-align: center;
    list-style: none;
    background: none;
    border: none;
    margin: 0;
    cursor: default;
}

.project-list ul li.recent-projects-empty-state .empty-title {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}

.project-list ul li.recent-projects-empty-state .empty-subtitle {
    font-size: 13px;
    font-weight: 400;
    color: #777;
    line-height: 1.6;
    max-width: 340px;
}

.update-list ul li.updates-empty-state .empty-title {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}
.map-blog { 
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    overflow: hidden;
    border: 1px solid #d9dfe8;
    border-radius: 8px;
}
.map-wrap {
    position: relative;
    flex: 1 1 0%;
}
.map-wrap .tab-btn {
    position: absolute;
    top: 12px;
    left: 12px;
    gap: 4px;
}
.map-wrap .tab-btn button {
    font-size: 12px;
    border: 0;
    outline: none;
    padding: 6px 12px;
    background: #fff;
    font-weight: 600;
    color:#202020;
    transition: all 0.5s ease-out;
}
.map-wrap .tab-btn button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.map-wrap .tab-btn button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.map-wrap .tab-btn button span {
    background: #e6eaf0;
    color: #6c7c93;
    margin-left: 6px;
    border-radius: 12px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 700;
}
.map-wrap .tab-btn button.active {
    background: #000046;
    color: #fff;
}
.map-wrap .tab-btn button.active span {
    background: rgba(2555,255,255,0.2);
    color: #fff;
}

.update-list-outer {
    flex: 1 1 0%;
}
.update-list-outer .card-outer {
    height: 100%;
}
.update-list li:not(:last-child) {
    border-bottom: 1px solid #d9dfe8;
    padding: 0 0 16px;
    margin: 0 0 16px;
}
.update-list li button {
    border: 0;
    background: transparent;
    outline: none !important;
    padding: 0;
}
.update-list li .link { 
    font-weight: 600; 
    color: #202020;
    text-align:start;
    display:block;
}
.update-list li .link:hover {
    color: #000046;
}
.update-list ul li div{
    display:flex;
    grid-gap:5px;
}
.update-list li p {
    color: #6c7c93;
    margin: 4px 0 0;
    font-size: 12px;
    padding: 0;
    overflow:hidden;
    text-overflow:ellipsis;
    max-height:20px;
    white-space:nowrap;
}
.update-list li button:not(.link) {
    font-size:12px;
    font-weight: 700; 
    color: #000046;
    margin: 4px 0 0 0;
}
.update-list li button:not(.link):hover {
    text-decoration: underline;
}

.update-list li .update-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 6px 0 2px;
}
.update-list li .update-tags .tag-pill {
    display: inline-block;
    background: #e9f0fa;
    color: #2a5bd7;
    border-radius: 4px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:default;
}
 .lpu-ov-popover-list {
    display: flex;
    flex-direction: column;
    max-height: 180px;
    overflow-y: auto;
    min-width: 130px;
}
.lpu-ov-popover-item {
    padding: 3px 2px;
    font-size: 12px;
    border-bottom: 1px solid #f0f0f0;
    white-space: normal;
    word-break: break-word;
}
.lpu-ov-popover-item:last-child {
    border-bottom: none;
}
.update-list li .update-tags .tag-pill-more {
    background: #6c757d;
    color: #fff;
}

.H_context_menu_item.H_clickable:hover{color:#ffffff !important;font-weight:600;}


@media (min-width: 1024px) {
    .grid-outer {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }
        .grid-outer .left-col {
            grid-column: span 1 / span 1;
        }
    .grid-outer .right-col {
       grid-column: span 2 / span 2; 
    }

 }

@media (max-width: 1023px){
    .dashboard-subscription {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .dashboard-subscription .btn-wrap{
        grid-gap:40px;
    }
}