a, button, .selectpicker .dropdown-menu li{
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.btn.active{
    background-color: #333 !important;
    color: #fff;
    border: 2px #999 dotted;
}
ul, ol{
    list-style: none;
    margin: 0;
    padding: 0
}
em{
    font-size: 12px;
    color: #666;
}
table tbody tr:hover, table tbody tr.active{
    background-color: #f5f5f5
}
.flexBetween{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.breadcrumb{
    margin-bottom: 0
}
.toast .btn-close{
    width: 0.5em;
    height: 0.5em;
}
.card-header:first-child{
    border-radius: 0
}
.copytext{
    white-space: nowrap;
    background-color: #edecec;
    border: 1px solid #ced4da;
    padding: 5px 15px;
    overflow: hidden;
}
.toastposition{
    z-index: 100000
}
.form-control{
    border-radius: 0;
    color: #666;
}
.loading{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 20%);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signin{
    background-image: url(../../images/admin/signinbg.webp);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.signin::before{
    content: '';
    background-color: rgb(0 0 0 / 30%);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}
.loginbox{
    position: relative;
    z-index: 2;
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 10px;
}
.loginbox > div.header{
    background-color: #cfcfcf;
    padding: 20px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    margin-top: -55px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    color: #fff
}
.loginbox .language button{
    background-color: transparent;
    border: 0;
}
.button{
    background-color: #E55555;
    color: #fff;
    padding: 10px 25px 13px;
    border-radius: 0;
    font-weight: bold;
}
.button:hover{
    background-color: #cfcfcf !important;
    color: #000 !important;
}
.button i{
    margin-right: 10px
}
.buttondefault{
    padding: 6px 25px 8px;
    border-radius: 0;
}
.fixed-bottom-btn{
    position: fixed;
    bottom: 15px;
    right: 20px;
}
#forgot_password{
    color: #000;
    text-decoration: none
}
.language button::after{
    display: none
}
.language button img{
    object-fit: cover;
    border-radius: 5px;
    border: 2px #fff solid;
}
.language .dropdown-menu li a img{
    border-radius: 5px;
    object-fit: cover;
    border: 2px #fff solid;
    margin-right: 5px;
}
.fullheight{
    height: 100vh
}
.leftsidbar{
    background-color: #1a1a1a;
}
.leftsidbar .head{
    padding: 10px;
    text-align: center;
    margin: 0 -12px;
    background-color: #303030;
}
.loggeduser{
    cursor: pointer
}
.menu .accordion .accordion-item, .menu .accordion-button{
    background-color: transparent;
    border: 0;
    padding: 5px 0 10px;
    box-shadow: none;
}
.menu .accordion-button{
    color: #fff
}
.menu .accordion-button.collapsed{
    color: #9fa0a7;
}
.menu .accordion .accordion-item > a{
    text-decoration: none;
    color: #9fa0a7;
    padding: 5px 0;
    display: block;
}
.menu .accordion-button:hover, .menu .accordion .accordion-item a:hover, .menu .accordion .accordion-item a.active{
    color: #fff
}
.menu .accordion-button i, .menu .accordion .accordion-item > a i{
    width: 30px;
    text-align: center;
}
.menu .accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
}
.accordion-button:focus{
    box-shadow: none
}
.menu .accordion-body{
    padding: 0
}
.menu .accordion-body ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.menu .accordion-body ul a{
    position: relative;
    color: #9fa0a7;
    padding: 5px 0 5px 30px;
    text-decoration: none;
    display: block;
}
.menu .accordion-body ul a::before{
    content: '';
    height: 2px;
    background-color: #9fa0a7;
    position: absolute;
    width: 10px;   
    left: 10px;
    top: 16px;
}
.menulocations .putcursor{
    font-weight: bold;
    cursor: pointer;
    color: var(--bs-link-color);
}
.rightpanel{
    background-color: #F2F2F7;
}
.rightpanel > div{
    padding: 0px 20px
}
.rightpanel .head{
    background-color: #fff;
    border-bottom: 1px #eee solid;
    z-index: 1100;
}
.rightpanel .head i.fa-chevron-double-left{
    cursor: pointer
}
.rightpanel .head .dropdown-menu{
    border-radius: 0;
    margin-top: -2px !important;
    padding: 0;
}
.rightpanel .head button{
    background-color: transparent;
    border: 1px #fff solid;
    color: #444;
    border-radius: 0;
    padding: 0 15px;
    height: 46px;
}
.rightpanel .head button:hover{
    background-color: rgb(0 0 0 / 6%) !important;
    border-color: transparent !important;
    color: #444 !important;
}
.rightpanel .head .dropdown-menu li a{
    padding: 10px 15px;
}
.rightpanel .head .dropdown-menu li a i{
    margin-right: 15px
}
.rightpanel .title{
    background-color: #fff;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 5%);
    position: relative;
    z-index: 1;
    padding: 10px 20px;
}
.rightpanel .title h1{
    font-size: 20px;
    margin-bottom: 0;
}
.rightpanel .title a{
    color: #000
}
.rightpanel > div.foot{
    background-color: #fff;
    margin-top: 20px;
    padding: 15px 20px;
    text-align: center;
}
.selectpicker button, .selectpicker button:hover{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px #ddd solid;
    background-color: #fff;
    padding: 0.375rem 0.75rem;
    border-radius: 0;
}
.selectpicker button.is-invalid:hover{
    padding: 0.375rem calc(1.5em + .75rem) 0.375rem 0.75rem;
    border-color: #dc3545;
}
.selectpicker button input{
    opacity: 0;
    height: 0;
    cursor: pointer;
}
.selectpicker button img{
    margin-right: 5px
}
.selectpicker .dropdown-menu{
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
.selectpicker .dropdown-menu li{
    padding: 5px 15px;
    border-bottom: 1px #eee solid;
    cursor: pointer
}
.selectpicker .dropdown-menu li:hover{
    background-color: #eee
}
.selectpicker .dropdown-menu li img{
    margin-right: 5px
}
.card{
    border-radius: 3px;
    border: 0;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 15%);;
}
.card-header, .card-footer{
    background-color: transparent;
    border-color: #e9ebec;
    padding: 10px 15px;
    font-size: 16px;
}
.laguage_type li{
    padding: 10px 15px;
    border-bottom: 1px #eee solid;
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.laguage_type li:hover{
    background-color: #f5f5f5
}
.languagelist li{
    padding: 5px 0;
    border-bottom: 1px #eee solid;
    font-size: 14px;
}
.form-check-input:checked {
    background-color: #1d71b8;
    border-color: #1d71b8;
}
.translation{
    box-shadow: 1px 2px 5px rgb(0 0 0 / 15%);
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
}
.translation h2{
    font-size: 22px;
    border-bottom: 1px #eee solid;
    padding-bottom: 5px;

    margin-bottom: 20px;
}
.translation ul > li:first-child{
    background-color: #fff;
    top: 47px;
}
.translation .buttons{
    position: fixed;
    bottom: 20px;
    right: 35px;
}

.translation ul li .remove{
    background-color: #f00;
    color: #fff;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 10px 0 0 auto;
    border-radius: 3px;
}
.chooselanguage{
    margin: 0 -5px
}
.chooselanguage li{
    padding: 0 5px
}
.menulist li{
    padding: 5px 0;
    color: #666;
    border-bottom: 1px #eee solid;
}
.menulist li:hover, .languagelist li:hover{
    cursor: move
}
.menulist .child > div:first-child{
    position: relative;
    padding-left: 13px;
}
.menulist .child > div:first-child::before{
    content: '\f86c';
    left: 0px;
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
}
.menuitems .accordion-body .btn{
    font-size: 12px;
    padding: 6px 15px 8px;
}
.menuitems.disabled{
    position: relative
}
.menuitems.disabled::before{
    content: '';
    background-color: rgb(0 0 0 / 20%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.menuitems .accordion-body ul{
    max-height: 300px;
    overflow: auto;
}
#menulists ol{
    max-width: 450px;
    margin-top: 20px;
}
#menulists li {
    margin-bottom: 10px;
}
#menulists li > div {
    border: 1px solid #eee;
    border-radius: 3px;
    cursor: move;
    border-color: #eee #eee #eee;
    margin: 0;
    padding: 10px 15px;
    background: #f5f5f5;
}
#menulists li > div .deleteMenu{
    cursor: pointer
}
#menulists ol ol {
    margin-top: 10px;
    padding-left: 25px;
}
#menulists span.ui-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.disclose, .expandEditor {
    cursor: pointer;
    width: 20px;
    display: none;
}
.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}
.ui-icon-minusthick > span::before{
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
.ui-icon-plusthick > span::before{
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
.edit{
    color: #26ab04;
}
.delete{
    color: #f00;
}
.edit:hover, .delete:hover{
    color: #333
}
.confirmDelete i{
    color: #f00;
    font-size: 48px
}
.confirmDelete div{
    border: 0
}
.placeholder {
    outline: 1px dashed #4183C4;
    background-color: transparent;
    width: 100% !important;
    height: 42px
}
#menulists .editmenu{
    cursor: pointer;
    margin-right: 10px;
}
#menulists .menus{
    position: relative
}
#menulists .menus img{
    position: absolute;
    top: 9px;
    left: 8px;
}
#menulists .editmenutext{
    display: none
}
.ck-editor__editable_inline {
    min-height: 400px;
}
.folders ul ul{
    padding-left: 25px
}
.folders .caret {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}
.folders .caret::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f07b";
    display: inline-block;
    margin-right: 6px;
    color: #cfcfcf;
    font-weight: 900;
}

.folders .caret-down::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f07c";
}
.folders .file{
    cursor: pointer
}
.folders .file::before{
    font-family: "Font Awesome 5 Pro";
    content: "\f03e";
    margin-right: 6px;
}
.folders .nested {
  display: none;
}
.folders ul li{
    margin-bottom: 5px;
}
.folders ul li span:hover{
    background-color: #f1f1f1
}
.folders .active {
  display: block;
}
.sync{
    cursor: pointer
}
#getFiles ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}
#getFiles ul li{
    padding: 0 10px 10px;
    position: relative;
    margin-bottom: 10px;
    width: 172px;
}
#getFiles ul li.active::after{
    content: '';
    border: 3px #cfcfcf solid;
    width: 160px;
    height: 160px;
    display: block;
    position: absolute;
    top: 0;
}
#getFiles ul li.active::before{
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #cfcfcf;
    top: -8px;
    right: 1px;
    z-index: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:13px
}
#getFiles ul li img{
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
#getFiles ul li > div{
    font-size: 94px;
    border: 1px #ddd solid;
    width: 160px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #aaa;
    cursor: pointer;
    background-color: #f5f5f5;
    padding-top: 15px;
}
#getFiles ul li > div > div{
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    color: #000;
    border-radius: 0 0 5px 5px;
    line-height: 16px;
}
#getFiles.getFiles{
    overflow: hidden;
    overflow-y: auto;
}
#fileModal{
    z-index: 1110
}
#fileModal .modal-content{
    height: 100%;
    overflow: hidden;
}
#fileModal.modal.show .modal-dialog, #uploadphotoModal.modal.show .modal-dialog{
    width: 95%;
    max-width: 100%;
    height: calc(100% - 60px);
}
#fileModal.modal.show .modal-content .leftside{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#fileModal.modal.show .modal-content .leftside img{
    height: 800px;
}
#fileModal.modal.show .modal-content .leftside .fa-file-alt{
    font-size: 100px;
    color: #999;
}
#fileModal .rightside{
    background-color: #f1f1f1;
}
#fileModal .rightside .fileinfo{
    margin-bottom: 20px;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 20px;
}
#fileModal .rightside #copyclipboard, #uploadphotoModal #copyclipboard{
    border: 1px #000 solid;
    margin-top: 10px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
#fileModal .rightside .delete, #uploadphotoModal .delete{
    background-color: #c10202;
    color: #fff;
    border-radius: 5px;
    padding: 4px 15px 5px;
    font-size: 14px;
}
.uploadphoto{
    font-size: 18px;
    cursor: pointer;
    color: #999;
    position: relative
}
.uploadphoto .nofile{
    height: 200px;
    border: 1px #aaa dotted;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.uploadphoto img{
    width: 100%;
    object-fit: contain;
    border: 1px #aaa dotted;
}
.uploadphoto i{
    font-size: 30px;
    margin-bottom: 10px;
}
.uploadphoto input{
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
}
.removefile{
    color: #f00;
    font-size: 14px;
    display: inline-block;
    cursor: pointer
}
#uploadphotoModal .modal-content, #uploadphotoModal .modal-content > div{
    height: 100%;
    border-radius: 0;
}
#uploadphotoModal .modal-content .modal-body{
    height: calc(100% - 130px);
}
#uploadphotoModal .folders{
    background-color: #f5f5f5;
}
#uploadphotoModal .folders .getfolders{
    padding: 15px 20px
}
#uploadphotoModal .modal-header{
    border-bottom: 0;
}
#uploadphotoModal .nav-tabs li .nav-link{
    color: #000;
    border-radius: 0;
}
#uploadphotoModal .nav-tabs li .nav-link.active{
    border-radius: 0
}
#uploadphotoModal .allcontent{
    height: calc(100% - 42px);
}
#uploadphotoModal .attachmentdetails{
    background-color: #f5f5f5;
    font-size: 14px;
    overflow: hidden;
    overflow-y: auto;
}
#uploadphotoModal .attachmentdetails .fileinfo{
    font-size: 12px;
    word-break: break-all;
}
#uploadphotoModal .attachmentdetails .fileinfo #file{
    font-size: 90px;
    line-height: 90px;
    text-align: center;
}
#customfields ul{
    border-bottom: 1px #ddd solid;
    padding: 5px 0;
    font-weight: bold;
}
.customfields .row{
    border-bottom: 1px #ebebeb solid;
}
.customfields .row:last-child{
    border-bottom: 1px #aaa solid;
}
.customfields .row > div{
    padding: 20px 15px;
}
.customfields .row > div:first-child{
    background-color: #f7f7f7
}
.customfields .row.head{
    height: 48px
}
.customfields .row.head > div{
    padding: 3px 15px;
    font-size: 14px;
    background-color: #cfcfcf;
}
.customfields .row.head .number span{
    border: 1px #eee solid;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px
}
.customfields .row.head .settings{
    display: none;
}
.customfields .row.head .settings span{
    font-size: 12px;
    margin-right: 15px;
    cursor: pointer;
}
.customfields .row.head .settings span:hover{
    text-decoration: underline
}
.customfields .row.head:hover .settings{
    display: block
}
.radiobtn h3{
    font-size: 18px
}
.radiobtn > div{
    margin: 0 -15px
}
.radiobtn .form-check{
    padding: 0 40px;
    display: inline-block;
}
.stickytop{
    top: 60px;
}
.translations img{
    width: 25px;
    height: 15px;
    object-fit: cover;
    margin-right: 5px;
}
.accordion-button:not(.collapsed){
    background-color: #eee;
    color: #000;
}
.leftsidbar .accordion-button:not(.collapsed){
    background-color: transparent;
    color: #fff;
}
.orderlist td span{
    padding: 0px 10px 3px;
    border-radius: 3px;    
}
.orderlist td i.fa-check{
    color: #098F14
}
.orderlist td .note{
    background-color: #03A9F3;
    margin-bottom: 5px;
    color: #fff;
    max-width: 300px;
    padding: 2px 5px;
    font-size: 12px;
}
.bg-paid{
    background-color: #AB8CE4;
    color: #fff
}
.bg-canceled{
    background-color: #FFE2E2;
    color: #FD4B4B
}
.bg-completed{
    background-color: #E0FFED;
    color: #0FB0A7
}
.bg-open{
    background-color: #F3F3FE;
    color: #3C4CEC
}
.bg-expired{
    background-color: #FED7FF;
    color: #F94BFD
}
.bg-refunded{
    background-color: #EADAFF;
    color: #893CEC
}
.bg-failed{
    background-color: #FFE2E2;
    color: #FD4B4B;
}
.bg-scheduled{
    background-color: #d8e7ef;
    color: #17638f;
}
.bg-waiting{
    background-color: #FFF3DB;
    color: #AE7F24;
}
.bg-pending{
    background-color: rgb(3 169 243 / 10%);
    color: #03a9f3;
}
.editdates, .aprovedates{
    cursor: pointer
}
.noteLists .note{
    width: 43%;
}
.noteLists .note > div > div.text{
    background-color: #F6F9FB;
    padding: 10px 15px;
    border-radius: 7px;
    color: #95aac9;
}
.noteLists .note > div > div.current-user-note{
    background-color: #2787F5;
    color: #fff
}
.noteLists .note time{
    color: #ccc;
    font-size: 11px;
    font-weight: bold;
}
.noteLists img{
    border-radius: 50%;
    margin-right: 15px
}
.noteLists .photoicon{
    width: 40px;
    height: 40px;
    border: 1px #eee solid;
    background-color: #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px
}
.noteLists .dropdown button{
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #bfccdf
}
.noteLists .dropdown button::after{
    display: none
}
.noteLists .dropdown .dropdown-menu{
    -webkit-box-shadow: 0 0.5rem 1.875rem rgba(0,0,0,.05);
    box-shadow: 0 0.5rem 1.875rem rgba(0,0,0,.05);
    padding: 0.5rem;
    border: 0;
}
.noteLists .dropdown .dropdown-menu .dropdown-item{
    cursor: pointer
}
.noteLists .dropdown .dropdown-menu .dropdown-item:hover{
    color: #596679;
    background-color: #f5f8fb;
    border-radius: 0.6rem;
}
.noteLists .note > div > div.text textarea{
    width: 390px;
    border-radius: 5px;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}



/* DASHBOARD */
:root {
    --highcharts-dashboards-green: #20d17e;
    --highcharts-dashboards-orange: #feaa61;
}

/* General */
.highcharts-dashboards,
.highcharts-dashboards-wrapper {
    background-color: var(--highcharts-neutral-color-3);
}

.highcharts-background {
    fill: var(--highcharts-neutral-color-0);
}
.chart-container{
    height: 400px !important;
}
.highcharts-color-0 {
    stroke: var(--highcharts-dashboards-green);
    fill: var(--highcharts-dashboards-green);
}

.highcharts-color-1 {
    stroke: var(--highcharts-dashboards-orange);
    fill: var(--highcharts-dashboards-orange);
}

/* Rows and cells */
.highcharts-dashboards-row#row-1 {
    background-color: var(--highcharts-neutral-color-5);
    border-radius: 20px;
    padding: 10px;
}

.highcharts-dashboards-cell > .highcharts-dashboards-component {
    background-color: var(--highcharts-neutral-color-0);
    border-radius: 20px;
    padding: 10px;
    text-align: left;
}

/* Components general */
.highcharts-dashboards-component-title {
    padding-left: 10px;
    font-size: 0.8rem;
    font-weight: 100;
}

.highcharts-dashboards-component-subtitle {
    font-size: 0.8rem;
    font-weight: 100;
    padding-left: 20px;
    color: var(--highcharts-dashboards-green);
}

.highcharts-dashboards-component-kpi-value {
    padding-left: 20px;
    font-weight: bold;
}

/* Components specific */
#dashboard-row-1-cell-2 .highcharts-dashboards-component-subtitle {
    color: var(--highcharts-dashboards-orange);
}

#dashboard-row-1-cell-2 .highcharts-color-0 {
    stroke: var(--highcharts-dashboards-orange);
    fill: var(--highcharts-dashboards-orange);
}

#dashboard-row-1-cell-3 .highcharts-dashboards-component-content {
    text-align: center;
}

#dashboard-row-2-cell-1 .highcharts-color-0 .highcharts-area {
    fill-opacity: 1;
    fill: url(#gradient-0);
}

#dashboard-row-3-cell-1 .highcharts-color-0 {
    stroke: var(--highcharts-dashboards-orange);
    fill: var(--highcharts-dashboards-orange);
}

#dashboard-row-3-cell-3 .highcharts-dashboards-component-content {
    padding: 10px 0 !important;
    height: 165px !important;
}

#dashboard-row-3-cell-3 .highcharts-datagrid-container {
    border: none;
    font-weight: 100;
}

#dashboard-row-3-cell-3 .highcharts-datagrid-column-header {
    background-color: var(--highcharts-neutral-color-0);
}

#dashboard-row-3-cell-3 .highcharts-datagrid-row {
    background-color: var(--highcharts-neutral-color-0);
}

/* Custom classes and ids */
#saving-button {
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    background-color: var(--highcharts-dashboards-orange);
    cursor: pointer;
}

/* Gradient  */
#gradient-0 stop {
    stop-color: var(--highcharts-dashboards-green);
}

#gradient-0 stop[offset="0"] {
    stop-opacity: 0.75;
}

#gradient-0 stop[offset="1"] {
    stop-opacity: 0;
}

#dashboard-row-1-cell-1,
#dashboard-row-1-cell-2,
#dashboard-row-1-cell-3 {
    height: 160px;
}

#dashboard-row-3-cell-1,
#dashboard-row-3-cell-2,
#dashboard-row-3-cell-3 {
    height: 260px;
}

#dashboard-row-3-cell-1,
#dashboard-row-3-cell-2 {
    flex: 1 1 20%;
}

#dashboard-row-3-cell-3 {
    flex: 1 1 60%;
}

/* LARGE */
@media (max-width: 1200px) {
    #dashboard-row-1-cell-1,
    #dashboard-row-1-cell-2,
    #dashboard-row-1-cell-3 {
        flex: 1 1 33.333%;
    }

    #dashboard-row-3-cell-1,
    #dashboard-row-3-cell-2 {
        flex: 1 1 20%;
    }

    #dashboard-row-3-cell-3 {
        flex: 1 1 60%;
    }
}

/* MEDIUM */
@media (max-width: 992px) {
    #dashboard-row-1-cell-1,
    #dashboard-row-1-cell-2,
    #dashboard-row-1-cell-3 {
        flex: 1 1 50%;
    }

    #dashboard-row-3-cell-1,
    #dashboard-row-3-cell-2 {
        flex: 1 1 50%;
    }

    #dashboard-row-3-cell-3 {
        flex: 1 1 100%;
    }
}

/* SMALL */
@media (max-width: 576px) {
    #dashboard-row-1-cell-1,
    #dashboard-row-1-cell-2,
    #dashboard-row-1-cell-3 {
        flex: 1 1 50%;
    }

    #dashboard-row-3-cell-1,
    #dashboard-row-3-cell-2,
    #dashboard-row-3-cell-3 {
        flex: 1 1 100%;
    }
}
.searchresult{
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 22%);
    padding: 15px;
    width: 400px;
    right: 0;
    display: none;
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
.language_type{
    top: 60px;
}