@import "introjs.css";
.dis-ruby{
    display: ruby;
}
input.uppercase {
    text-transform: uppercase;
}
textarea.uppercase {
    text-transform: uppercase;
}

/* font-sizes */
.ts-14 {
    font-size: 14px !important;
}
.ts-16 {
    font-size: 16px;
}
.ts-20 {
    font-size: 20px;
}
.ox-h{
    overflow-x: hidden !important;
}
.hr-nav .nav-color .nav > li > a:after{
    display: none;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row-eq-height-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.d-flex-rows-reverse {
    flex-direction: row-reverse !important;
}
.row-eq-height-justify-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.align-items-beatween-w{
    display:flex;
    justify-content: space-between;
    align-items: center;

}
.column-row-align{
    flex-direction: column;
}
.align-items-center-w{
    display: flex;
    align-items: center;
}
.align-items-end-w{
    display: flex;
    align-items: flex-end;
}
/* Scroll */
::-webkit-scrollbar {
    width: 4px;
    height:4px;
    padding-left: 2px;
    cursor: pointer;
    padding-right: 2px;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.0);
    border-radius: 4px;
}
:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    border-radius: 4px;
}


.b-l-0 {
    border-left: none !important;
}
.b-r-0 {
    border-right: none !important;
}

.bold {
    font-weight: bold;
}

.mmw-25 {
    min-width: 25px;
    float: left
}
.mmw-30 {
    min-width: 30px;
    float: left
}

.mw-64 {
    max-width: 64px !important;
}
.mw-200 {
    max-width: 200px !important;
}

.h-24 {
    height: 24px;
}
.h-150 {
    height: 150px !important;
    overflow: hidden;
}
.h-200 {
    height: 200px !important;
    overflow: hidden;
}
.h-300 {
    height: 300px !important;
    overflow: hidden;
}
.h-400 {
    height: 400px !important;
    overflow: hidden;
}

.mh-200 {
    max-height: 200px !important;
    overflow: auto;
}
.mh-300 {
    max-height: 300px !important;
    overflow: auto;
}
.mh-400 {
    max-height: 400px !important;
    overflow: auto;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}


.sortable-placeholder{
    margin-left:0!important;
    border:1px dashed #CCC;
    background:#f1f1f1;
    height: 5px;
    /*float:left;*/
    width:100%;
    padding-bottom:0%
}
.feature-placeholder{
    margin-left:0!important;
    border:1px dashed #CCC;
    background:#ff6666;
    height: 25px;
    /*float:left;*/
    width:100%;
    padding-bottom:0%
}



.cell {
    display: table-cell;
}

.nopointer {
    cursor: default;
}
.z-0 {
    z-index: 0 !important;
}
.z-10 {
    z-index: 10 !important;
}
tr.nowrap td, .nowrap {
    white-space: nowrap;
}
.dash{
    border: 0 none;
    border-top: 1px dashed #cccccc;
    background: none;
    height:0;
}

.minicolors-swatch{
    margin-top: 5px !important;
    margin-left:10px !important;
}

.ast:after {
    content: ' *';
    color :red;
    font-weight: bold;
}
.star-rating {
    line-height:32px;
    font-size:1.25em;
    cursor: pointer;
}

.rating-input i {
    margin-left: 1px;
    margin-right: 1px;
}

.note-link-dialog
, .note-image-dialog
, .note-help-dialog{
    z-index: 1600 !important;
}

.note-editable {
    border: 1px solid rgba(120, 130, 140, 0.13);
}

select.dark option {
    background: #263449;
    background-color: #263449;
}

/*.dk{
    background-color: rgba(22, 32, 42, 0.10);
}
.dker{
    background-color: rgba(22, 32, 42, 0.20);
}

.lt {
    background-color: rgba(255, 255, 255, 0.05);
}
.lter {
    background-color: rgba(255, 255, 255, 0.10);
}*/


@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}


.dropdown:hover .dropdown-menu-h {
    display: block;
    margin-top: 0;
}

.hider{
    display: none;
}

.brand-animate {
    -webkit-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;

    transform-origin: 24px 24px;
    -webkit-transform-origin: 24px 24px;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.pace-running .brand-animate{
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.pace-done .brand-animate{
    opacity: 0;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.custom-backdrop{
    z-index: 1051 !important;
}

.dif{
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}



/* Loader */

.mloader {
    position: fixed;
    left: 0px;
    top: 0px;
    cursor: wait;
    width: 100%;
    overflow: hidden;
    height: 100%;
    z-index: 9999;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    opacity:0.7;
    display: none;
}

.mloader_bg_white {
    background-color: #fff;
}

.mloader_1 {
    background-image: url('../../images/loading.svg');

}
.mloader_2 {
    background-image: url('https://cloud.mobildev.com/img/loader-64x/loader2.gif');
}
.mloader_3 {
    background-image: url('https://cloud.mobildev.com/img/loader-64x/loader3.gif');
}
.mloader_4 {
    background-image: url('https://cloud.mobildev.com/img/loader-64x/loader4.gif');
}
.mloader_5 {
    background-image: url('https://cloud.mobildev.com/img/loader-64x/loader5.gif');
}
.mloader_6 {
    background-image: url('https://cloud.mobildev.com/img/loader-64x/loader6.gif');
}
.mloader_7 {
    background-image: url('https://cloud.mobildev.com/img/loader-64x/loader7.gif');
}

.mloader > p {
    position: relative;
    top: 55%;
    text-align: center;
    font-weight: 700;
    color: #444;
}

.alert ul {
    list-style: none;
}



/*** UI Frame ****/

.btn-frame {
    /*    display: block;
        margin: 15px auto;
        padding: 5px 15px;*/
}

.close-button {
    overflow: hidden;
}

.ui-modalContent {
    box-shadow: none;
    background-color: transparent;
    border: 0;
}

.ui-modalContent .close {
    font-size: 30px;
    line-height: 30px;
    padding: 7px 4px 7px 13px;
    text-shadow: none;
    opacity: .7;
    color:#fff;
}

.ui-modalContent .close span {
    display: block;
}

.ui-modalContent .close:hover,
.ui-modalContent .close:focus {
    opacity: 1;
    outline: none;
}

.ui-modalContent iframe {
    display: block;
    margin: 0 auto;
}

/** Text Color **/




/* summernote */
.note-editor{
    position:relative;
    overflow:hidden;
    border:1px solid #a9a9a9
}
.note-editor .note-dropzone{
    position:absolute;
    z-index:100;
    display:none;
    color:#87cefa;
    background-color:white;
    opacity:.95;
    pointer-event:none
}
.note-editor .note-dropzone .note-dropzone-message{
    display:table-cell;
    font-size:28px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle
}
.note-editor .note-dropzone.hover{
    color:#098ddf
}
.note-editor.dragover .note-dropzone{
    display:table
}
.note-editor.codeview .note-editing-area .note-editable{
    display:none
}
.note-editor.codeview .note-editing-area .note-codable{
    display:block
}
.note-editor.fullscreen{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    width:100%
}
.note-editor.fullscreen .note-editable{
    background-color:white
}
.note-editor.fullscreen .note-resizebar{
    display:none
}
.note-editor .note-editing-area{
    position:relative;
    overflow:hidden
}
.note-editor .note-editing-area .note-editable{
    padding:10px;
    overflow:auto;
    color:#000;
    background-color:#fff;
    outline:0
}
.note-editor .note-editing-area .note-editable[contenteditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder)
}
.note-editor .note-editing-area .note-editable[contenteditable="false"]{
    background-color:#e5e5e5
}
.note-editor .note-editing-area .note-codable{
    display:none;
    width:100%;
    padding:10px;
    margin-bottom:0;
    font-family:Menlo,Monaco,monospace,sans-serif;
    font-size:14px;
    color:#ccc;
    background-color:#222;
    border:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    box-shadow:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    resize:none
}
.note-editor .note-statusbar{
    background-color:#f5f5f5
}
.note-editor .note-statusbar .note-resizebar{
    width:100%;
    height:8px;
    padding-top:1px;
    cursor:ns-resize
}
.note-editor .note-statusbar .note-resizebar .note-icon-bar{
    width:20px;
    margin:1px auto;
    border-top:1px solid #a9a9a9
}
.note-air-editor{
    outline:0
}
.note-popover .popover{
    max-width:none
}
.note-popover .popover .popover-content a{
    display:inline-block;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle
}
.note-popover .popover .arrow{
    left:20px
}
.note-popover .popover .popover-content,.panel-heading.note-toolbar{
    padding:0 0 5px 5px;
    margin:0
}
.note-popover .popover .popover-content>.btn-group,.panel-heading.note-toolbar>.btn-group{
    margin-top:5px;
    margin-right:5px;
    margin-left:0
}
.note-popover .popover .popover-content .btn-group .note-table,.panel-heading.note-toolbar .btn-group .note-table{
    min-width:0;
    padding:5px
}
.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker{
    font-size:18px
}
.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{
    position:absolute!important;
    z-index:3;
    width:10em;
    height:10em;
    cursor:pointer
}
.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{
    position:relative!important;
    z-index:1;
    width:5em;
    height:5em;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat
}
.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{
    position:absolute!important;
    z-index:2;
    width:1em;
    height:1em;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat
}
.note-popover .popover .popover-content .note-style h1,.panel-heading.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.panel-heading.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.panel-heading.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.panel-heading.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.panel-heading.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.panel-heading.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.panel-heading.note-toolbar .note-style blockquote{
    margin:0
}
.note-popover .popover .popover-content .note-color .dropdown-toggle,.panel-heading.note-toolbar .note-color .dropdown-toggle{
    width:20px;
    padding-left:5px
}
.note-popover .popover .popover-content .note-color .dropdown-menu,.panel-heading.note-toolbar .note-color .dropdown-menu{
    min-width:340px
}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group{
    margin:0
}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child{
    margin:0 5px
}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{
    margin:2px 7px;
    font-size:12px;
    text-align:center;
    border-bottom:1px solid #eee
}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{
    padding:0 3px;
    margin:3px;
    font-size:11px;
    cursor:pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row{
    height:20px
}
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{
    background:#eee
}
.note-popover .popover .popover-content .note-para .dropdown-menu,.panel-heading.note-toolbar .note-para .dropdown-menu{
    min-width:216px;
    padding:5px
}
.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.panel-heading.note-toolbar .note-para .dropdown-menu>div:first-child{
    margin-right:5px
}
.note-popover .popover .popover-content .dropdown-menu,.panel-heading.note-toolbar .dropdown-menu{
    min-width:90px
}
.note-popover .popover .popover-content .dropdown-menu.right,.panel-heading.note-toolbar .dropdown-menu.right{
    right:0;
    left:auto
}
.note-popover .popover .popover-content .dropdown-menu.right::before,.panel-heading.note-toolbar .dropdown-menu.right::before{
    right:9px;
    left:auto!important
}
.note-popover .popover .popover-content .dropdown-menu.right::after,.panel-heading.note-toolbar .dropdown-menu.right::after{
    right:10px;
    left:auto!important
}
.note-popover .popover .popover-content .dropdown-menu.note-check li a i,.panel-heading.note-toolbar .dropdown-menu.note-check li a i{
    color:deepskyblue;
    visibility:hidden
}
.note-popover .popover .popover-content .dropdown-menu.note-check li a.checked i,.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i{
    visibility:visible
}
.note-popover .popover .popover-content .note-fontsize-10,.panel-heading.note-toolbar .note-fontsize-10{
    font-size:10px
}
.note-popover .popover .popover-content .note-color-palette,.panel-heading.note-toolbar .note-color-palette{
    line-height:1
}
.note-popover .popover .popover-content .note-color-palette div .note-color-btn,.panel-heading.note-toolbar .note-color-palette div .note-color-btn{
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    border:1px solid #fff
}
.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover{
    border:1px solid #000
}
.note-dialog>div{
    display:none
}
.note-dialog .form-group{
    margin-right:0;
    margin-left:0
}
.note-dialog .note-modal-form{
    margin:0
}
.note-dialog .note-image-dialog .note-dropzone{
    min-height:100px;
    margin-bottom:10px;
    font-size:30px;
    line-height:4;
    color:lightgray;
    text-align:center;
    border:4px dashed lightgray
}
.note-dialog .note-help-dialog{
    font-size:12px;
    color:#ccc;
    background:transparent;
    background-color:#222!important;
    border:0;
    -webkit-opacity:.9;
    -khtml-opacity:.9;
    -moz-opacity:.9;
    opacity:.9;
    -ms-filter:alpha(opacity=90);
    filter:alpha(opacity=90)
}
.note-dialog .note-help-dialog .modal-content{
    background:transparent;
    border:1px solid white;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.note-dialog .note-help-dialog a{
    font-size:12px;
    color:white
}
.note-dialog .note-help-dialog .title{
    padding-bottom:5px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
    color:white;
    border-bottom:white 1px solid
}
.note-dialog .note-help-dialog .modal-close{
    font-size:14px;
    color:#dd0;
    cursor:pointer
}
.note-dialog .note-help-dialog .text-center{
    margin:10px 0 0
}
.note-dialog .note-help-dialog .note-shortcut{
    padding-top:8px;
    padding-bottom:8px
}
.note-dialog .note-help-dialog .note-shortcut-row{
    margin-right:-5px;
    margin-left:-5px
}
.note-dialog .note-help-dialog .note-shortcut-col{
    padding-right:5px;
    padding-left:5px
}
.note-dialog .note-help-dialog .note-shortcut-title{
    font-size:13px;
    font-weight:bold;
    color:#dd0
}
.note-dialog .note-help-dialog .note-shortcut-key{
    font-family:"Courier New";
    color:#dd0;
    text-align:right
}
.note-handle .note-control-selection{
    position:absolute;
    display:none;
    border:1px solid black
}
.note-handle .note-control-selection>div{
    position:absolute
}
.note-handle .note-control-selection .note-control-selection-bg{
    width:100%;
    height:100%;
    background-color:black;
    -webkit-opacity:.3;
    -khtml-opacity:.3;
    -moz-opacity:.3;
    opacity:.3;
    -ms-filter:alpha(opacity=30);
    filter:alpha(opacity=30)
}
.note-handle .note-control-selection .note-control-handle{
    width:7px;
    height:7px;
    border:1px solid black
}
.note-handle .note-control-selection .note-control-holder{
    width:7px;
    height:7px;
    border:1px solid black
}
.note-handle .note-control-selection .note-control-sizing{
    width:7px;
    height:7px;
    background-color:white;
    border:1px solid black
}
.note-handle .note-control-selection .note-control-nw{
    top:-5px;
    left:-5px;
    border-right:0;
    border-bottom:0
}
.note-handle .note-control-selection .note-control-ne{
    top:-5px;
    right:-5px;
    border-bottom:0;
    border-left:none
}
.note-handle .note-control-selection .note-control-sw{
    bottom:-5px;
    left:-5px;
    border-top:0;
    border-right:0
}
.note-handle .note-control-selection .note-control-se{
    right:-5px;
    bottom:-5px;
    cursor:se-resize
}
.note-handle .note-control-selection .note-control-se.note-control-holder{
    cursor:default;
    border-top:0;
    border-left:none
}
.note-handle .note-control-selection .note-control-selection-info{
    right:0;
    bottom:0;
    padding:5px;
    margin:5px;
    font-size:12px;
    color:white;
    background-color:black;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-opacity:.7;
    -khtml-opacity:.7;
    -moz-opacity:.7;
    opacity:.7;
    -ms-filter:alpha(opacity=70);
    filter:alpha(opacity=70)
}

/** MAP **/
.popup-bubble{
    position:absolute;
    top:0;
    left:0;
    transform:translate(-50%,-100%);
    background-color:white;
    padding:5px;
    border-radius:5px;
    font-family:sans-serif;
    overflow-y:auto;
    max-height:60px;
    box-shadow:0 2px 10px 1px rgba(0,0,0,.5)
}
.popup-bubble-anchor{
    position:absolute;
    width:100%;
    bottom:8px;
    left:0
}
.popup-bubble-anchor::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    transform:translate(-50%,0);
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid white
}
.popup-container{
    cursor:auto;
    height:0;
    position:absolute;
    width:200px
}


/** INPUTS**/

.range-slider{
    width:100%
}
.range-slider__range{
    -webkit-appearance: none;
    width: calc(100% - 73px);
    height: 10px;
    border-radius: 5px;
    background: #f0f0f0;
    outline: none;
    padding: 0;
    margin: 0;
    box-shadow: 0px 0px 4px -1px #aaa inset;
}
.range-slider__range::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#2c3e50;
    cursor:pointer;
    -webkit-transition:background .15s ease-in-out;
    transition:background .15s ease-in-out
}
.range-slider__range::-webkit-slider-thumb:hover{
    background:#2196f3
}
.range-slider__range:active::-webkit-slider-thumb{
    background:#2196f3
}
.range-slider__range::-moz-range-thumb{
    width:20px;
    height:20px;
    border:0;
    border-radius:50%;
    background:#2c3e50;
    cursor:pointer;
    -webkit-transition:background .15s ease-in-out;
    transition:background .15s ease-in-out
}
.range-slider__range::-moz-range-thumb:hover{
    background:#2196f3
}
.range-slider__range:active::-moz-range-thumb{
    background:#2196f3
}
.range-slider__value{
    display:inline-block;
    position:relative;
    width:60px;
    color:#fff;
    line-height:20px;
    text-align:center;
    border-radius:3px;
    background:#2c3e50;
    padding:5px 10px;
    margin-left:8px
}
.range-slider__value:after{
    position:absolute;
    top:8px;
    left:-7px;
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-right:7px solid #2c3e50;
    border-bottom:7px solid transparent;
    content:''
}
::-moz-range-track{
    background:#d7dcdf;
    border:0
}
input::-moz-focus-inner,
input::-moz-focus-outer{
    border:0
}

/* Datetimepicker */
.bootstrap-datetimepicker-widget{
    list-style:none
}
.bootstrap-datetimepicker-widget
.dropdown-menu{
    margin:2px 0;
    padding:4px;
    width:19em
}
@media(min-width:768px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
@media(min-width:992px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
@media(min-width:1200px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{
    content:'';
    display:inline-block;
    position:absolute
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-bottom-color:rgba(0,0,0,.2);
    top:-7px;
    left:7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid white;
    top:-6px;
    left:8px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before{
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #ccc;
    border-top-color:rgba(0,0,0,.2);
    bottom:-7px;
    left:6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid white;
    bottom:-6px;
    left:7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{
    left:auto;
    right:6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{
    left:auto;
    right:7px
}
.bootstrap-datetimepicker-widget.list-unstyled{
    margin:0
}
.bootstrap-datetimepicker-widget a[data-action]{
    padding:6px 0
}
.bootstrap-datetimepicker-widget a[data-action]:active{
    box-shadow:none
}
.bootstrap-datetimepicker-widget.timepicker-hour,.bootstrap-datetimepicker-widget.timepicker-minute,.bootstrap-datetimepicker-widget.timepicker-second{
    width:54px;
    font-weight:700;
    font-size:1.2em;
    margin:0
}
.bootstrap-datetimepicker-widget button[data-action]{
    padding:6px
}
.bootstrap-datetimepicker-widget.btn[data-action="incrementHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Increment Hours"
}
.bootstrap-datetimepicker-widget.btn[data-action="incrementMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Increment Minutes"
}
.bootstrap-datetimepicker-widget.btn[data-action="decrementHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Decrement Hours"
}
.bootstrap-datetimepicker-widget.btn[data-action="decrementMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Decrement Minutes"
}
.bootstrap-datetimepicker-widget.btn[data-action="showHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Show Hours"
}
.bootstrap-datetimepicker-widget.btn[data-action="showMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Show Minutes"
}
.bootstrap-datetimepicker-widget.btn[data-action="togglePeriod"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Toggle AM/PM"
}
.bootstrap-datetimepicker-widget.btn[data-action="clear"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Clear the picker"
}
.bootstrap-datetimepicker-widget.btn[data-action="today"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Set the date to today"
}
.bootstrap-datetimepicker-widget.picker-switch{
    text-align:center
}
.bootstrap-datetimepicker-widget.picker-switch::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Toggle Date and Time Screens"
}
.bootstrap-datetimepicker-widget.picker-switch td{
    padding:0;
    margin:0;
    height:auto;
    width:auto;
    line-height:inherit
}
.bootstrap-datetimepicker-widget.picker-switch td span{
    line-height:2.5;
    height:2.5em;
    width:100%
}
.bootstrap-datetimepicker-widget table{
    width:100%;
    margin:0
}
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{
    text-align:center;
    border-radius:4px
}
.bootstrap-datetimepicker-widget table th{
    height:20px;
    line-height:20px;
    width:20px
}
.bootstrap-datetimepicker-widget table th.picker-switch{
    width:145px
}
.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{
    background:none;
    color:#777;
    cursor:not-allowed
}
.bootstrap-datetimepicker-widget table th.prev::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Previous Month"
}
.bootstrap-datetimepicker-widget table th.next::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Next Month"
}
.bootstrap-datetimepicker-widget table thead tr:first-child th{
    cursor:pointer
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
    background:#eee
}
.bootstrap-datetimepicker-widget table td{
    height:54px;
    line-height:54px;
    width:54px
}
.bootstrap-datetimepicker-widget table td.cw{
    font-size:.8em;
    height:20px;
    line-height:20px;
    color:#777
}
.bootstrap-datetimepicker-widget table td.day{
    height:20px;
    line-height:20px;
    width:20px
}
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{
    background:#eee;
    cursor:pointer
}
.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{
    color:#777
}
.bootstrap-datetimepicker-widget table td.today{
    position:relative
}
.bootstrap-datetimepicker-widget table td.today:before{
    content:'';
    display:inline-block;
    border:solid transparent;
    border-width:0 0 7px 7px;
    border-bottom-color:#337ab7;
    border-top-color:rgba(0,0,0,.2);
    position:absolute;
    bottom:4px;
    right:4px
}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
    background-color:#337ab7;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.bootstrap-datetimepicker-widget table td.active.today:before{
    border-bottom-color:#fff
}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{
    background:none;
    color:#777;
    cursor:not-allowed
}
.bootstrap-datetimepicker-widget table td span{
    display:inline-block;
    width:54px;
    height:54px;
    line-height:54px;
    margin:2px 1.5px;
    cursor:pointer;
    border-radius:4px
}
.bootstrap-datetimepicker-widget table td span:hover{
    background:#eee
}
.bootstrap-datetimepicker-widget table td span.active{
    background-color:#337ab7;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.bootstrap-datetimepicker-widget table td span.old{
    color:#777
}
.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{
    background:none;
    color:#777;
    cursor:not-allowed
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour{
    height:27px;
    line-height:27px
}
.bootstrap-datetimepicker-widget.wider{
    width:21em
}
.bootstrap-datetimepicker-widget.datepicker-decades.decade{
    line-height:1.8em!important
}
.input-group.date.input-group-addon{
    cursor:pointer
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}

/* select2 */
.select2-container{
    width:100%!important;
    z-index:9999
}
.select2-container{
    box-sizing:border-box;
    display:inline-block;
    margin:0;
    position:relative;
    vertical-align:middle
}
.select2-container .select2-selection--single{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    height:28px;
    user-select:none;
    -webkit-user-select:none
}
.select2-container .select2-selection--single .select2-selection__rendered{
    display:block;
    padding-left:8px;
    padding-right:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    padding-right:8px;
    padding-left:20px
}
.select2-container .select2-selection--multiple{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    min-height:32px;
    user-select:none;
    -webkit-user-select:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    display:inline-block;
    overflow:hidden;
    padding-left:8px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.select2-container .select2-search--inline{
    float:left
}
.select2-container .select2-search--inline .select2-search__field{
    box-sizing:border-box;
    border:none;
    font-size:100%;
    margin-top:5px
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.select2-dropdown{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    box-sizing:border-box;
    display:block;
    position:absolute;
    left:-100000px;
    width:100%;
    z-index:1051
}
.select2-results{
    display:block
}
.select2-results__options{
    list-style:none;
    margin:0;
    padding:0
}
.select2-results__option{
    padding:6px;
    user-select:none;
    -webkit-user-select:none
}
.select2-results__option[aria-selected]{
    cursor:pointer
}
.select2-container--open{
    z-index: 1000000 !important;
}
.select2-container--open .select2-dropdown{
    left:0;

}
.select2-container--open .select2-dropdown--above{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--open .select2-dropdown--below{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-search--dropdown{
    display:block;
    padding:4px
}
.select2-search--dropdown .select2-search__field{
    padding:4px;
    width:100%;
    box-sizing:border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.select2-search--dropdown.select2-search--hide{
    display:none
}
.select2-close-mask{
    border:0;
    margin:0;
    padding:0;
    display:block;
    position:fixed;
    left:0;
    top:0;
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    opacity:0;
    z-index:99;
    background-color:#fff;
    filter:alpha(opacity=0)
}
.select2-hidden-accessible{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.select2-container--default .select2-selection--single{
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:28px
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#999
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:26px;
    position:absolute;
    top:1px;
    right:1px;
    width:20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#888 transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    left:50%;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    left:1px;
    right:auto
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color:#eee;
    cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
    display:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    box-sizing:border-box;
    list-style:none;
    margin:0;
    padding:0 5px;
    width:100%
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder{
    color:#999;
    margin-top:5px;
    float:left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:700;
    margin-top:5px;
    margin-right:10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:default;
    float:left;
    margin-right:5px;
    margin-top:5px;
    padding:0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#999;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    margin-right:2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{
    float:right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    margin-left:2px;
    margin-right:auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:solid black 1px;
    outline:0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background-color:#eee;
    cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
    display:none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field{
    background:transparent;
    border:none;
    outline:0
}
.select2-container--default .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}
.select2-container--default .select2-results__option[role=group]{
    padding:0
}
.select2-container--default .select2-results__option[aria-disabled=true]{
    color:#999
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color:#ddd
}
.select2-container--default .select2-results__option .select2-results__option{
    padding-left:1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
    padding-left:0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-1em;
    padding-left:2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-2em;
    padding-left:3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-3em;
    padding-left:4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-4em;
    padding-left:5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-5em;
    padding-left:6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#5897fb;
    color:white
}
.select2-container--default .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}
.select2-container--classic .select2-selection--single{
    background-color:#f6f6f6;
    border:1px solid #aaa;
    border-radius:4px;
    outline:0;
    background-image:-webkit-linear-gradient(top,#ffffff 50%,#eeeeee 100%);
    background-image:-o-linear-gradient(top,#ffffff 50%,#eeeeee 100%);
    background-image:linear-gradient(to bottom,#ffffff 50%,#eeeeee 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0)
}
.select2-container--classic .select2-selection--single:focus{
    border:1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:700;
    margin-right:10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder{
    color:#999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow{
    background-color:#ddd;
    border:none;
    border-left:1px solid #aaa;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    height:26px;
    position:absolute;
    top:1px;
    right:1px;
    width:20px;
    background-image:-webkit-linear-gradient(top,#eeeeee 50%,#cccccc 100%);
    background-image:-o-linear-gradient(top,#eeeeee 50%,#cccccc 100%);
    background-image:linear-gradient(to bottom,#eeeeee 50%,#cccccc 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b{
    border-color:#888 transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    left:50%;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    border:none;
    border-right:1px solid #aaa;
    border-radius:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    left:1px;
    right:auto
}
.select2-container--classic.select2-container--open .select2-selection--single{
    border:1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
    background:transparent;
    border:none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0;
    background-image:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 50%);
    background-image:-o-linear-gradient(top,#ffffff 0%,#eeeeee 50%);
    background-image:linear-gradient(to bottom,#ffffff 0%,#eeeeee 50%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background-image:-webkit-linear-gradient(top,#eeeeee 50%,#ffffff 100%);
    background-image:-o-linear-gradient(top,#eeeeee 50%,#ffffff 100%);
    background-image:linear-gradient(to bottom,#eeeeee 50%,#ffffff 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0)
}
.select2-container--classic .select2-selection--multiple{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text;
    outline:0
}
.select2-container--classic .select2-selection--multiple:focus{
    border:1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered{
    list-style:none;
    margin:0;
    padding:0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear{
    display:none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:default;
    float:left;
    margin-right:5px;
    margin-top:5px;
    padding:0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
    color:#888;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    margin-right:2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    float:right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    margin-left:2px;
    margin-right:auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple{
    border:1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--classic .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa;
    outline:0
}
.select2-container--classic .select2-search--inline .select2-search__field{
    outline:0
}
.select2-container--classic .select2-dropdown{
    background-color:white;
    border:1px solid transparent
}
.select2-container--classic .select2-dropdown--above{
    border-bottom:none
}
.select2-container--classic .select2-dropdown--below{
    border-top:none
}
.select2-container--classic .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}
.select2-container--classic .select2-results__option[role=group]{
    padding:0
}
.select2-container--classic .select2-results__option[aria-disabled=true]{
    color:grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#3875d7;
    color:white
}
.select2-container--classic .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}
.select2-container--classic.select2-container--open .select2-dropdown{
    border-color:#5897fb
}
.select2-results__option{
    padding:6px 8px;
    border-radius:2px;
    margin-bottom:1px
}
.select2-container--default .select2-selection--single{
    background-color:#fcfcfd;
    border-color:#bdc3d1;
    border-radius:2px;
    /*height:38px;*/
    outline:none
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#262b36;
    line-height:36px;
    padding-left:12px
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#9fa8bc
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    width:30px;
    height:36px;
    line-height:36px
}
.select2-container--default .select2-selection--multiple{
    background-color:#fcfcfd;
    border-color:#bdc3d1;
    border-radius:2px;
    min-height:38px;
    outline:none
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding:0 4px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top:4px;
    margin-right:4px;
    padding:4px 10px 4px 5px;
    border-color:transparent;
    border-radius:2px;
    background-color:#259dab;
    color:#fff
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff;
    margin-right:6px;
    opacity:.75;
    font-size:12px
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:#9fa8bc
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-color:#9fa8bc;
    border-radius:2px
}
.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color:#e7e9ee
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#259dab
}
.select2-container--default .select2-results>.select2-results__options{
    margin:4px
}
.select2-container--default .select2-search--inline .select2-search__field{
    margin-top:4px;
    line-height:25px;
    padding-left:7px
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color:#e7e9ee
}
.select2-container--open .select2-selection--single,.select2-container--open .select2-selection--multiple{
    background-color:#fff;
    border-color:#9fa8bc
}
.select2-container--open .select2-dropdown--above{
    border-top-right-radius:2px;
    border-top-left-radius:2px
}
.select2-container--open .select2-dropdown--below{
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px
}
.select2-dropdown{
    border-color:#9fa8bc;
    z-index:200
}
.select2-search--dropdown{
    padding-bottom:0
}
.has-error .select2-selection--single,.has-error .select2-selection--multiple{
    border-color:#d9534f
}


/*  MEDİA  **/
.video-container{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.video-container iframe,.video-container object,.video-container embed,.video-container video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.audio-container{
    position:relative;
    padding-bottom:25.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.audio-container audio{
    position:absolute;
    top:0;
    left:0;
    width:100%
}


/***** JQUERY.GRITTER *****/
#gritter-notice-wrapper{
    position:fixed;
    top:20px;
    right:20px;
    width:301px;
    z-index:99999999
}
#gritter-notice-wrapper.top-left{
    left:20px;
    right:auto
}
#gritter-notice-wrapper.bottom-right{
    top:auto;
    left:auto;
    bottom:20px;
    right:20px
}
#gritter-notice-wrapper.bottom-left{
    top:auto;
    right:auto;
    bottom:20px;
    left:20px
}
.gritter-item-wrapper{
    position:relative;
    margin:0 0 10px 0;
    border-radius: 10px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.gritter-top{
    background:url(../../images/gritter.png)no-repeat left-30px;
    height:10px
}
.hover.gritter-top{
    background-position:right-30px
}
.gritter-bottom{
    background:url(../../images/gritter.png)no-repeat left bottom;
    height:8px;
    margin:0
}
.hover.gritter-bottom{
    background-position:bottom right
}
.gritter-item{
    display:block;
    background:url(../../images/gritter.png)no-repeat left-40px;
    color:#eee;
    padding:2px 11px 8px 11px;
    font-size:11px;
    font-family:'Roboto', sans-serif
}
.hover.gritter-item{
    background-position:right-40px
}
.gritter-item p{
    padding:0;
    margin:0;
    word-wrap:break-word
}
.gritter-close{
    display:none;
    position:absolute;
    top:-6px;
    left:3px;
    background:url(../../images/gritter.png)no-repeat left top;
    cursor:pointer;
    width:30px;
    height:30px;
    text-indent:-9999em
}
.gritter-title{
    font-size:14px;
    font-weight:bold;
    padding:0 0 2px 0;
    display:block;
    text-shadow:1px 1px 0 #000
}
.gritter-image{
    width:48px;
    height:48px;
    float:left
}
.gritter-with-image,.gritter-without-image{
    padding:0
}
.gritter-with-image{
    width:220px;
    float:right
}
.gritter-light.gritter-item,.gritter-light.gritter-bottom,.gritter-light.gritter-top,.gritter-light.gritter-close{
    background-image:url(../../images/gritter-light.png);
    color:#222
}
.gritter-light.gritter-title{
    text-shadow:none
}
.gritter-top,.gritter-bottom{
    display:none
}
.gritter-item{
    position:relative;
    background-image:none;
    /*background-color:rgba(17,19,24,0.95);*/
    border-radius:2px;
    padding:15px;
    font-family:'Roboto', sans-serif;
    font-size:12px;
    line-height:1.42857143;
    color:rgba(255,255,255,0.65);
    z-index:3000
}
.gritter-item a:hover{
    text-decoration:underline
}
.gritter-title{
    font-weight:500;
    text-shadow:none;
    text-transform:capitalize;
    font-family:'Roboto', sans-serif;
    /*letter-spacing:.5px;*/
    font-size:14px;
    color:#fff
}
.gritter-close{
    left:auto;
    right:-6px;
    background:none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid #ffffff;
}
.gritter-item-wrapper.success .gritter-close{
    background-color: #22b66e !important;
}
.gritter-item-wrapper.warning .gritter-close{
    background-color: #f3c111 !important;
}
.gritter-item-wrapper.danger .gritter-close{
    background-color: #ef193c !important;
}
.gritter-item-wrapper.primary .gritter-close{
    background-color: #4BC0C0 !important;
}
.gritter-close:before{
    text-indent:0;
    content:'\f00d';
    position:absolute;
    font-family:'FontAwesome';
    top:1px;
    right:4px;
    color:#fff;
    font-size:12px;
    opacity:1
}
.gritter-item-wrapper.with-icon>.gritter-item{
    padding-left:60px;
    position:relative
}
.gritter-item-wrapper.with-icon>.gritter-item:before{
    color:#fff;
    position:absolute;
    top:15px;
    left:15px;
    font-size:28px;
    font-family:'FontAwesome'
}
/*.gritter-item-wrapper.primary>.gritter-item{
    background-color:rgba(37,116,171,0.9)
}*/
/*.gritter-item-wrapper.success>.gritter-item{
    background-color:rgba(37,157,171,0.9)
}
.gritter-item-wrapper.warning>.gritter-item{
    background-color:rgba(230,173,92,0.9)
}
.gritter-item-wrapper.danger>.gritter-item{
    background-color:rgba(217,83,79,0.9)
}
.gritter-item-wrapper.info>.gritter-item{
    background-color:rgba(91,192,222,0.9)
}*/
.gritter-item-wrapper.with-icon.send-o>.gritter-item:before{
    content:'\f1d9'
}
.gritter-item-wrapper.with-icon.question-circle>.gritter-item:before{
    content:'\f059'
}
.gritter-item-wrapper.with-icon.check-circle>.gritter-item:before{
    content:'\f058'
}
.gritter-item-wrapper.with-icon.exclamation-circle>.gritter-item:before{
    content:'\f06a'
}
.gritter-item-wrapper.with-icon.times-circle>.gritter-item:before{
    content:'\f057'
}

/******** VECTOR MAP */
.jvectormap-label{
    position:absolute;
    display:none;
    border:solid 1px #000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background-color:#292929;
    background-color:rgba(0,0,0,.8);
    color:white;
    font-size:12px;
    padding:4px 10px
}
.jvectormap-zoomin,.jvectormap-zoomout{
    position:absolute;
    left:20px;
    background:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    padding:0;
    font-weight:700;
    font-size:20px;
    color:#aaa;
    width:24px;
    height:24px;
    line-height:20px;
    text-align:center;
    cursor:pointer
}
.jvectormap-zoomin{
    top:20px
}
.jvectormap-zoomout{
    top:43px
}


/* Radius */
.r0{
    border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px 0px 0px 0px !important;
}
.r5{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.r10{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.r15{
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}
.r20{
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
}
.r25{
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}
.r30{
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
}
.r35{
    border-radius: 35px 35px 35px 35px;
    -moz-border-radius: 35px 35px 35px 35px;
    -webkit-border-radius: 35px 35px 35px 35px;
}
.r40{
    border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
}
.r45{
    border-radius: 45px 45px 45px 45px;
    -moz-border-radius: 45px 45px 45px 45px;
    -webkit-border-radius: 45px 45px 45px 45px;
}
.r50{
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
}
/* </-- end Of Radius /*/



/* FLIP */

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {

}

/* Style the back side */
.flip-box-back {
    transform: rotateY(180deg);
}


/*Widget Style*/
.widgets{
    min-height:137px;
    transition: all 0.5s;
    overflow: hidden;
}
.widgets.shadow:hover{
    box-shadow:0 0 3px 1px rgba(29,29,29,0.5);
}
.widgets .visual,.widgets .details{
    float: left;
    width: 50%;
}
.widgets .visual i{
    font-size: 10em;
    opacity: 0.4;
    line-height: .8;
    margin-left: 1rem;
    color: #fff;
    margin-top: 1rem;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
}
.widgets .visual i:after{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    transition-duration: 0.3s;
    transition-property: transform opacity;
}
.widgets:hover .visual i{
    transform: translateY(-6px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.widgets:hover .visual i:after{
    opacity: .6;
    transform: translateY(6px);
    animation-name: shadow;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.widgets .details{
    color:#fff;
    text-align: right;
    padding-right: 2rem;
    padding-top: 1rem
}
.widgets .details .number{
    font-size: 2.6em;
}
.widgets .details .desc{
    font-size: 1.3em;
    font-weight: 100;
    opacity: 0.8;
    line-height: 1;
}
.widgets .more{
    width: 100%;
    display: inline-block;
    height: 30px;
    background-color: rgba(0,0,0,0.05);
    color: #fff !important;
    padding-top: 5px;
    padding-left: 10px;
    transition: all 0.5s;
    text-transform: uppercase;
    opacity: 0.6
}
.widgets .more:hover{
    background-color: rgba(0,0,0,0.07);

}
.widgets .more i{
    margin-right: 1rem;
    margin-top: 2px;
}
.widgets:hover .more{
    opacity: 1
}
.widgets:hover .more i{
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-30px);
    }
    60% {
        transform: translateX(-15px);
    }
}

@keyframes hover {
    50% {
        transform:translateY(-3px);
    }
    100% {
        transform:translateY(-6px);
    }
}
@keyframes shadow {
    0% {
        transform: translateY(6px);
        opacity: .4;
    }

    50% {
        transform: translateY(3px);
        opacity: 1;
    }

    100% {
        transform: translateY(6px);
        opacity: .4;
    }
}
/**widget--End.**/

.inner-container{
    overflow: hidden;
    height: 100%;
    position: relative;
}
/*Cards Style*/
.avatar-card{
    width:22%;
    text-align: right;
    float:left;
    margin-top: 14px;
}
.cards-content-val{
    width:70%;
    text-align: left;
    float:left;
    padding-left: 2rem;
    margin-bottom: 20px;
}
.cards-content-val > a {
    font-size: 1.6em;
}
.cards-content-val p small{
    font-size: 1.2em;
}
/*Cards Style*/
/*input tags*/
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    width: 100%;
    min-height: 46px;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
    margin-top: 8px;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    padding: 7px;
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 5px;

}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    font-size: .8em;
    cursor: pointer;
    position: relative;
    top: -2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*input tags --END.*/
.breadcrumb .breadcrumb-item.custom-style{
    margin-top: 7px;

}
.breadcrumb .breadcrumb-item.custom-style a,.breadcrumb .breadcrumb-item.custom-style span{
    font-size: 1.3em;
}
.breadcrumb .breadcrumb-item h3{
    margin-top: 4px;
    margin-bottom: 5px;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #c9c9c9;
}

/*!
 * Cropper.js v1.5.5
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-08-04T02:26:27.232Z
 */

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    opacity: 0.5;
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
    overflow: hidden;
    width: 100%;
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0;
}

.cropper-center::before,
.cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
}

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
}

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
}

.cropper-line {
    background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: 0.75;
    width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: 0.75;
        width: 5px;
    }
}

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}
.docs-cropped .modal-body > img, .docs-cropped .modal-body > canvas {
    max-width: 100%;
}
.docs-cropped .modal-title{
    width:40%;
    float:left;
}
.docs-cropped .close{
    margin-top: 2px;
    opacity: 1;
    font-size: 25px;
    margin-right: 7px;
}
.docs-cropped .modal-header{
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);

}
.docs-cropped .docs-buttons .btn{
    margin-bottom: 0;
}
.docs-cropped{
    background-color: rgba(0,0,0,0.8);
}
/*gradiant fu*/
ul.grd-color-list {
    margin: 0;
    list-style: none;
    padding: 0;
}
ul.grd-color-list li{
    width: 100%;
    float:left;
}
.gradiant-preview{
    width: 100%;
    height:150px;
}
/*gradiant fu end*/
/*modal Cropper*/

.image-cropper-wrapper{
    position: relative;
    transition: all 0.5s;
    height: inherit;
    border: 2px dashed #d1d1d1;
    background-color: white;
}
.image-cropper-wrapper .progress{
    position: absolute;
    bottom: -1rem;
}
.image-cropper-wrapper:hover{
    background-color: #f0f0f0;
}
.image-cropper-wrapper label{
    cursor: pointer !important;
    height: 115px;
    padding: 0;
}
.image-cropper-wrapper .img-thumbnail{
    background-color: transparent;
    border:none;
    height: inherit;
    padding: 0;
    width: auto;
}
.progress {
    /*display: none;*/
    /*margin-bottom: 1rem;*/
}
.size-box{
    display:inline-block;
    border-radius: .25rem;
}
.size-box div {
    padding: 0 8px;
    display: inherit;
    border: none;
    font-size: 17px;
    margin-top: 3px;
}
.size-box div:last-child{
    margin-right: 0;
    border-left: 1px solid #5eb4f8;
}
.custom-label{
    background-color: transparent;
}
.btn-grp-align-item-wrapper{
    margin-top: 13px;
}
.btn-grp-align-item-wrapper .icon-top-left i,.btn-grp-align-item-wrapper .icon-bottom-right i{
    transform: rotate(-45deg);
}
.btn-grp-align-item-wrapper .icon-top-right i,.btn-grp-align-item-wrapper .icon-bottom-left i{
    transform: rotate(45deg);
}
.btn-grp-align-item-wrapper button{
    margin: 2px;
}
.btn-grp-align-item-wrapper .icon-center-left,.btn-grp-align-item-wrapper .icon-center-center,.btn-grp-align-item-wrapper .icon-center-right{
    width: 40.86px;
    text-align: center;
    padding: 8px 9px 8px 7px !important;
}
.or-seprator{
    width:100%;
    height:1px;
    background-color: #ddd;
    position:relative;
    margin-top: 2rem;
    margin-bottom: 2rem;

}
.or-seprator:after{
    position: absolute;
    content: "Or";
    background-color: #fcfbfb;
    color: #df6868;
    width: 44px;
    height: 44px;
    left: calc(50% - 22px);
    top: calc(50% - 22px);
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    line-height: 1.8;
    border: 1px solid #ddd;
    font-size: 1.7em;
}
/**sortable**/
.editable{
    outline: 2px dashed transparent;
    transition: all 0.5s;
}
.editable:hover{
    outline: 2px dashed red !important;
    position: relative;
    z-index: 1000;
    outline-offset: -3px;
    cursor: alias;
}
.screen{
    margin-top: 2rem;

}
.browser-main-wrapper{
    transform-origin: top;
}
.screen .toolbar{
    background: #E1E0E0;
    height: 35px;
    padding: 0px 0px 0px 11px;
    border-radius: 3px 3px 0 0;
    position: relative;
    display:flex;
    justify-content: center;
}
.screen .toolbar .title i{
    color: #37a272;
    font-size: 1.3em;
    position: absolute;
    cursor:pointer;
    opacity: 0;
    transform: perspective(100px) rotateY(90deg);
    transition: all 0.5s;
    transform-origin: left;
}
.screen .toolbar .title:hover i{
    opacity: 1;
    transform: perspective(100px) rotateY(0deg);
}
.screen .toolbar .title i.editbtn{
    color: #1abc9c;
    transform: perspective(100px) rotateY(0deg) !important;
    opacity: 1;
}
.screen .toolbar .title i.editbtn:before{
    content: '\006c';
}
.screen .toolbar .title >span{
    transition:all 0.5s;
}
.screen .toolbar .title >span.editable-textbox{
    transition: all 0.5s;
    background-color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #bdbdbd;
}
.screen .toolbar .toolbar-icon{
    float:left;
    margin-top: 13px;
    height:13px;
    position: absolute;
    left:1rem;
}
.screen .toolbar .toolbar-icon:after{
    position: absolute;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #888;
    content: '';
    left: 0;
    box-shadow: 16px 0px 0px 0px #888, 32px 0px 0px 0px #888;
}
.screen .toolbar .title {
    width: 100%;
    text-align: center;
    padding-top: 7px;
    float: left;
}
.screen .sortable{
    /*    min-height: 300px;*/
    padding-bottom: 3rem;
}
.screen .sortable:empty{
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    height: 400px;
}
.screen .sortable:empty:after{
    position: absolute;
    content: 'Build your page by dragging elements onto the canvas';
    width: 500px;
    height: 100px;
    background-color: #444;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.container-frame p{
    margin:0;
}
.sortable .sortable-placeholder{
    background-color: #e1f5fe;
    border-color: #2196f3;
}
.wrap{
    /*overflow: hidden;*/
    position: relative;
}
.wrap .cover-bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 150px;
    overflow: hidden;
    box-shadow: 0px -258px 100px -145px #252830 inset;
}
.intro-block .slogan{
    color:#fff;
}
.intro-block .slogan h1{
    font-size: 60px;
    font-weight: 100;
}
.intro-block .slogan p {
    margin: 50px 0 0 0;
    opacity: 0.7;
    font-size: 20px;
}
.container-half {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
}
.content-block {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #252830;
    color:#fff;
}
.content-block  h2{
    font-size: 44px;
    margin: 2rem 0 30px 0;
}
.content-block  p{
    font-size: 1.2em;
}
.content-block.white{
    background-color: #fff;
    color:#000;
}
.wrap .toolbox-wrap{
    position: absolute;
    top: 0;
    left: 100%;
    transition: all 0.5s;
    display: inline-block;
    text-align: left;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}
h1.sub-title, h2.sub-title, h3.sub-title, h4.sub-title {
    color: #00c0ff;
    margin: 0 0 60px 0;
}
.wrap .button-intro-wrapper .btn i{
    margin-left: 1rem;
}
.wrap:hover .toolbox-wrap {
    opacity: 1;
    z-index: 1000;
    visibility: visible;
    transform-origin: top left;
}
.wrap .toolbox-wrap button{
    border-radius: 0;
    width: 100%;
    text-align: center;
    transform: translateX(50px);
}
.wrap:hover .toolbox-wrap button:first-child{
    transform: translateX(0);
    transition: all 0.6s;
}
.wrap:hover .toolbox-wrap button:nth-child(2){
    transform: translateX(0);
    transition: all 0.5s;
}
.wrap:hover .toolbox-wrap button:nth-child(3){
    transform: translateX(0);
    transition: all 0.7s;
}
.wrap:hover .toolbox-wrap button:nth-child(4){
    transform: translateX(0);
    transition: all 0.9s;
}
.wrap .toolbox-wrap button i{
    margin-left: 0;
}
.custom-building-mode{
    margin-top: 1px;
    display: flex;
    align-items: center;
    height: 100%;
}
.wrap .footer-wrapper{
    background-color: #252830;
    padding-top: 80px;
    padding-bottom: 80px;
}
.wrap .social-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.wrap .social-list li{
    display: inline-block;
    margin: 10px 0;
}
.wrap .social-list li{
    transition: all 0.25s ease-out;
    text-decoration: none;
    margin: 0 4px;
}
.wrap .social-list li:hover .default i{
    transform: scale(1.3);

}
.wrap .social-list .btn i{
    margin-left: 0;
}
.wrap .social-list .default i {
    color: #fff;
    opacity: 0.5;
    display: inline-block;
    font-size: 30px;
    margin: 0 10px;
    transition: all 0.2s ease-out;
}
.wrap .social-list .default i:hover {
    opacity: 1;
}
.btn-social.grey .white{
    background-color: #fff;
    color:#415168 !important;
}
.btn-social.grey .white:hover,.btn-social.white .white:hover{
    color:#415168 !important;
}
.wrap .social-list .btn-social{
    border:none;
}
/*Contact us */
.wrap .contact1-section{
    padding-top: 150px;
    padding-bottom: 150px;
}
.wrap .data-list{
    margin: 0;
    padding: 0px;
    list-style: none;
}
.wrap .data-list li{
    padding-left: 45px;
    padding-bottom: 30px;
    position: relative;
    font-size: 17px;
    color: #7b7b7b;
}
.wrap .data-list i{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 150%;
    opacity: 0.4;
}
.wrap .contact1-section .sub-title{
    color: #00c0ff;
    margin: 1.3rem 0 50px 0;
}
.mapouter{
    position:relative;
    text-align:right;
}
.gmap-canvas{
    overflow:hidden;
    background:none!important;
}
.satellite-switch span{
    padding-lefT:0;
}
.zoom-formgroup{
    margin-bottom: 0;
}
.zoom-formgroup .col-form-label{
    padding-top: 1px;
}
.contact-us-2{
    padding-bottom: 150px;
    padding-top: 150px;
    color: #fff;
}
.contact-us-2 .title {
    margin: 0 0 60px 0;
}
.contact-us-2 p{
    font-size: 20px;
}
.contact-us-2 p i{
    font-size: 35px;
}
/*Contact us 1 END*/
/**map Tool Button**/
div[editor-feature="map"]{
    position: relative;
}
div[editor-feature="map"]:after{
    position: absolute;
    content: "\ed16" !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #222 !important;
    border: 1px solid #5a5a5a !important;
    color: #fff !important;
    text-align: center !important;
    left: 5px !important;
    top: 5px !important;
    transform: rotateY(90deg) ;
    cursor: pointer !important;
    z-index: 100 !important;
    opacity: 0 ;
    transition: all 0.5s;
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-size: 3em !important;
    line-height: 1.4 !important;
}
div[editor-feature="map"]:hover:after{
    opacity: 1;
    transform: rotateY(0deg);
}
div[editor-feature="map"]:after:hover{
    background-color: #ddd;
}
/**map END**/
/*Step By Step 1*/
.wrap section .set-bottom {
    margin-bottom: 60px;
}
.wrap section .set-bottom h1{
    margin-bottom: 2rem;
}
.desc-text {
    opacity: 0.7;
}
.wrap section ul.step-center-block li{
    padding-bottom: 70px;
    position: relative;
    list-style: none;
}
.wrap section ul.step-center-block li:last-child{
    padding-bottom: 0;
}
.wrap section ul.step-center-block li:last-child:before{
    display:none;
}
.wrap section ul.step-center-block li:before{
    content: "";
    position: absolute;
    display: block;
    top: 100px;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: #00c0ff;
}
.wrap section ul.step-center-block li:after{
    content: "";
    display: block;
    clear: both;
}
.wrap section ul.step-center-block li .step-num{
    position: absolute;
    height: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: 0;
    border: 1px solid #00c0ff;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
    font-size: 50px;
    font-weight: lighter;
}
.wrap section ul.step-center-block li .step-img{
    float: right;
    width: 40%;

    z-index: 2;
}
.wrap section ul.step-center-block li .step-text{
    float: left;
    width: 40%;
}
.wrap section ul.step-center-block li.reverse .step-img{
    float: left;
}
.wrap section ul.step-center-block li.reverse .step-text{
    float: right;
}
.wrap section.step-by-step.bg-dark{
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #252830;
    color:#fff;
}
.wrap h3.title{
    margin:0 0 30px 0;
}
.wrap section.step-by-step p{
    font-size: 17px;
}
.agency_featured_area{
    padding: 140px 0;
}
.agency_featured_area h2{
    font-size: 30px;
    font-weight: 600;
    color: #222d39;
    line-height: 40px;
}
.agency_featured_area .features_info {
    position: relative;
    padding-bottom: 170px;
}
.agency_featured_area .features_info .dot_img {
    position: absolute;
    left: 0;
    top: 28px;
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.agency_featured_area .agency_featured_item {
    margin-top: 130px;
}
.agency_featured_area img.attachment-full.size-full {
    width: auto;
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.agency_featured_area .agency_featured_item .agency_featured_content {
    position: relative;
    padding-right: 70px;
    padding-left: 70px;
}
.agency_featured_area .dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 161, 39, 0.161);
    display: block;
    position: absolute;
    left: -9px;
    top: 15px;
    z-index: 1;
}
.agency_featured_area .dot .dot1 {
    position: absolute;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #feb85d;
}
.agency_featured_area .dot .dot2 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(254, 184, 93, 0.8);
    -webkit-animation: pulsate 3s infinite;
    animation: pulsate 3s infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: transform;
}
.agency_featured_area img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.agency_featured_area .agency_featured_item .agency_featured_content h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #222d39;
    margin: 32px 0px 25px;
}
.agency_featured_area .agency_featured_item .agency_featured_content p {
    font-size: 15px;
}
.agency_featured_area .agency_featured_item .agency_featured_content .icon-step {
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 50%;
    background-color: #5e2ced;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);
    box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);
    font-size: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.agency_featured_area .agency_featured_item.agency_featured_item_two .agency_featured_content .dot {
    left: 46px;
}
.agency_featured_area .dot.middle_dot.middle_dot4 {
    top: 101%;
}
.agency_featured_area .dot.middle_dot {
    left: 56%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    top: auto;
}
.agency_featured_area .flex-row-reverse{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
}
@-webkit-keyframes pulsate {
    0%{
        opacity:1;
        -webkit-transform:translate(-50%, -50%) scale(0.5);
        transform:translate(-50%, -50%) scale(0.5);
    }
    100%{
        opacity:0;
        -webkit-transform:translate(-50%, -50%) scale(4);
        transform:translate(-50%, -50%) scale(4);
    }
}
@keyframes pulsate {
    0%{
        opacity:1;
        -webkit-transform:translate(-50%, -50%) scale(0.5);
        transform:translate(-50%, -50%) scale(0.5);
    }
    100%{
        opacity:0;
        -webkit-transform:translate(-50%, -50%) scale(4);
        transform:translate(-50%, -50%) scale(4);
    }
}

.process-section-4-wrapper{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 120px 0;
    color:#fff;
}
.process-section-4-wrapper .item {
    position: relative;
    z-index: 4;
}
.process-section-4-wrapper .item.odd {
    margin-top: 50px;
}
.process-section-4-wrapper .item img {
    position: absolute;
    width: 70%;
    right: -40%;
    top: 15px;
    opacity: .5;
}
.process-section-4-wrapper .item img.tobotm {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.process-section-4-wrapper .item .process-icon-wrapper {
    color: #2576FD;
    font-size: 30px;
    width: 80px;
    height: 80px;
    line-height: 85px;
    border-radius: 50%;
    border: 1px dashed #eee;
    margin: auto;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.process-section-4-wrapper .item .cont {
    padding: 50px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.process-section-4-wrapper .item .cont:hover {
    background-color: #1A237E;
}
.process-section-4-wrapper .item .cont:hover h6 {
    color: #fff;
}
.process-section-4-wrapper .item .cont:hover p {
    color: #eee;
}
.process-section-4-wrapper .item h3 {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    color: #777;
    font-size: 50px;
    font-weight: bold;
    opacity: .1;
    z-index: -1;
}
.process-section-4-wrapper .item h6 {
    color: #222;
    font-size: 16px;
    margin-bottom: 15px;
}
.process-section-4-wrapper .item p {
    font-size: 14px;
    color: #999;
}
/*Step By Step 1 End*/
/*Content 3 Style*/
.content-block-3 .title{
    margin: 10px 0 15px 0 !important;
}
.content-block-3 p {
    font-size: 1.14em;
}
/*Content 3 Style END*/
/*Intro Deault Style*/
.wrap .intro-2{
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 150px;
    overflow: hidden;
    z-index: 1;
}
.wrap .intro-2 .button-intro-wrapper .btn{
    padding: 23px 35px;
    margin-right:1rem;
}
.wrap .intro-2 .btn i{
    line-height: 1.3 !important;
}
.wrap .intro-2 .giant-title{
    font-size: 110px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 70px;
}
.wrap .intro-2 .slogan p {
    margin: 50px 0 0 0;
    opacity: 0.7;
}
.wrap .intro-2 .slogan{
    margin-bottom: 2rem;
}
.intor-3{
    padding-bottom: 150px;
    padding-top: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.giant-title {
    font-size: 110px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 70px;
}
.giant-title strong{
    font-weight: 900;
    letter-spacing: -6px;
    font-size: 1.2em;
}
/*Intro 2 Deault Style End*/
/**Number Input Style*/
* {
    box-sizing: border-box;
}

.input-number {
    width: 60px;
    padding: 0 7px;
    vertical-align: top;
    text-align: center;
    outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
    border: 1px solid #ccc;
    height: 38px;
    user-select: none;
}

.input-number-decrement,
.input-number-increment {
    display: inline-block;
    width: 25px;
    line-height: 33px;
    background: #f1f1f1;
    color: #444;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.input-number-decrement:active,
.input-number-increment:active {
    background: #2196f3;
    color: #9f9f9f;
}

.input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0;
}
/**padding view*/
.padding-view,.radius-view,.shadow-view,.border-view,.text-shadow-view,.background-image-view{
    border: 1px dashed #8ab7ec;
    background: #d5e8ff;
    width: 100px;
    margin: auto;
    transition: all 0.5s;
}
.background-image-view{
    height: 100px;
    margin: auto;
    display: flex;
    margin-top: 2rem;
    position: relative;
    background-size:100% !important;
}
.background-image-view:empty:after{
    content: "NO Image";
    position: absolute;
    width: 100%;
    height: 100%;
    color: #898989;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    font-size: 1.2em;
}
.fixed-switch {
    float: right;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
    margin-bottom: 2rem;
    justify-content: center;
}
/*.rounded-switch{
    margin-top:1rem;
}*/
.rounded-switch span{
    padding-left: 0;
}
.radius-view{
    overflow: hidden;
    padding:1rem;
}
.text-shadow-view{
    font-size: 2rem;
    padding: 1rem 0rem;
    width: 150px;
    text-align: center;
    line-height: 1;
    overflow: hidden;
}
.border-view{
    border-width: 0;
    border-style:none;
    border-color: transparent;
}
.padding-view img,.radius-view img,.shadow-view img,.border-view img{
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    padding: 4px 3px;
    vertical-align: middle;
    border: 0;
}
.w-percent-100{
    width:100%;
}
.padding-detail{
    display: none;
}
.padding-detail.active{
    display: block;
}
.padding-box{
    display: block;
}
.padding-box.deactive{
    display: none;
}
.border-detail{
    display: none;
}
.border-detail.active{
    display: block;
}
.border-box{
    display: block;
}
.border-box.deactive{
    display: none;
}
.radius-detail{
    display: none;
}
.radius-detail.active{
    display: block;
}
.radius-box{
    display: block;
}
.radius-box.deactive{
    display: none;
}

.editor-feature-wrapper{
    padding: 0 1rem;
    border-radius: 0;
}
.editor-feature-wrapper .form-control{
    background: #F6F7F9;
    color: #748194;
    height: 2.3rem !important;
    border: none;
    font-size: .9rem;
}
.cus-bt-gr button {
    font-size: 13px;
    padding: 11px 10px 11px;
    color: #748194;
}
.cus-bt-gr-align button {
    font-size: 13px;
    padding: 9px 14px 7px;
    color: #748194;
}
.cus-bt-gr-align button.active,.cus-bt-gr button.active{
    color:#fff;
}
.mini-slid-num .range-slider__value{
    width:40px !important;
}
.mini-slid-num .range-slider__range{
    width: calc(100% - 48px) !important;
    height: 6px  !important;
}
.editor-feature-wrapper .minicolors-input-swatch{
    padding: 0 !important;
    margin: 0 !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 2.3rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    border-color: #f6f7f9  !important;
}
.editor-feature-wrapper .minicolors-swatches li{
    margin: 0.1rem !important;
    border: none;
    border-radius: 2px;
    width: calc(100% / 5.6) !important;
}
.cat-fu-sl-wrap{
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 2px 13px rgba(0,0,0,.03), 0 1px 3px rgba(0,0,0,.02);
    padding:0 1rem;
    height:56px;
    transition: all 0.5s;
    overflow: hidden;
}
.cat-fu-sl-wrap.active{
    height:auto;
    overflow: visible;
}
.cat-fu-sl-wrap.active .cat-header-wrap{
    border-bottom: 1px solid #e9e9e9;
}
.cat-header-wrap{
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub-cat-wrap.non-t-border{
    border-top: none;
}

.cat-header-wrap .h-sub{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.2em;

}
.cat-header-wrap i.fa-chevron-right{
    font-size:.9em;
    transition: all 0.3s;
    position: relative;
}
.cat-header-wrap i.active{
    transform: rotate(90deg);
    top: 2px;
}

.sub-cat-wrap{
    height:56px;
    transition: all 0.5s;
    overflow: hidden;
    border-top: 1px solid #e9e9e9;

}
.sub-cat-wrap.active{
    height:auto;
    overflow: visible;
}
.sw-wrap{
    display: none;
}
.sub-cat-wrap.active .sw-wrap{
    display: block;
}
.cat-fu-sl-wrap.active .sw-wrap{
    display: block;
}
.sub-cat-wrap .cat-header-wrap{
    border-bottom:none !important;
}
.sub-cat-wrap.active .cat-header-wrap{
    border-bottom: 1px solid #e9e9e9 !important;
}
span.seprator-fu-between {
    width: 100%;
    height: 40px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
span.seprator-fu-between i{
    background-color: #f9f9f9;
    font-size: 1.2em;
    position: relative;
    z-index: 10;
    padding: 3px 6px;
    border: 2px dashed #e4e4e4;
    border-radius: 5px;
    color: #2196f3;
    opacity: 0;
    transition: all 0.5s;
    cursor: pointer;
}
span.seprator-fu-between:hover i{
    opacity: 1;
}
span.seprator-fu-between:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    border-left: 2px dashed #d8d8d8;
}
.icon-dropdown-fu:after{
    float: right;
    margin-top: 10px;
}
ul.social-list.horizontal-list {
    display: grid !important;
}
ul.social-list.horizontal-list li {
    margin-bottom: 15px !important;
}
.social-list-wrapper button{
    margin-top:4px;
}
.d-flex{
    display:flex;
}
.d-flex-j-around{
    display: flex;
    justify-content: space-around;
}
.d-flex-self-start{
    align-self: flex-start;
}
.d-align-start{
    display:flex;
    align-items: flex-start !important;
}
.d-align-center{
    display:flex;
    align-items:center;
}
.d-flex-column-between-a-center{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.d-flex-column-between-a-center-end{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.d-flex-aligns-start{
    display:flex;
    align-items: flex-start !important;
}
.d-flex-justify-start{
    display:flex;
    justify-content: flex-start !important;
}
.d-flex-btn-group{
    display:flex;
    justify-content: flex-end;
}
.d-flex-col-reverse{
    display:flex;
    flex-direction: column-reverse;
}
.ws-break{
    white-space: break-spaces !important;
}
.link-controller-wrapper{
    padding-top: 1rem;
}
.icon-preview{
    font-size: 40px;
}
.bg-remove-btn{
    margin-left: 2.6rem;
    margin-top: 1rem;
}
.cropper-thumbnail{
    background-color: transparent;
    border: none;
    max-height: 100%;
    max-width: 100%;
}
.x-1 {
    font-size: 10px;
}

.x-2 {
    font-size: 20px;
}

.x-3 {
    font-size: 30px;
}

.x-4 {
    font-size: 40px;
}

.x-5 {
    font-size: 50px;
}

.x-6 {
    font-size: 60px;
}

/*Modal X larg*/
@media (min-width:992px){
    .modal-xl{
        max-width:800px
    }
}
@media (min-width:1200px){
    .modal-xl{
        max-width:1140px
    }
}


/*gradiant picker*/
.grp-wrapper{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")
}
.grp-preview{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:crosshair
}
.grp-handler{
    z-index: 100;
    width:4px;
    margin-left:-2px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    height:100%
}
.grp-handler-close{
    line-height: 14px;
    font-size: 19px;
    color:rgba(0,0,0,0.4);
    border-radius:100%;
    box-shadow:0 2px 10px rgba(0,0,0,0.25);
    background-color:#fff;
    text-align:center;
    width:15px;
    height:15px;
    margin-left:-5px;
    line-height:10px;
    font-size:21px;
    cursor:pointer
}
.grp-handler-close-c{
    position:absolute;
    top:-17px
}
.grp-handler-drag{
    background-color:rgba(0,0,0,0.5);
    cursor:col-resize;
    width:100%;
    height:100%
}
.grp-handler-selected .grp-handler-drag{
    background-color:rgba(255,255,255,0.5)
}
.grp-handler-cp-c{
    display:none
}
.grp-handler-selected .grp-handler-cp-c{
    display:block
}
.grp-handler-cp-wrap{
    width:15px;
    height:15px;
    margin-left:-8px;
    border:3px solid #fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.25);
    overflow:hidden;
    border-radius:100%;
    cursor:pointer
}
.grp-handler-cp-wrap input[type=color]{
    opacity:0;
    cursor:pointer
}
.grapick-cont {
    padding: 25px 15px;
    width: 100%;
    height: auto;
    padding-bottom: 0;
}
.background-image-controller-wrapper,.bg-color-controller-wrapper,.gradiant-controller-wrapper,.gradiant-list-controller-wrapper,.video-background-controller-wrapper{
    /*    display: none; */
}
.background-image-controller-wrapper.active,.bg-color-controller-wrapper.active,.gradiant-controller-wrapper.active,.gradiant-list-controller-wrapper.active,.video-background-controller-wrapper.active{
    /*    display: block;*/
}

.grp-preview {
    border-radius: 3px;
}
/*gradiant picker END*/
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
    position:relative;
    width: 100%;
    display:inline-block;
}
.sp-top-inner {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}
.button-icon-wrapper{
    /*display: none;*/
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
*/
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
    content: "";
    display: table;
}
.sp-cf:after {
    clear: both;
}
.sp-cf {
    *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color {
        right: 40%;
    }
    .sp-hue {
        left: 63%;
    }
    .sp-fill {
        padding-top: 60%;
    }
}
.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    cursor: pointer;
    position:absolute;
    top:0;
    left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background:transparent;
    border-radius: 3px;
    color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: none;
    background:transparent;
    color: #333;
    vertical-align: middle;
    margin-left: -11px;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
    display: none;
}
.sp-preview {
    position:relative;
    width:20px;
    height: 20px;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
    border-radius: 100%;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
    background-color: #eeeeee;
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 5px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;

}
.sp-preview-inner{
    border-radius: 100%;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

/*Color Picker End**/
.gradiant-list .dropdown-toggle::after{
    display: none;
}
/*portfolio-1*/
.portfolio-1-wrapper{
    background-color: #f0f0f0;
    padding-top: 150px;
    padding-bottom: 150px;
}
.portfolio-1-wrapper .post{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.portfolio-1-wrapper .post .post-media{
    padding: 5px 5px 0px;
}
.portfolio-1-wrapper .post .post-content{
    position: relative;
    padding: 25px;
    padding-bottom: 20px;
}
.portfolio-1-wrapper .post .post-content h4:first-child{
    margin-top: 0;
}
.portfolio-1-wrapper .post .post-content .price-circle {
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -40px;
    color: rgb(255, 255, 255);
    text-align: center;
    height: 80px;
    width: 80px;
    font-size: 20px;
    line-height: 1;
    background: #e91f63;
    border-radius: 50%;
    padding: 0 5px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio-1-wrapper .post .post-content p:last-child {
    margin-bottom: 0px;
}
.portfolio-1-wrapper .post .post-content .btn{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
/*portfolio-1 END*/
.img-uload-previw{
    width: 70px;
    height: 50px;
    margin-right: 1rem;
    border-radius: 8px 0 0;
}
.slider-image-list{
    margin:0;
    padding:0;
    list-style: none;
}
.slider-image-list li{
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 0;
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    transition: all 0.5s;
}
.slider-image-list li.button-row {
    background-color: transparent;
    border-radius: 0;
    height: 28px;
    margin-bottom: 0;
}
/*.slider-image-list li.active{
    height: 260px;
    transition: all 0.5s;
}*/
.slider-image-list li.active-one{
    height: 205px !important;
    transition: all 0.5s;
}
.slider-image-list li.active-sec{
    height: 152px !important;
    transition: all 0.5s;
}
.slider-image-list li.active .slider-edit-first-row{
    /*    border-bottom: 1px solid #e6e6e6;*/
}
.slider-image-list li .slider-edit-first-row {
    width: 100%;
    float: left;
}
.slider-image-list .content-title{
    float: left;
    width: 40%;
    margin-top: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slider-image-list.onlytext .content-title{
    width: 60%;
    padding-left: 1rem;
}
.slider-text-list .content-title{
    float: left;
    width: 70%;
    margin-top: 15px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 20px;
    padding-bottom: 15px;
}
.slider-text-list li.active{
    height: 205px;
    transition: all 0.5s;
}
.slider-text-list li.active .fa-edit{
    color:#1f1f1f !important;
}
.slider-text-list li.active-one{
    height: 155px !important;
    transition: all 0.5s;
}
.slider-text-list li.active-one .fa-edit{
    color: grey;
}
.slider-text-list li.active-sec{
    height: 51px !important;
    transition: all 0.5s;
}
.slider-image-list li .slider-edit-secound-row{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.slider-image-list li i.fa-trash,.slider-image-list li i.fa-edit  {
    float: right;
    font-size: 1.7em;
    margin-top: 14px;
    margin-right: 15px;
    cursor: pointer;
}
.slider-image-list li i.fa-edit{
    margin-top: 16px;
}
.carousel-control.deactive{
    display: none;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}
.alt-image-wrapper {
    margin-top: 6px;
}

.alt-image-wrapper input{
    float: left;
    margin-right: 5px;
}
.wrap .btn i {
    margin-left: 1rem;
}
.drag-helper{
    height: 100px;
    width: 300px;
    background: #fafafa;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    text-align: center;
    line-height: 100px;
    font-size: 28px;
    color: #00baff;

}
/*benefits-1 Style*/
.benefits-1-wrapper{
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #252830;
    color: #fff;

}
.benefits-1-wrapper p{
    font-size: 16px;
    font-weight: lighter;
    line-height: 1.5;
}
.benefits-1-wrapper .screen {

    margin-top: 0;
}
.benefits-1-wrapper ul{
    margin:0;
    padding:0;
    list-style: none;
    margin-top: 2rem;
}
.benefits-1-wrapper .item-list-right li {
    padding: 0 75px 60px 45px;
    text-align: right;
}
.benefits-1-wrapper  .item-list-left li {
    padding: 0 45px 60px 75px;
    text-align: left;
}
.benefits-1-wrapper .item-list-right li,.benefits-1-wrapper .item-list-left li {
    position: relative;
}
.benefits-1-wrapper .item-list-right li i,.benefits-1-wrapper .item-list-left li i {
    font-size: 48px;
    position: absolute;
    display: inline-block;
    top: 0;
    color: #00c0ff;
}
.benefits-1-wrapper .item-list-right li i{
    right: 0;
}
.benefits-1-wrapper .item-list-left li i{
    left: 0;
}
.benefits-1-wrapper .item-list-right h3,.benefits-1-wrapper .item-list-left h3 {
    margin: 0 0 25px 0;
}
.benefits-1-wrapper .item-list-right p,.benefits-1-wrapper .item-list-left p {
    opacity: 0.8;
}
.benefits-1-wrapper .item-list-right li:last-child,
.benefits-1-wrapper .item-list-left li:last-child  {
    padding-bottom: 0 !important;
}
/*Benefit 2 style*/
.benefits-collapse-right-2{
    padding-top: 150px;
    padding-bottom: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
.benefits-collapse-right-2 .panel i{
    margin-right:10px;
    font-size: 23px;
}
.benefits-collapse-right-2 .title{
    margin: 0 0 60px 0;
    font-size: 45px;
}
.benefits-collapse-right-2 p{
    font-size: 16px;
}
.benefits-collapse-right-2 .panel{
    background-color: #202229;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.benefits-collapse-right-2 .panel a.panel-heading{
    border-color: rgba(255, 255, 255, 0.2);
    display: block;
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: bold;
    padding: 20px 60px 20px 25px;
    color: #00c0ff;
    text-align: left;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.benefits-collapse-right-2 a.panel-heading.collapsed:after {
    top: 25px;
    border: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
a.panel-heading:after {
    content: "";
    display: block;
    position: absolute;
    top: 31px;
    right: 25px;
    height: 10px;
    width: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
}
.benefits-collapse-right-2 .panel .panel-body{
    padding: 40px;
}
/*benefits-1 Style END*/
/*Navigation 1 Style*/
.nav-1-wrapper{
    background-color: #252830;
    border-radius: 0;
}
@media (max-width: 767px) {
    .navbar-toggleable-sm {
        clear: both;
    }
}
/*Navigation 1 Style END*/
.dosenot-find-icon{
    /*    display: none;*/
    border: 1px solid #8b8b8b;
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
    font-size: 17px;
    background-color: darkgray;
    font-weight: bold;
    text-transform: uppercase;
    color: #cdcdcd;
    margin: 0 1rem 20px;
}
.dosenot-find-icon p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
    text-transform: lowercase;
}
nav .info-header {
    font-size: 20px;
    line-height: 60px;
    float: right;
}
nav .info-header > div{
    float: left;
    margin-right: 10px;
}
nav .info-header > div span{
    font-weight: bold;
}
.nav-4-wrapper li{
    display: inline-block;
    padding-top: 5px;
}
.nav-4-wrapper li a{
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    text-decoration: none;
    outline: none;
    background: inherit;
    color:#fff;
}
.nav-4-wrapper .navbar-toggler{
    z-index: 100000;
    position: relative;
    margin: auto;
    float: none !important;
    display: flex;
    justify-items: center;
    color: #fff;
    padding-top: 1rem;
}

.nav-4-wrapper .in li,.nav-4-wrapper .collapsing li{
    text-align: center;
    width: 100%;
}
/*Download Section Style */
.download-1-center-app{
    background-color: #00c0ff;
    padding-bottom: 150px;
    padding-top: 150px;
    color:#fff;
}
.download-4-section .contain-bg img{
    max-height: 75%;
    max-width: 69%;
    margin-top: 6rem;
}
.download-4-section .btn{
    color: #fff !important;
    font-size: 1rem;
    font-weight: bold;
}
.download-4-section .btn i{
    margin-left: 0 !important;
}
/*.download-1-center-app .sep-bottom {
    margin-bottom: 60px;
}*/

.download-1-center-app .btn i{
    margin-left:0;
}
.big-title {
    font-size: 70px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 70px;
    margin-top: 2rem;
}
.big-title strong {
    font-weight: 900;
    font-size: 1.3em;
    letter-spacing: -4px;
}
.icon-wrapper i{
    font-size:7em;
}
.download-1-center-app .download-btn{
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #000;
    color: #fff;
    overflow: hidden;
    text-align: left;
    padding: 15px 25px 12px 25px;
    font-size: 13px;
    line-height: 1.1;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-top: 2px;
    transition: all 0.5s;
}
.download-1-center-app .download-btn:hover {
    background-color: #333;
}
.download-btn i {
    font-size: 40px;
    position: relative;
    float: left;
}
.download-btn span {
    float: left;
    margin-left: 15px;
}
.download-btn b {
    display: block;
    padding-top: 4px;
    font-size: 25px;
    font-weight: lighter;
    white-space: nowrap;
}
.download-2-center-app{
    padding-bottom: 150px;
    padding-top: 150px;
    color:#fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.download-2-center-app .btn i{
    margin-left:0;
}
.download-2-center-app .btn{
    padding:24px 40px;
}
.download-3-center-app{
    padding-bottom: 150px;
    padding-top: 150px;
    color: #222;
    border-bottom: 1px solid #e8e8e8;
}
.sep-bottom {
    margin-bottom: 60px;
}
.download-3-center-app .marker-arrow-up {
    display: inline-block;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 125px;
}
/*Download Section Style End*/
/*footer Style*/
.footer-2{
    padding-bottom: 80px;
    padding-top: 80px;
}
.footer-2 img.logo {
    float: left;
    margin: 0 20px 0 0;
}
.footer-2 .footer-logo-container{
    width: 45px;
    float: left;
    padding-right: 6px;
}
.footer-2 .footer-logo-container img{
    border-radius: 8px;
}
.footer-list-subscribe{
    padding-top: 80px;
    padding-bottom: 80px;
    color:#fff;
}
.footer-list-subscribe h4{
    font-size: 20px;
    margin-bottom: 1rem;
}
.footer-list-subscribe .links-list{
    margin:0;
    padding: 0;
    list-style: none;
}
.footer-list-subscribe .links-list li{
    font-size: 14px;
    padding-bottom: 10px;
}
.footer-list-subscribe form.line-form{
    border:none;
}
.footer-list-subscribe form.line-form .form-control {
    background: #fff;
    padding: 20px 25px;
    border-right: none;
    border-left: none;
}
.footer-list-subscribe form.line-form > div:first-child .form-control {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #eee;
}
.footer-list-subscribe form.line-form button{
    border: 1px solid #eee;
    height: 62px;
    font-size: inherit;
    line-height: 24px;
    padding: 20px 25px;
    border-radius: 0 3px 3px 0;
    border-left: none;
    margin: 0;
    background-color: #fff;
    color: #00c0ff;
}
.footer-list-subscribe form.line-form button i {
    font-size: 24px;
    margin-right:auto;
    margin-left: auto;
}
.footer-list-subscribe .footer-logo-container{
    width: 50px;
}
/*footer Style END*/
/*Step By Step 2*/
.steps-left
{
    padding-top: 150px;
    padding-bottom: 150px;
    font-size: 17px;
}
.steps-left ul.step-left-block {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.steps-left ul.step-left-block li {
    padding-left: 150px;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
}
.steps-left h1{
    margin: 0 0 30px 0;
}
.steps-left ul.step-left-block li:before {
    content: "";
    position: absolute;
    display: block;
    top: 100px;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: #00c0ff;
}
.steps-left ul.step-left-block li:before {
    left: 50px;
}
.steps-left ul.step-left-block li:after {
    content: "";
    display: block;
    clear: both;
}
.steps-left ul.step-left-block li .step-num {
    position: absolute;
    height: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: 0;
    border: 1px solid #00c0ff;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
    font-size: 50px;
    font-weight: lighter;
    color: #00c0ff;
}
.steps-left ul.step-left-block li .step-num {
    left: 0;
    margin-left: 0;
}
.steps-left ul.step-left-block li .step-img {
    float: left;
    width: 40%;
    margin-right: 8%;
}
.steps-left ul.step-left-block li .step-text {
    width: 50%;
    float: left;
}
.steps-left ul.step-left-block li .step-text .title{
    margin:0 0 30px 0;
}
.steps-left ul.step-left-block li:last-child {
    padding-bottom: 0;
}
.steps-left ul.step-left-block li:last-child:before{
    display:none;
}

/*Step By Step 2 END*/
/*Diagram*/
.diagram-1{
    padding-bottom: 150px;
    padding-top: 150px;
    color:#fff;
}
.diagram-1 .chart {
    background: conic-gradient(#32a6ff 4%, #50df53 0 8%, #ff9c00 0 17%, #fc4848 0 48%, #97bd9e 0 54%, #96588d 0);
    border-radius: 50%;
    width: 100%;
    height: 0;
    padding-top: 100%;
    float: left;
    padding-right: 20px;
    box-shadow: 2px 1px 16px -6px #000;
}

.diagram-1 .key {
    width: 100%;
    float: right;
    list-style: none;
    display: inline-block;
    color: #fff;
    border: 2px solid #3a3f4b;
    padding: 2rem;
    margin-bottom: 0;
}
.diagram-1 .key > li {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
    align-items: center;
}
.diagram-1 .key li:last-child{
    margin-bottom: 0;
}
.diagram-1 .key > li > * {
    display: inline-block;
}
.diagram-1 .key li .red{
    background-color: #dfc1ff;
}
.diagram-1 .key li .gray{
    background-color: #d19cff;
}
.diagram-1 .key li .purple{
    background-color: #b166ff;
}
.diagram-1 .key li .blue{
    background-color: #524167;
}
.diagram-1 .key li .yellow{
    background-color: #97bd9e;
}
.diagram-1 .key li .orange{
    background-color: #96588d;
}
.diagram-1 .percent {
    color: #fff;
    padding: 10px 2px;
    text-shadow: 0 0 1px #000;
    text-align: center;
    width: 55px;
    height: 45px;
    margin: 0 5px;
    border-radius: 12px;
    overflow: hidden;
    float: left;
}
.diagram-1 .choice {
    padding-left: 10px;
    width: 70%;
}
.diagram-1 .key li .percent:first-child{
    border-radius: 12px;
}
.diagram-1 .key li .percent:nth-child(2){
    background-color: #797979;
}
.diagram-controller-wrapper .list-item{
    padding: 8px 16px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    margin-bottom: 5px;
}
.diagram-controller-wrapper .list-item .list-body div{
    border-radius: 3px;
    margin-left: 4px;
}
.diagram-controller-wrapper .list-item .list-body label{
    padding: 6px 7px;
    position: relative;
    background-color: rgb(120, 130, 140);
}
.diagram-controller-wrapper .list-item .list-body label:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: inherit;
    left: -4px;
    top: calc(50% - 5px);
    border-radius: 2px;
}
.diagram-controller-wrapper .list-item .list-body strong {
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.diagram-bar{
    padding-top: 100px;
    padding-bottom: 100px;
    color: #000;
}
.diagram-3{
    color: #aeaeae;
}
.diagram-3 h3{
    color: #fff;
}
.diagram-3 .sub-title{
    margin-bottom: 1rem;
}
.diagram-bar .diagram.bar ul,.diagram-bar .diagram-horizontal ul{
    border: 1px solid rgba(215, 215, 215, 0.3);
}
.sep-half-bottom {
    margin-bottom: 30px;
}
.diagram.bar ul,.diagram-horizontal ul{
    background-image: url("../../images/pattern-bg5.png");
    background-repeat: repeat;
    background-size: auto;
    background-position: bottom;
    padding: 50px 30px 30px 30px;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: table;
    width: 100%;
    list-style: none;
}
.col-md-6  .diagram.bar ul li {
    width: 20%;
}

.col-md-12 .diagram.bar ul li {
    width: 10%;
}
.col-md-12 ul.key{
    margin-top: 0;
}
.col-md-12 .key > li {
    display: flex;
    width: 50%;
    margin-bottom: 12px;
    align-items: center;
    float: left;
}
.diagram-horizontal ul li{
    position: relative;
    padding-bottom: 5px;
    float: left;
    clear: left;
    width: 100%;
}
.diagram-horizontal ul li span.column{
    margin-left: 0;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}
.diagram-horizontal ul li span.column span{
    color: #fafafa;
    padding: 2px 5px;
    text-align: right;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;

    transition:all 2s ease;
}
.diagram-horizontal ul li span{
    display: block;
    position: relative;
}
.diagram-horizontal ul li span.name{
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    float: left;
    padding-top: 0;
    bottom: 0;
    margin-right: 10px;
    font-weight: bold;
    background-color: gray;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    padding: 0 6px;
}
.diagram-horizontal ul li span.text{
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    float:left;
    padding-top: 10px;
    bottom: 0;
    padding-right: 10px;
    font-weight: bold;
    text-align: left;
}
.diagram.bar ul li{
    width:20%;
    transition: all 0.5s;
    display: table-cell;
    text-align:center;
    height:100%;
    vertical-align: top;

}
.diagram.bar ul li .column{
    height: 300px;
    font-size: 11px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width:40%;
    margin: 0 5%;
    transition: all 0.5s;
}
.diagram.bar ul li span.text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80px;
    margin: auto;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.diagram.bar ul li span{
    display: block;
    position: relative;
    text-align: center;
}
.diagram.bar ul li span.name{
    font-weight: bold;
    padding:10px 2px 0 2px;
}
.diagram.bar ul li .column span{
    color:#fafafa;
    line-height: 25px;
    width:100%;
    display: block;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 10px;
    transition: all 0.5s;
}
.flex-item-center{
    display: flex;
    align-items: center;
}
/*Diagram END*/
/*Intro with slider style*/
.intro-slider{
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}
.intro-slider .carousel-control{
    background: transparent !important;
    cursor: pointer;
}
.intro-slider .carousel-control.astac{
    width:auto;
}

.intro-slider .carousel-control .glyphicon{
    font-size: 32px;
}
.intro-slider .container{
    position: static;
}
.carousel,.carousel-inner,.carousel-item{
    height:inherit;
}


.fade-carousel .carousel-inner .carousel-item .carousel-caption {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;

}
.fade-carousel .carousel-inner .carousel-item.active .carousel-caption.full-center-def{
    bottom:24%;
}
.fade-carousel .carousel-inner .carousel-item .carousel-caption.full-center-def{
    display: flex;
    align-items: center;
    flex-direction:column;
    left:0;
    right:0;
    padding-top: 30%;
}
.fade-carousel .carousel-inner .carousel-item .carousel-caption.full-center-def h3,
.fade-carousel .carousel-inner .carousel-item .carousel-caption.full-center-def p
{
    text-align: center;
}
.fade-carousel .carousel-inner .carousel-item .carousel-caption.static{
    position: relative;
    left:0;
}
.fade-carousel .carousel-inner .carousel-item.active .carousel-caption {
    opacity: 1;
    bottom: 40%;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .carousel-item.active .carousel-caption h3{
    top: 0;
    -webkit-transition: 1s all ease-in-out .1s;
    -moz-transition: 1s all ease-in-out .1s;
    -ms-transition: 1s all ease-in-out .1s;
    -o-transition: 1s all ease-in-out .1s;
    transition: 1s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .carousel-item.active .carousel-caption p{
    top: 0;
    -webkit-transition: 1.5s all ease-in-out .1s;
    -moz-transition: 1.5s all ease-in-out .1s;
    -ms-transition: 1.5s all ease-in-out .1s;
    -o-transition: 1.5s all ease-in-out .1s;
    transition: 1.5s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .carousel-item.active .carousel-caption a{
    opacity: 1;
    -webkit-transition: 3s all ease-in-out .1s;
    -moz-transition: 3s all ease-in-out .1s;
    -ms-transition: 3s all ease-in-out .1s;
    -o-transition: 3s all ease-in-out .1s;
    transition: 3s all ease-in-out .1s;
}
.carousel-caption h3{
    font-size: 4em;
    text-align: left;
    top: 6rem;
    position: relative;
}
.carousel-caption p{
    font-size: 1.6em;
    text-align: left;
    position: relative;
    top: 6rem;
}
.carousel-caption a{
    float:left;
    clear: left;
    opacity: 0;
    position: relative;
    color: #fff;
}
/*Intro with slider style END*/
/*testimonials-slider 1 Style*/
.testimonials-slider{
    background-color: #252830;
    padding-bottom: 150px;
    padding-top: 150px;
    color:#fff;
}
.testimonials-slider .container{
    position: static;
}
.testimonials-slider .carousel-control{
    width: 50%;
    height: 40px;
    bottom: 0;
    background-color: #252830;
    top: auto;
}
.testimonials-slider-left-icon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.5s;
}
.testimonials-slider-left-icon .screen{
    font-size: 28px;
    display: inline-block;
    margin-bottom: 30px;
    max-width: 100%;
    height: auto;
}
.testimonials-slider-left-icon h4{
    line-height: 1.6;
    color: inherit;
    font-size: 28px;
}
.testimonials-slider-left-icon small{
    display: block;
    margin-top: 30px;
    color: inherit;
    opacity: 0.5;
}
.testimonials-section-4{
    padding: 140px 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    color:#fff;
}
.testimonials-section-4 .item-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.testimonials-section-4 .item-box .quote {
    width: 60px;
    margin: 0 auto 30px;
    opacity: .3;
    display: inline-block;
}
.testimonials-section-4 .item-box p {
    font-size: 14px;
    color: #999;
    font-weight: 300;
    word-spacing: 2px;
}
.testimonials-section-4 .item-box .testimonials-info {
    text-align: left;
    margin: 30px 0 15px;
}
.testimonials-section-4 .item-box .testimonials-info .author-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}
.testimonials-section-4 .item-box .testimonials-info .cont {
    margin-left: 60px;
}
.testimonials-section-4 .item-box .testimonials-info h6 {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
}
.testimonials-section-4 .item-box .testimonials-info span {
    font-size: 12px;
    font-weight: 400;
    color: #777;
}
.testimonials-section-4 .owl-dot span{
    border: none;
    background-color: #fff;
}
.testimonials-section-4 .owl-dot.active span {
    background-color: #1A237E;
}
/*testimonials-slider 1 Style END*/
/*Counter 1 Style*/
.counter{
    /*    padding-bottom: 150px;
        padding-top: 150px;*/
}
.facts-block{
    color:#fff;
}
.facts-block i {
    display: block;
    font-size: 64px;
    padding-bottom: 20px;
    opacity: 0.4;

}
.facts-block h3 {
    font-size: 80px;
    margin: 0 0 10px 0;
    line-height: 1;
}
.facts-block h4 {
    margin: 0;
}
.counter-section-2{
    padding-top: 6rem;
    padding-bottom: 4.5rem;
}
.counter-section-2 .counter-wrapper{
    text-align: center;
}
.counter-section-2 .counter-wrapper .cell {
    width: 8rem;
    margin-right: 2.5rem;
    margin-left: 2.5rem;
    display: inline-block;
}
.counter-section-2 .counter-wrapper .cell .counter-value{
    font-weight: 700;
    font-size: 4.25rem;
    line-height: 4.5rem;
    color: #f1f1f8;
}
.counter-section-2 .counter-wrapper .cell .counter-info{
    margin-bottom: 0;
    color: #00c9db;
    font-weight: 400;
    font-size:  0.875rem;
    line-height: 1.25rem;
    vertical-align: middle;
}
/*Counter 1 Style END*/
/*datepicker*/
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.input-group.date input{
    width:80%;
}
/*datepicker END*/
/*Coming Soon 1 Style*/
.counter-item-list li span{
    display: block;
    font-size: 4.5rem;
    transition: all 0.5s;
}
.counter-item-list li span.puls{
    opacity: 0.7;
    -webkit-animation: pulse .9s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse .9s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse .9s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse .9s infinite cubic-bezier(0.66, 0, 0, 1);
}
.coming-soon-1-wrapper .counter-item-list{
    padding: 6rem 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 18px;
}
.coming-soon-1-wrapper .counter-item-list li{
    background-color: rgb(61, 61, 61);
    color: rgb(255, 255, 255);
    border-radius: 20px;
    text-shadow: rgb(0, 0, 0) 1px 3px 2px;
    box-shadow: 0px 0px 6px -2px #000 inset;
    margin: 0 5px;
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 1em 1.6rem;
    text-transform: uppercase;
}
.coming-soon-1-wrapper h1.head{
    font-size: 48px;
    margin-bottom: 50px;
    font-weight: bold;
}
.coming-soon-1-wrapper{
    color:#222;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@-webkit-keyframes pulse {
    to {
        opacity:1;
    }
}
@-moz-keyframes pulse {
    to {
        opacity:1;
    }
}
@-ms-keyframes pulse {
    to {
        opacity:1;
    }
}
@keyframes pulse {
    to {
        opacity:1;
    }
}

.coming-soon-2-wrapper .intro-slider{
    height:100%;
}
.coming-soon-2-wrapper .intro-slider .carousel-inner>.carousel-item>img{
    height:100%;
}
.coming-soon-2-wrapper .coming-soon-1-wrapper{
    padding: 2rem 3rem;
    height: 100%;
}
.coming-soon-2-wrapper .coming-soon-1-wrapper h1.head{
    clear:left;
    font-family: tohma;
    font-style: italic;
    font-weight: bolder;
    margin-top: 15rem;
    text-align: right;
    font-size: 4.5em;
    margin-bottom: 10px;
}
.coming-soon-2-wrapper .coming-soon-1-wrapper p{
    text-align: right;
    font-size: 1.7em;
    font-weight: bold;
    color: #ccc;
    letter-spacing: 1px;
    margin-top: 1rem;
}
.coming-soon-2-wrapper .coming-soon-1-wrapper .counter-item-list{
    padding: 1rem 0;
    background-color: transparent;
    border-radius: 0;
}
.coming-soon-2-wrapper .coming-soon-1-wrapper .counter-item-list li{
    background-color: rgb(255, 255, 255);
    color: rgb(9, 9, 9);
    border-radius: 20px;
    text-shadow: none;
    box-shadow: 1px 2px 6px -1px #e1e1e1;
    margin: 0 8px;
    display: inline-block;
    font-size: 1.1em;
    list-style-type: none;
    padding: 1em 1.3rem;
    text-transform: uppercase;
}
.coming-soon-2-wrapper .facts-block i{
    font-size: unset;
    opacity: 1;
}
.coming-soon-2-wrapper .social-list{
    margin-top: 12rem;
}
/*Coming Soon 1 Style END*/
/*accordion-controller-wrapper*/
.accordion-controller-wrapper ul.accordion-item-list {
    list-style: none;
    width: 100%;
    padding: 0;
    margin:0;
}
.accordion-controller-wrapper ul.accordion-item-list li {
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 6px;
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
    transition: all 0.5s;
}
.accordion-controller-wrapper ul.accordion-item-list li.button-row{
    background-color: transparent;
    border-radius: 0;
}
.accordion-controller-wrapper .preview-section {
    width: 100%;
    height: 100%;
}
.accordion-controller-wrapper ul.accordion-item-list li i.fixed-trash,
.accordion-controller-wrapper ul.accordion-item-list li i.fixed-edit {
    float: right;
    font-size: 1.7em;
    margin-top: 9px;
    margin-bottom: 8px;
    margin-right: 15px;
    cursor: pointer;
}
.accordion-controller-wrapper ul.accordion-item-list li i.fixed-edit {
    margin-top: 10px;
}
.accordion-controller-wrapper ul.accordion-item-list .preview-section .left-side-content{
    float: left;
    width: 70%;
    display: inline-block;
    margin-top: 11px;
    margin-left: 11px;
}
.accordion-controller-wrapper ul.accordion-item-list .preview-section .left-side-content i{
    margin-right: 8px;
    font-size: 15px;
    display: inline-block;
    float: left;
    margin-top: 3px;
}
.accordion-controller-wrapper ul.accordion-item-list .preview-section .left-side-content span{
    width: 70%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.accordion-controller-wrapper ul.accordion-item-list .edit-section {
    clear: left;
    width: 100%;
    float: left;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    padding: 1rem;
}
.accordion-controller-wrapper ul.accordion-item-list .edit-section button i{
    margin-right:4px;
}
/*accordion-controller-wrapper END*/
*[editor-feature]{
    position:relative;
    z-index: 2;
}
*[editor-feature]:hover:after,.cropper-hover:after{
    padding: 4px 6px;
    position: absolute;
    top: 0;
    opacity: 1;
    right: 100%;
    background-color: #101010;
    color: #cbcbcb;
    border-radius: 5px;
    content: attr(editor-feature);
    text-shadow: 1px 1px 0px #282828;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 10000;
    height: 21px;
    line-height: 1.3;
    font-family: 'Roboto', sans-serif;
}
.deactive-after[editor-feature]:hover:after,.deactive-after:after{
    display: none !important;
}
.cropper-hover:after{
    content: "Cropper";
}

/*testimonial 3 Style*/
.testimonials-grid-left{
    background-repeat: repeat;
    background-size: auto;
    background-position: center;
    background-color: #252830;
    padding-bottom: 150px;
    padding-top: 150px;
}
.testimonials-grid-left .title{
    margin:0 0 60px 0;
    color:#fff;
}
.testimonials-grid-left .quote{
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 30px;
    background: #fff;
}
.testimonials-grid-left .quote i{
    border-radius: 50%;
    font-size: 28px;
    display: inline-block;
    margin-bottom: 30px;
}
.testimonials-grid-left .quote small {
    display: block;
    margin-top: 30px;
    color: inherit;
    opacity: 0.5;
}
/*testimonial 3 Style END*/
/*Pricing tables 1 Style*/
.price-3col-image{
    padding-top: 150px;
    padding-bottom: 150px;
}
.price-3col-image .title {
    margin: 0 0 60px 0;
}
.price-3col-image .pricing-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-bottom: 1rem;
    height: 100%;
}
.price-3col-image .pricing-table h4 {
    display: block;
    padding: 40px 0;
    margin: 0;
    font-weight: bolder;
}
.price-3col-image .pricing-table span.clean {
    padding-bottom: 0;
}
.price-3col-image .pricing-table span small {
    opacity: 0.5;
    font-weight: normal;
    font-size: 14px;
}
.price-3col-image .pricing-table span {
    display: block;
    font-weight: bold;
    font-size: 50px;
    padding: 40px 0;
}
.price-3col-image .pricing-table p {
    margin: 50px 35px;
}
.price-3col-image .pricing-table .btn {
    display: block;
    margin: 0 35px 35px 35px;
    padding: 12px;
}
.price-3col-image .pricing-table div{
    position: relative;
}

/*pricing 2*/
.price-2col-image-2{
    padding-bottom: 150px;
    padding-top: 150px;
    color:#fff;
}
.price-2col-image-2 .title {
    margin: 0 0 60px 0;
    font-size: 3em;
}
.price-2col-image-2 .pricing-table {
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-bottom: 1rem;
    height: 100%;
}
.price-2col-image-2 .pricing-table h4 {
    display: block;
    padding: 40px 0;
    margin: 0;
    font-weight: bolder;
}
.price-2col-image-2 .pricing-table span.clean {
    padding-bottom: 0;
}
.price-2col-image-2 .pricing-table span small {
    opacity: 0.5;
    font-weight: normal;
    font-size: 14px;
}
.price-2col-image-2 .pricing-table span {
    display: block;
    font-weight: bold;
    font-size: 50px;
    padding: 40px 0;
}
.price-2col-image-2 .pricing-table p {
    margin: 50px 35px;
}
.price-2col-image-2 .pricing-table .btn {
    display: block;
    margin: 0 35px 35px 35px;
    padding: 12px;
}
.price-2col-image-2 .pricing-table div{
    position: relative;
}

.price-2col-image-2 .sep-bottom{
    font-size: 16px
}

/*Pricing table 3*/
.pricing-tabel-3-wrapper{
    padding: 140px 0;
}
.pricing-tabel-3-wrapper .container.custom_container {
    max-width: 1520px;
}
.pricing-tabel-3-wrapper .price_tab {
    border-radius: 45px;
    background-color: white;
    -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 11, 40, 0.08);
    box-shadow: 0px 3px 13px 0px rgba(0, 11, 40, 0.08);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    border: 0px;
    padding: 7px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 70px;
    display: inline-block;
    overflow: hidden;
}
.pricing-tabel-3-wrapper .price_tab .nav-item {
    padding: 0px;
    margin: 0px;
}
.pricing-tabel-3-wrapper .price_tab .nav-item .nav-link {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    color: #677294 !important;
    padding: 12px 30px;
    display: inline-block;
    border: 0px;
    border-radius: 45px;
    min-width: 193px;
    text-align: center;
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    position: relative;
    z-index: 1;
}
.pricing-tabel-3-wrapper .price_tab .nav-item .nav-link.active {
    border: 0px;
    border-radius: 45px;
    background: transparent;
    color: #fff !important;
}
.pricing-tabel-3-wrapper .price_tab .nav-link:after {
    position: absolute;
    content: '';
    top: 0;
    background: #00aff0;
    left: 0;
    height: 100%;
    border-radius: 45px;
    width: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transform: rotateX(80deg) translate(0px, 240px);
    perspective: 1000;
    perspective-origin: 115% 550%;
}
.pricing-tabel-3-wrapper .price_tab .nav-link.active:after {
    opacity: 1;
    transform: none;
    perspective: 0;
    perspective-origin: 50% 50%;
}
.pricing-tabel-3-wrapper .price_content .price_item {
    text-align: center;
    background-color: white;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1);
    box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1);
    padding: 50px 50px 40px;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    height: 100%;
}
.pricing-tabel-3-wrapper .price_content .price_item:hover {
    border-color: #c9ebfa;
    -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14);
    box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14);
}
.pricing-tabel-3-wrapper img.attachment-full.size-full {
    width: auto;
}
.pricing-tabel-3-wrapper img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pricing-tabel-3-wrapper .price_content .price_item h5{
    margin-top: 30px;
    font-weight: 600;
    font-size: 20px;
    color: #3f4451;
}
.pricing-tabel-3-wrapper .price_content .price_item p {
    font-size: 16px;
    line-height: 22px;
    color: #677294;
    font-weight: 300;
    margin-bottom: 0px;
}
.pricing-tabel-3-wrapper .price_content .price_item .price {
    line-height: 40px;
    border-bottom: 1px solid #e9e9f4;
    padding: 33px 0px 30px;
    font-weight: 700;
    font-size: 40px;
    color: #3f4451;
}
.pricing-tabel-3-wrapper .price_content .price_item .price sub{
    font-size: 16px;
    font-weight: 300;
}
.pricing-tabel-3-wrapper .price_content .price_item .p_list {
    padding: 30px 0px 20px;
}
.pricing-tabel-3-wrapper .price_content .price_item .p_list li {
    color: #505975;
    font-weight: 300;
    font-size: 16px;
    line-height: 40px;
}
.pricing-tabel-3-wrapper .price_content .price_item .price_btn {
    transition: all 0.5s;
}
/*Pricing tables 1 Style END*/
/*subscrib Style*/
.subscribe-half-right{
    padding-top: 150px;
    padding-bottom: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.subscribe-half-right .title {
    margin: 0 0 60px 0;
    color: #fff;
    font-weight: 100;
    font-size: 4em;
}
.subscribe-half-right form.line-form {
    border: none;

}
.subscribe-half-right form.line-form .form-control {
    background: #fff;
    padding: 20px 25px;
    border-right: none;
    border-left: none;
}
.subscribe-half-right form.line-form > div:first-child .form-control {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #eee;
}
.subscribe-half-right form.line-form button{
    border: 1px solid #eee;
    height: 62px;
    font-size: inherit;
    line-height: 24px;
    padding: 20px 25px;
    border-radius: 0 3px 3px 0;
    border-left: none;
    margin: 0;
    background-color: #fff;
    color: #00c0ff;
}
.subscribe-half-right form.line-form button i {
    font-size: 24px;
    margin-right:auto;
    margin-left: auto;
}
.subscribe-half-right .desc-text {
    opacity: 0.7;
    color:#fff;
}
.wrap .modal-content {
    padding: 100px 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    border: 0;
    text-align: center;
}

.wrap .modal-content .close {
    font-family: inherit;
    font-size: 32px;
    font-weight: 100;
    text-shadow: none;
    position: absolute;
    top: 10px;
    right: 15px;
}
.wrap .modal-title i {
    font-size: 48px;
    line-height: 48px;
    display: block;
    margin: 0 0 40px 0;
    color: #00c0ff;
}
.wrap .modal-title i.icofont-ban{
    color: #e44646;
}
form label.error {
    background: #e44646;
    color: #fff;
    padding: 5px 10px;
}
form.line-form label.error {
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 10px 20px;
}
form.line-form label.error:empty{
    display: none !important;
}
.modal-button-wrapper {
    position: absolute;
    z-index: 1000;
    display: none;
    opacity: 0;
    transition: all 0.5s;
    left: 5px;
    top: 5px;
    z-index: 100000;
}
.modal-button-wrapper button{
    margin-right: 5px;

}
.modal.fade.active-into-frame {
    position: absolute;
    display: block !important;
    opacity: 1;
    background-color: #222;
}
.modal.fade.active-into-frame .modal-dialog{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.subscribe-section-2{
    padding: 140px 0;
}
.subscribe-section-2 .display-3 b {
    font-weight: bold;
}
.subscribe-section-2 .display-3{
    font-size: 3.5rem;
    margin-bottom: 3rem;
    font-weight: 300;
    margin-top: 4rem;
    text-transform: capitalize;
}
.subscribe-section-2 .input-group{
    margin-bottom: 0.625rem !important;
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}
.subscribe-section-2  .form-control {
    border-color: transparent;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-radius: 0.25rem 0 0 0.25rem;
    padding: 0.9375rem 0.9375rem;
    float: left;
}
.subscribe-section-2  button{
    border-radius:0 0.25rem 0.25rem 0;
    padding: 0.9375rem 3rem;
    color: #151515;
}
/*subscrib Style end*/
/*Hover Edit Style*/
.b-s-w{
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 3px 0 -1px #ffffff;
}
.hover-controller-wrapper{
    background: #ffffff;
    padding: 22px;
    border-radius: 0;
    border: 1px solid #cac8c8;
    box-shadow: 0 2px 13px rgba(0,0,0,.03), 0 1px 3px rgba(0,0,0,.02);
}
.hover-detail{
    display: none;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.hover-detail.active{
    display: block;

}
/*Hover Edit Style END*/

.blog-1-wrapper{
    padding-bottom: 150px;
    padding-top: 150px;
}
.blog-1-wrapper .post-container {
    padding: 20px 7px;
}
.blog-1-wrapper .post-meta-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 700px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.blog-1-wrapper .post-meta-thumb img {
    width: 100%;
    min-width: 100%;
    height: auto;
    transition: all .3s ease-in-out;
    margin-bottom: 0;
}

.blog-1-wrapper .sh-table-full {
    display: table;
    width: 100%;
    height: 100%;
}

.blog-1-wrapper .post-content-container {
    padding-left: 13%;
    padding-right: 13%;
    padding-top: 32px;
    background-color: #fff;
    box-shadow: 0px 10px 11px 0px rgba(0,0,0,.05);
    overflow: hidden;
    position: relative;
    transition: .3s all ease-in-out;
}
.blog-1-wrapper .post-container:hover .post-content-container{
    box-shadow:  0 1px 1px 1px rgba(0,0,0,.06);
}
.blog-1-wrapper .post-meta-one {
    margin-bottom: 0;
}
.blog-1-wrapper .post-meta-author a.bypostauthor{
    font-weight: bold;
    margin-left: 4px;
}
.blog-1-wrapper .post-meta-date {
    padding-left: 9px;
}
.blog-1-wrapper .post-title h2 {
    font-size: 28px;
    margin-top: 12px;
    margin-bottom: 14px;
    line-height: 100%!important;
}
.blog-1-wrapper .post-content {
    padding-bottom: 28px;
    word-break: break-word;
}
.blog-1-wrapper .post-meta-two{
    border-top: 1px solid #e9e9e9;
    font-size: 12px;
    margin-left: -18%;
    margin-right: 100px;
    padding: 19px 0 19px 18%;
    position: relative;
}
.blog-1-wrapper .post-meta-categories {
    padding-left: 0;
}
.blog-1-wrapper .post-meta-comments a {
    position: absolute;
    top: -20px;
    right: -130px;
    transition: .3s all ease-in-out;
}
.blog-1-wrapper .post-meta-comments a i{
    margin-left: 0;
    margin-right: 5px;
}
.owl-dots {
    text-align: center;
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}
.owl-dot span{
    width: 10px;
    height: 10px;
    border: 1px solid #222;
    border-radius: 50%;
    display: block;
    float: left;
    margin: 0 4px;
}
.owl-dot.active span{
    background-color: #222;
}
.owl-carousel .owl-nav{
    position: absolute;
    top: calc(50% - 15px);
    width: 100%;
    height: 30px;
}
.owl-carousel .owl-nav div{
    display: inline-block;
    float: left;
    overflow: hidden;
    text-indent: 50px;
    width: 50px;
    height: 30px;
    position: relative;
}
.owl-carousel .owl-nav div:after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(230deg);
    top: 5px;
    left:calc(50% - 10px);
}
.owl-carousel .owl-nav div.owl-prev:after{
    transform:rotate(45deg);


}
.owl-carousel .owl-nav .owl-prev{
    float: right;
}
.blog-1-wrapper .title{
    text-align: center
}
.blog-1-wrapper .page-info{
    text-align: center
}
.blog-2-block-2{
    padding:150px 0 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}
.blog-2-block-2 .blog-1-wrapper{
    padding-bottom: 0;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}
.blog-2-block-2 .blog-column-wrapper{
    max-width: 420px;
    position: relative;
    z-index: 4;
}
.blog-2-block-2 .blog-column-wrapper .heading{
    margin: 2rem 0px 0px 0px;
}
.blog-2-block-2 .blog-column-wrapper .heading.heading-style1 h1{
    font-weight: 700!important;
    color:#222;
    font-size: 48px;
    display: inline-block;
}
.blog-2-block-2 .blog-column-wrapper .heading.heading-style1 span{
    width: 100%;
    clear: left;
    float:left;

}
.blog-2-block-2 .blog-column-wrapper .heading.heading-style1{
    position: relative;
    display: inline-block;
    margin-bottom: 36px;
}
.blog-2-block-2 .blog-column-wrapper .heading.heading-style1:after{
    position:absolute;
    width: 50px;
    height:2px;
    background-color: #222;
    content: "";
    bottom: -20px;
    left: 0;
}
.blog-2-block-2 .blog-column-wrapper .heading h1{
    letter-spacing: 6px;
    font-weight: 300!important;
    color: #919191;
    font-size: 14px;
}
.blog-2-block-2 .form-wrapper input{
    border-radius: 100px !important;
    padding-left: 36px!important;
    padding-right: 36px!important;
    font-size: 16px!important;
    line-height: 40px!important;
    border: 1px solid #e3e3e3;
    color: #8d8d8d;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
}
.blog-2-block-2 .form-wrapper .input-group-btn{
    float: left;
}
.blog-2-block-2 .form-wrapper .input-group-btn button{
    border-radius: 100px !important;
    padding: 10px 2rem;
    margin-top: 8px;
}
/*Blog Slider Style End*/
/*Team Section Style*/
.team-circle{
    padding-top: 150px;
    padding-bottom: 150px;
}
.team-circle .title {
    margin: 0 0 60px 0;
}
.team-circle img {
    margin: 0 auto 30px auto;
    border-radius: 50%;
    max-width: 75%;
    height: auto;
}
.post-meta-thumb{
    max-width:100%;
    height: auto;
}
.team-circle .name {
    margin: 0 0 10px 0;
}
.team-circle .occupation {
    margin: 0 0 20px 0;
    font-weight: 300;
    opacity: 0.4;
}
.team-border{
    padding-top:150px;
    padding-bottom:150px;
    color: #fff;
}
.team-border .title {
    margin: 0 0 60px 0;
}
.team-border .border-block {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px;
}
.team-border img{
    max-width: 100%;
    height:auto;
}
.team-border h3.title {
    margin: 0 0 30px 0;
}
.team-4col{
    color:#fff;
    padding-top:150px;
    padding-bottom:150px;
}
.team-4col .title {
    margin: 0 0 60px 0;
}
.team-4col img {
    margin: 0 auto 30px auto;
}
.team-4col .name {
    margin: 0 0 10px 0;
}
.team-4col .occupation {
    margin: 0 0 20px 0;
    font-weight: 300;
    opacity: 0.4;
}
.team-slider-section-wrapper{
    padding-top: 6.875rem;
    padding-bottom: 6.375rem;
}
.team-slider-section-wrapper .slider-container {
    position: relative;
}
.team-slider-section-wrapper .slider-container .card-slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}
.team-slider-section-wrapper .card {
    position: relative;
    border: none;
    background-color: transparent;
}
.team-slider-section-wrapper .card-image {
    width: 6rem !important;
    height: 6rem;
    margin-right: auto;
    margin-bottom: 0.25rem;
    margin-left: auto;
    border-radius: 50%;
}
.team-slider-section-wrapper .card-body {
    padding-bottom: 0;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.team-slider-section-wrapper .card-body .testimonial-text{
    font-style:italic;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    padding: 0 2rem;
}
.team-slider-section-wrapper .testimonial-author {
    margin-bottom: 0;
    font-style:normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
}
.team-slider-section-wrapper .owl-carousel .owl-nav div:after{
    border-color: #fff;
    left: 50%;
}
.team-slider-section-wrapper .owl-carousel .owl-nav div.owl-next:after{
    right: 50%;
    left: auto;
}
.team-slider-section-wrapper .owl-carousel .owl-dots{
    display: none;
}

/*Team Section Style End*/
/*Video Section Style*/
.video-half-right{
    padding-top:150px;
    padding-bottom: 150px;
}
.video-half-right h4.sub-title {
    color: #00c0ff;
    margin: 0 0 60px 0;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    overflow: visible;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.video-popup{
    padding-top: 150px;
    padding-bottom: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color:#fff;
}
.video-popup .title {
    margin: 0 0 60px 0;
}
.video-popup .giant-title {
    font-size: 110px;
}
.video-popup .giant-title i{
    margin: 0 auto;
}
.video-section-page-wrapper{
    padding: 90px 0;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
}
.video-section-page-wrapper .image-container {
    max-width: 53.125rem;
    margin-right: auto;
    margin-left: auto;
}
.video-section-page-wrapper .video-wrapper {
    position: relative;
}
.video-section-page-wrapper .image-container img {
    border-radius: 0.375rem;
}
.video-section-page-wrapper .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.video-section-page-wrapper .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    background: #4eaaff;
    animation: pulse-border 1500ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.video-section-page-wrapper .video-play-button span {
    position: relative;
    display: block;
    z-index: 3;
    top: 0.375rem;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}
.video-section-page-wrapper .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background: #4eaaff;
    transition: all 200ms;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
/*Video Section Style End*/
.hr-2{
    border-width: 2px;
    border-color: #dfdfdf;
    box-shadow: 0px 2px 0px 1px #ffffff;
    border-radius: 112%;
    margin: 2rem 2rem;
}
/*Responsive Feature*/
ul.responsive-size-list {
    position: relative;
    width: 100%;
    list-style: none;
    height: 20px;
    margin: 0 0 13px;
    padding: 0;
    overflow: hidden;
}
ul.responsive-size-list li{
    height: 18px;
    background-color: #686868;
    opacity: 0.3;
    margin: 0 1px;
    float: left;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-size: 0.9em;
}
ul.responsive-size-list li.active{
    opacity: 0.9;
}
ul.responsive-size-list li.item-4k{
    width: 5.8%;
}
ul.responsive-size-list li.item-laptop{
    width: 7%;
}
ul.responsive-size-list li.item-laptop-medium{
    width: 8%;
}
ul.responsive-size-list li.item-tablet{
    width: 10%;
}
ul.responsive-size-list li.item-mobile-large{
    width: 4%;
}
ul.responsive-size-list li.item-mobile-medium{
    width: 4%;
}
ul.responsive-size-list li.item-mobile-small{
    width: 20.8%;
    position: relative;
}
body{
    overflow-x: hidden;
}
.responsive-test-container{
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.responsive-test-modal-wrapper{
    background-color: #202023;
}
.responsive-iframe-wrap {
    border: none;
    height: calc(100vh - 137px);
    resize: horizontal;
    margin: auto;
}
.responsive-test-modal-wrapper .clear.p-a-sm {
    border-bottom: 1px solid #515151;
    margin-bottom: 3px;
}
.responsive-test-modal-wrapper .clear.p-a-sm i{
    color: #ccc !important;
}
.d-flex-repo{
    display: flex;
    justify-content: center;
    margin: 6px 0 9px;
    color:#fff;
}
.d-flex-repo select{
    background-color: #3b3b3b !important;
    color:#fff;
    height: 2rem !important;
    font-size: 1em;
    line-height: 1 !important;
    padding: 0.2rem 0.75rem !important;
    border: 1px solid #858585;
}
.responsive-size-wrapper span{
    color: #fff;
    background-color: #3b3b3b;
    padding: 4px 6px;
    margin: 0px 5px;
    border-radius: 5px;
    float: left;
    border: 1px solid #858585;
    transition: all 0.5s;
}
.responsive-size-wrapper span:first-child{
    position: relative;
    margin-right: 17px;
}
.responsive-size-wrapper span:first-child:after{
    position: absolute;
    content: '+';
    width: 5px;
    height: 5px;
    right: -21px;
    transform: rotate(45deg);
    font-size: 20px;
    top: 2px;
}


/*Flip Mode Button*/
.live-mode-wrap{
    display: inline-block;
    vertical-align: middle;
}
.live-mode-wrap .tgl {
    display: none;
}
.live-mode-wrap .tgl, .live-mode-wrap .tgl:after, .live-mode-wrap .tgl:before, .live-mode-wrap .tgl *, .live-mode-wrap .tgl *:after, .live-mode-wrap .tgl *:before, .live-mode-wrap .tgl + .tgl-btn {
    box-sizing: border-box;
}
.live-mode-wrap .tgl::selection, .live-mode-wrap .tgl:after::selection, .live-mode-wrap .tgl:before::selection, .live-mode-wrap .tgl *::selection, .live-mode-wrap .tgl *:after::selection, .live-mode-wrap .tgl *:before::selection, .live-mode-wrap .tgl + .tgl-btn::selection {
    background: none;
}
.live-mode-wrap .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 8em;
    height: 38px;
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
}
.live-mode-wrap .tgl + .tgl-btn:after, .live-mode-wrap .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.live-mode-wrap .tgl + .tgl-btn:after {
    left: 0;
}
.live-mode-wrap .tgl + .tgl-btn:before {
    display: none;
}
.live-mode-wrap .tgl:checked + .tgl-btn:after {
    left: 50%;
}
.live-mode-wrap .tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    font-family: sans-serif;
    perspective: 180;
    -webkit-perspective: 180px;
}
.live-mode-wrap .tgl-flip + .tgl-btn:after, .live-mode-wrap .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all 0.4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2.8;
    font-size: 1em;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-tbackface-visibility: hidden;
    -ms-backface-visibility: hidden;
    border-radius: 4px 0 0 4px;
    padding-left: 1.8rem;
    background-size: 20px !important;
    background-position: center left 7px !important;
}
.live-mode-wrap .tgl-flip + .tgl-btn:after {
    content:attr(data-tg-on);
    background: #1075fd url('../../images/forms-editor/edit-mode.svg') no-repeat;
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
}
.live-mode-wrap .tgl-flip + .tgl-btn:before {
    background: #37a272 url('../../images/forms-editor/view-mode.svg') no-repeat;
    content: attr(data-tg-off);
}
.live-mode-wrap .tgl-flip + .tgl-btn:active:before {
    transform: rotateX(20deg);
    -webkit-transform: rotateX(20deg);
    -moz-transform: rotateX(20deg);
    -o-transform: rotateX(20deg);
    -ms-transform: rotateX(20deg);
}
.live-mode-wrap .tgl-flip:checked + .tgl-btn:before {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
}
.live-mode-wrap .tgl-flip:checked + .tgl-btn:after {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    left: 0;
    background: #1075fd url('../../images/forms-editor/edit-mode.svg') no-repeat;
}
.live-mode-wrap .tgl-flip:checked + .tgl-btn:active:after {
    transform: rotateX(-20deg);
    -webkit-transform: rotateX(-20deg);
    -moz-transform: rotateX(-20deg);
    -o-transform: rotateX(-20deg);
    -ms-transform: rotateX(-20deg);
}
/*End  Flip Mode Button*/

.zoom-button-wrapper {
    float: right;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    box-shadow: 0px 0px 5px -2px #adadad inset;
    padding: 0 3px;
}
.zoom-button-wrapper button{
    margin-right: 0;
    transition: all 0.2s;
    background-color: transparent;
    border-color:transparent !important;
    box-shadow:none !important;
    width: 35px;
    height:36px;
    line-height: 2.3;
}
.zoom-button-wrapper button:first-child:hover,.zoom-button-wrapper button:first-child:focus{
    color: #8fbc8f;
}
.zoom-button-wrapper button:nth-child(2):hover,.zoom-button-wrapper button:nth-child(2):focus{
    color: #bc8f8f;
    ;
}
.zoom-button-wrapper button:nth-child(3):hover,.zoom-button-wrapper button:nth-child(3):focus{
    color: #8f9dbc;
}
/*Responsive Feature END*/
/*Video background*/
.intro-5-background-video{
    padding: 150px 0;
    background-color: #fff;
    overflow: hidden;
}
section{
    overflow: hidden
}
video[video-type='bgvideo'] {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
header .container,section .container {
    position: relative;
    z-index: 2;
}
.video-bg-overly-feature-wrapper{
    display: none;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 5rem;
    padding: 15px 0 0 0;
    border-radius: 11px;
}
.video-bg-overly-feature-wrapper.active{
    display: inline-block;
}
.video-overly {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.8;
    z-index: 1;
}
/*Video background end*/
/*Content Live Tab 4*/
.content-collapse-wrapper{
    padding: 100px 0;
}
.live-tab-wrapper .nav{
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
}
.live-tab-wrapper .nav > li{
    float: left;
    border-bottom: none;
}
.live-tab-wrapper .nav > li a.active,.live-tab-wrapper .nav > li a:hover{
    color: #00c0ff;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}
.live-tab-wrapper .nav li a{
    padding: 20px 25px;
    font-weight: bold;
    display: block;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    margin-bottom: -2px;
    transition: all 0.5s;
}
.live-tab-wrapper .tab-content .tab-pane{
    padding: 2rem;
}
/*content accordion 7*/
.content-7-wrapper{
    padding: 140px 0;
}
.content-7-wrapper p.page-info{
    font-size: 18px;
}
.content-7-wrapper .accordion-group-steps .panel {
    counter-increment: panel;
    background: transparent;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    padding: .625rem;
    padding-left: 3.75rem;
}
.content-7-wrapper .accordion-group-steps .accordion-control {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.content-7-wrapper .accordion-group-steps .accordion-control.collapsed::before {
    background: #4829B2;
    border-color: #4829B2;
    color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
}
.content-7-wrapper .accordion-group-steps .accordion-control::before {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    content: counter(panel, decimal);
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 3.75rem;
    height: 3.75rem;
    color: #000;
    margin-top: -30px;
    line-height: calc(3.75rem - 4px);
    text-align: center;
    border: 2px solid #e5e5e5;
    z-index: 20;
    border-radius: 50%;
    font-size: 20px;
}
.content-7-wrapper .accordion-control span {
    line-height: 1.5em;
    font-size: 15px;
    font-weight: 700;
}
.content-7-wrapper .accordion-content {
    overflow: hidden;
}
.content-7-wrapper .accordion-content .accordion-content-wrapper {
    padding: 0 2rem 1rem 2rem;
}
.content-7-wrapper .accordion-group-steps .panel:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% + 30px);
    left: 29px;
    height: calc(50% - 30px);
    width: 2px;
    background: #e5e5e5;
    z-index: 10;
}
.content-7-wrapper .accordion-group-steps .panel:not(:first-child)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 29px;
    height: calc(50% - 30px);
    width: 2px;
    background: #e5e5e5;
    z-index: 10;
}
/*Content Live Tab 4 END*/
/*All About Table Style */
.table-content-page{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0;
    color: #fff;
}
.table-content-page .table > thead > tr > th{
    border-bottom: 1px solid #fff;
}
.table{
    overflow: hidden;
}
.table-half-wrapper{
    padding: 150px 0;
    color: #000;
}
.table-half-wrapper .table > thead > tr > th{
    border-bottom: 1px solid #ccc;
}
.table-layout-controller-wrapper .ui-switch{
    margin-right: 0 !important;
}
.thead-cell-feature-wrapper,.tbody-cell-feature-wrapper{
    display: none;
}
.thead-cell-feature-wrapper.active,.tbody-cell-feature-wrapper.active{
    display: block;
}
.border-spacing-wrapper {
    display: none;
}
.border-spacing-wrapper.active {
    display: block;
}
.table-layout-wrapper {
    background-color: #ffffff;
    padding: 14px;
    border-radius: 10px;
    padding-top: 0;
    transition: all 0.5s;
    box-shadow: 0 0 7px 0 #ddd inset;
}
.tabel-feature-switch-wrapper{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.tabel-feature-switch-wrapper h5 {
    float: left;
    padding: 12px 6px;
    text-align: center;
    width: 50%;
    cursor: pointer;
    margin-bottom: 0rem;
    border-radius: 0;
    margin-top: 14px;
    transition: all 0.5s
}
.tabel-feature-switch-wrapper h5.active{
    background-color: #2196f3;
    color: #fff;
    border: 1px solid #2196f3;
    position: relative;
    border-radius: 5px;
}
.tabel-feature-switch-wrapper h5.active:after{
    position: absolute;
    content: '';
    width: 10px;
    height:10px;
    transform: rotate(45deg);
    background-color: #2196f3;
    bottom: -5px;
    left: calc(50% - 5px);
    border-radius: 1px;
}


/*Table Style End*/
/*two section content*/
.content-block-5 .basic-2 {
    padding-top: 8rem;
    padding-bottom: 3.5rem;
    color:#fff;
}
.content-block-5 .basic-2 h3 {
    margin-bottom: 1.125rem;
}
.content-block-5 .basic-2 .text-container {
    margin-top: 4.5rem;
    margin-left: 4rem;
    margin-right: 1.5rem;
}
.content-block-5 .basic-3 {
    padding-top: 3.5rem;
    padding-bottom: 7.25rem;
    color:#fff;
}
.content-block-5 .basic-3 .text-container {
    margin-top: 4.5rem;
    margin-right: 3.5rem;
    margin-left: 2rem;
    margin-bottom: 0;
}
.content-block-5 .basic-3 h3 {
    margin-bottom: 1.125rem;
}
.content-block-5 .basic-3 img{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
.content-block-5 .basic-2 img{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 3s infinite  alternate;
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
/*two section content End*/
/*Feature Benefits Live Tab*/
.features-section-wrapper{
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    color: #fff;
}
.features-section-wrapper h2 {
    margin-bottom: 1.125rem;
    text-align: center;
}
.features-section-wrapper .p-heading {
    margin-bottom: 3.125rem;
    text-align: center;
}
.features-section-wrapper .nav-tabs{
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.features-section-wrapper .nav-link i {
    margin-right: 0.375rem;
    font-size: 1rem;
}
.features-section-wrapper .nav-tabs .nav-link {
    margin-bottom: 1rem;
    padding:10px 20px;
    border: none;
    border-bottom: 4px solid #f1f1f8;
    border-radius: 0;
    color: #f1f1f8;
    font-weight: 700;
    transition: all 0.2s ease;
    font-size: 1.1em;
    text-decoration: none;
}
.features-section-wrapper .nav-link.active,.features-section-wrapper  .nav-link:hover {
    border-bottom: 4px solid #00c9db !important;
    background-color: transparent !important;
    color: #00c9db !important;
}
.features-section-wrapper .tab-content {
    width: 100%;
}
.features-section-wrapper .tab-content .tab-pane img{
    margin: auto;
}
/*.fade:not(.in) {
    opacity: 0;
}*/
.features-section-wrapper .tab-content .tab-pane.fade{
    transition: opacity 0.15s linear;
}

.features-section-wrapper .card{
    margin-top: 4.25rem;
    background-color: transparent;
    border: none;
}
.features-section-wrapper .card.first {
    margin-top: 4.25rem;
}
.features-section-wrapper .card-body {
    padding: 1rem 0 1.5rem 0;
}
.features-section-wrapper  .card.left-pane .text-wrapper,.features-section-wrapper  .card.right-pane .text-wrapper {
    width: 73%;
    display: inline-block;
}
.features-section-wrapper .card-title {
    margin-bottom: 0.5rem;
}
.features-section-wrapper .card.left-pane .card-icon,.features-section-wrapper .card.right-pane .card-icon {
    float: none;
    margin-right: 0;
    margin-left: 1rem;
    width: 4.5rem;
    height: 4.5rem;
    display: inline-block;
    border-radius: 50%;
    background-color: #00c9db;
    text-align: center;
    vertical-align: top;
}
.features-section-wrapper .card .card-icon {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: #00c9db;
    text-align: center;
    vertical-align: top;
}
.features-section-wrapper .card.right-pane .card-icon{
    margin-left: 0;
    margin-right: 1rem;
}
.features-section-wrapper .icon-cards-area .card .card-icon i {
    line-height: 3.5rem;
}
.features-section-wrapper .icon-cards-area .card .card-body{
    padding: 1rem 0 0 0;
}
.features-section-wrapper .icon-cards-area .card{
    margin-top: 2.25rem;
    padding-right: 3rem;
}
.features-section-wrapper .card .card-icon i {
    font-size: 2.25rem;
    line-height: 4.5rem;
}
.features-section-wrapper .text-area {
    margin-top: 1.5rem;
    margin-right: 1rem;
    margin-left: 1rem;
}
.features-section-wrapper h3 {
    margin-bottom: 0.75rem;
}
.features-section-wrapper .icon-cards-area {
    margin-right: 1rem;
    margin-left: 1rem;
}
.features-section-wrapper .tab-content tab-pane:nth-child(2) .icon-cards-area .card {
    margin-right: 3.875rem;
}
/*Feature Benefits Live Tab End*/
/*Service Style*/
.content-section-6-wrapper {
    color: #3f4451;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 120px 0px 120px 0px;
}

.content-section-6-wrapper .service_item {
    background: #fff;
    -webkit-box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1);
    box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1);
    padding: 47px 40px 0px;
    height: 100%;
    position: relative;
    border: 2px solid transparent;
    -webkit-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;
    cursor: pointer;
    overflow: hidden;
}
.content-section-6-wrapper .service_item:hover {
    border-color: #c4e7f7;
}
.content-section-6-wrapper .service_item .service-icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
    background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
    background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
    -webkit-box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
    box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
    position: absolute;
    right: 30px;
    top: 30px;
}
.content-section-6-wrapper .service_item .service-icon.nth2{
    background-image: -webkit-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%);
    box-shadow: 0px 14px 30px 0px rgba(44,130,237,0.4);

}
.content-section-6-wrapper .service_item .service-icon.nth3{
    background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);
    box-shadow: 0px 14px 30px 0px rgba(224,56,39,0.4);

}
.content-section-6-wrapper .service_item .service-icon.nth4{
    background-image: -webkit-linear-gradient(40deg, #e09520 0%, #fae926 100%);
    box-shadow: 0px 14px 30px 0px rgba(224,149,32,0.4);

}
.content-section-6-wrapper .service_item h4 {
    padding-right: 50px;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 35px;
}
.content-section-6-wrapper .service_item p {
    line-height: 28px;
    font-size: 17px;
    margin-bottom: 25px;

}
.content-section-6-wrapper .service_item img {
    margin-right: -25px;
    width: auto;
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.content-section-6-wrapper .container.custom_container {
    max-width: 1520px;
}
.content-section-6-wrapper .post-meta-thumb{
    position: relative;
}
/*Service Style END*/

.dropdown-multiple,
.dropdown-multiple-label,
.dropdown-single {
    position: relative
}

.dropdown-multiple-label.active .dropdown-main,
.dropdown-multiple.active .dropdown-main,
.dropdown-single.active .dropdown-main {
    display: block;
    -webkit-animation: iui-fadeIn .2s ease-in forwards;
    -moz-animation: iui-fadeIn .2s ease-in forwards;
    -ms-animation: iui-fadeIn .2s ease-in forwards;
    -o-animation: iui-fadeIn .2s ease-in forwards;
    animation: iui-fadeIn .2s ease-in forwards
}

.dropdown-multiple-label.active .dropdown-display-label:after,
.dropdown-multiple-label.active .dropdown-display:after,
.dropdown-multiple.active .dropdown-display-label:after,
.dropdown-multiple.active .dropdown-display:after,
.dropdown-single.active .dropdown-display-label:after,
.dropdown-single.active .dropdown-display:after {
    border-top: none;
    border-bottom: 7px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.dropdown-multiple-label.active .dropdown-display,
.dropdown-multiple-label.active .dropdown-display-label,
.dropdown-multiple.active .dropdown-display,
.dropdown-multiple.active .dropdown-display-label,
.dropdown-single.active .dropdown-display,
.dropdown-single.active .dropdown-display-label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-display,
.dropdown-display-label {
    position: relative;
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #fff
}

.dropdown-display-label:after,
.dropdown-display:after {
    content: '';
    position: absolute;
    border-top: 7px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 14px;
    right: 11px;
}

.dropdown-clear-all {
    background-color: #fff;
    border: none;
    font-size: 22px;
    z-index: 999;
    color: #999;
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
    width: 25px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.dropdown-clear-all:focus {
    outline: 0
}

.dropdown-clear-all:hover {
    color: #ccc;
    text-decoration: none;
}

.dropdown-display {
    white-space: nowrap;
    padding: 6px 20px 6px 12px
}

.dropdown-multiple:hover .dropdown-clear-all,
.dropdown-single:hover .dropdown-clear-all {
    display: block
}

.dropdown-display .dropdown-chose-list {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-display .dropdown-chose-list span:before {
    content: ','
}

.dropdown-display .dropdown-chose-list span:first-child:before {
    content: ''
}

.dropdown-display .placeholder {
    display: none
}

.dropdown-display .placeholder:first-child {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    color: #999;
    display: block;
    text-indent: 10px;
    font-size: 13px;
    line-height: 32px
}

.dropdown-display input {
    border: 0;
    outline: 0
}

.dropdown-display-label {
    cursor: text;
    padding: 6px 25px 5px 0
}

.dropdown-display-label .dropdown-search {
    display: inline-block
}

.dropdown-display-label input,
.dropdown-display-label input:focus {
    border: none;
    outline: 0
}

.dropdown-display-label .dropdown-chose-list {
    display: inline-block;
    padding: 0 5px
}

.dropdown-display-label .dropdown-chose-list .placeholder {
    display: none
}

.dropdown-display-label .dropdown-selected {
    position: relative;
    margin: 0 5px 0px 0;
    padding: 5px 20px 5px 5px;
    max-width: 100%;
    border-radius: 3px;
    background-repeat: repeat-x;
    color: #fff;
    cursor: default;
    background-color: #2196f3;
    display: inline-block;
    font-weight: 600;
}

.dropdown-display-label .dropdown-selected .del {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 7px;
    font-style: normal;
}

.dropdown-display-label .dropdown-selected .del:after {
    content: '\D7';
    font-size: 16px
}

.dropdown-main {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1010;
    width: 100%;
    color: #444;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    margin-top: -1px;
    border-top: 0;
    padding: 4px 7px;
    display: none
}

.dropdown-main ul {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    margin: 0;
    padding: 0
}

.dropdown-main input {
    margin-top: 0;
    display: block;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
    width: 100%;
    text-indent: 5px;
    border-radius: 3px
}

.dropdown-main .dropdown-search {
    display: block;
    padding: 5px 0
}

.dropdown-group {
    font-weight: 700
}

.dropdown-group,
.dropdown-option {
    margin: 0;
    padding-left: 12px;
    list-style: none;
    line-height: 26px;
    word-wrap: break-word
}

.dropdown-option {
    cursor: pointer;
    margin: 0;
    padding-left: 20px;
    list-style: none;
    line-height: 26px;
    word-wrap: break-word;
}

.dropdown-option:focus,
.dropdown-option:hover {
    background-color: #efefef;
    outline: 0
}

.dropdown-option[disabled] {
    color: #ddd;
    background-color: #fff;
    cursor: not-allowed;
    text-decoration: line-through
}
li.dropdown-option.dropdown-chose {
    padding-left: 20px;
    margin-left: 0;
}
.dropdown-option.dropdown-chose:after {
    content: '';
    float: left;
    width: 10px;
    height: 6px;
    margin: 7px 5px 0 0;
    border-left: 2px solid #1e68ff;
    border-bottom: 2px solid #1e68ff;
    transform: rotate(-48deg);
    position: absolute;
    left: 10px;
}

.dropdown-maxItem-alert, .dropdown-minItem-alert {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e4e3e2;
    width: 100%;
    height: 39px;
    line-height: 39px;
    padding: 0 5px;
    border-radius: 5px;
    color: #999;
    -webkit-animation: iui-fadeIn .2s ease-in forwards;
    -moz-animation: iui-fadeIn .2s ease-in forwards;
    -ms-animation: iui-fadeIn .2s ease-in forwards;
    -o-animation: iui-fadeIn .2s ease-in forwards;
    animation: iui-fadeIn .2s ease-in forwards
}

/*List Open/close Btn Style*/
a.custom-asid-btn {
    position: absolute;
    right: -30px;
    display: block !important;
    opacity: 1 !important;
    cursor: pointer;
    z-index: 100;
    padding-top: 0 !important;
}
a.custom-asid-btn span{
    border-radius: 50%;
    transition: all 0.5s;
}
.cus-asid-list.in span{
    background-color: #a9a9a9;

}
.cus-asid-list.in span i{
    transform: rotateY(160deg);
    transition: all 0.5s;
}
.cus-asid-list.in span i{
    transform: rotateY(0deg);
    transition: all 0.5s;
}
.cus-asid-list.in a.custom-asid-btn span i:before{
    transition: all 0.5s;
    content:"\f053";
}
.cus-asid-list{
    display:block !important;
    opacity: 1 !important;
    width: 43px;
    overflow: visible;
    float:left !important;
    background-color: transparent !important;
}
.cus-asid-list.fade:not(.in){
    width:43px;
    transition: all 0.5s;
}
.cus-asid-list + div[class*="col-xs"]{
    float: left !important;
    width: 97.4%;
    transition: all 0.5s;
}
.cus-asid-list.in + div[class*="col-xs"]{
    float:none !important;
    width: 78%;
    transition: all 0.9s;
}
.cus-asid-list.in{
    float:none;
    width:428px;
    position: relative;
    z-index: 100;
}
.cus-asid-list .row-col{
    width:43px !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    transition: all 0.5s;
}
.cus-asid-list.in .row-col{
    width:100% !important;
}
.icon-dropdown-fu .dropdown-menu{
    position:relative;
}
.dropdown-search-input{
    width: 97%;
    margin-left: 4px;
    height: 35px;
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    box-shadow: -6px -12px 0 17px #fff;
}
.lang-srch-box .dropdown-search-input{
    margin-left: 4px;
}
.main-button-wrapper{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.password-helper{
    float: right;
    position: absolute;
    right: 1.5rem;
    opacity: 0.6;
    transition: all 0.6s;
    z-index: 10;
    top: calc(50% - 10px);
}
.password-helper:hover{
    opacity: 1;
}
.preview-embed-wrapper{
    border: 1px solid #ddd;
    width: 100%;
    float: left;
    padding: 1rem;
    margin-bottom: 1rem;
}
.preview-embed-wrapper legend{
    margin-top: -1.8rem;
    float: left;
    background-color: #f6f6f6;
    width: auto;
    padding: 0 1rem;
    font-size: 1.3em;
    font-weight: 700;
    color: #969696;
}
.preview-embed-wrapper div{
    text-align: left;
    width: 100%;
    float: left;
    text-shadow: 1px 1px 0px #ffffff;
    max-height: 65px;
    overflow: auto;
    display: flex;
    justify-content: center;
}
.preview-embed-wrapper div a{
    color: #1075fd;
}
.hayperlink-magic-btn{
    position: absolute;
    top:0;
    width:100%;
}
.hayperlink-magic-btn >button{
    position: absolute;
    right: 2rem;
    top: 7px;
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    opacity: 0.3;
    transition: all 0.5s;
}
.hayperlink-magic-btn >button:hover{
    opacity: 1;
}
.editor-social-media-item{
    border: 1px solid #efefef  !important;
    border-radius: 10px;
    padding: 6px 12px !important;
    margin-bottom: 6px !important;
}
.editor-social-media-item button{
    margin-top:0 !important;
    border:none !important;
}
.editor-social-media-item button:hover{
    box-shadow:none !important;
}

.modal-overly-dark:before{
    position: fixed;
    content: '';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.6);
}
.status-main-btn{
    border-radius:0;
    transition:all 0.5s;
}
.status-main-btn-head{
    border-radius:4px 0 0 4px;
    transition:all 0.5s;
}
.status-main-btn-foot{
    border-radius:0 4px 4px 0;
    transition:all 0.5s;
}

/**Radio Box Switch**Use At Form Editor Building Mode**/
.switch-radio-mode {
    position: relative;
    padding: 0;
    display: inline-block;
    margin-left:.5rem;
}
.switch-radio-mode:before {
    content: ' ';
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #efefef;
    border-radius: 30px;
    box-shadow: 0 0 7px -3px #6f6f6f inset;
}
.switch-radio-mode:after {
    content: ' ';
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(253, 253, 253, 0.8);
    border-radius: 30px;
    transform: perspective(100px) rotateX(0deg);
    transform-origin: top;
    opacity: 1;
    transition:all 0.5s;
}
.switch-radio-mode.active:after{
    transform: perspective(100px) rotateX(-90deg);
    opacity: 0;
}
.switch-radio-mode__label {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: color 200ms ease-out;
    color: #999;
    position: relative;
    z-index: 1;
    margin: 0;
    padding:8px 16px;
}
.switch-radio-mode__label:hover {
    color: #424242;
}
.switch-radio-mode input:checked + .switch-radio-mode__label{
    color: #424242;
}
.switch-radio-mode__indicator {
    width: 66px;
    height: 33px;
    position: absolute;
    top: 2px;
    z-index: 0;
    left: 0;
    background: #fff;
    border-radius: 20px;
    transition: all 0.5s;
    transform: perspective(800px) rotateY(0);
    transform-origin: right;
}
.switch-radio-mode input#tools:checked ~ .switch-radio-mode__indicator {
    transform: translate3d(0.14rem, 0, 0);
}
.switch-radio-mode input#global:checked ~ .switch-radio-mode__indicator {
    transform: perspective(800px) rotateY(180deg);
    left: 4px;
}
.switch-radio-mode input#layout:checked ~ .switch-radio-mode__indicator {
    transform: translate3d(8.97rem, 0, 0) perspective(800px) rotateY(360deg);
}
.switch-radio-mode input#content:checked ~ .switch-radio-mode__indicator {
    transform: perspective(800px) rotateY(180deg);
    left: 9px;
}
.switch-radio-mode input#settings:checked ~ .switch-radio-mode__indicator {
    transform: translate3d(10.7rem, 0, 0) perspective(800px) rotateY(360deg);

}
.switch-radio-mode input#structure:checked ~ .switch-radio-mode__indicator {
    width: 85px;
    transform: translate3d(0.14rem, 0, 0);

}
.switch-radio-mode input[type="radio"]:not(:checked), .switch-radio-mode input[type="radio"]:checked {
    display: none;
}
/**Radio Box Switch**Use At Form Editor Building Mode End**/
.pay-prd-flex-center{
    display: flex;
    align-items: center;
}
.pay-prd-flex-center .image-cropper-wrapper{
    height: 68px;
    overflow: overlay;
}
.pay-prd-flex-center .image-cropper-wrapper label{
    height:100%;
    margin:0 !important;
}
.pay-prd-flex-center .handle{
    top: auto !important;
}

.editor-modal-cutom-fu{
    background-color: #f9f9f9 !important;
}
.d-ltr{
    direction:ltr;
}
.d-rtl{
    direction:rtl;
}
.h-height-auto{
    height:auto !important;
}
.transform-ul-wrap{
    padding: 1rem 0 0;
    list-style: none;
}

.slider-w-thumb{
    position: relative;
}

.slider-w-thumb #carousel-thumbs .owl-dots{
    display: none;
}
.slider-w-thumb .carousel-item img {
    object-fit: cover;
}
.slider-w-thumb .owl-carousel .owl-stage-outer{
    z-index: 1000;
}
.slider-w-thumb #carousel-thumbs {
    background: rgba(255,255,255,.3);
    bottom: 0;
    left: 0;
    padding: 0 50px;
    right: 0;
    position: absolute;
    z-index: 10;
}
.slider-w-thumb #carousel-thumbs img {
    border: 5px solid transparent;
    cursor: pointer;
}
.slider-w-thumb #carousel-thumbs img:hover {
    border-color: #fff;
}

.slider-w-thumb .carousel-control-prev{
    left:0;
}
.slider-w-thumb .carousel-control-next{
    right:0;
}
.slider-w-thumb  .owl-carousel .owl-nav{
    left:0;
}
.slider-w-thumb .owl-prev,
.slider-w-thumb .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    color: #fff;
    text-align: center;
    opacity: .5;
}
.f-wrap{
    position: relative;
}
.p-relative{
    position: relative;
}
/***********************************/
.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.xdsoft_noselect::selection {
    background: transparent
}
.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

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

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{
    right: -7px
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{
    right: 2px
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #9fd1ff;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #fff;
    /*border: 1px solid #ddd;*/
    color: #666;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f6f6f6;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #fff !important;
    background: #9fd1ff !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
    color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: normal;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}
.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
    background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
    /* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
    /* IE6-9 */
}

/***************************************/

.pswd_info{
    width:100%;
    padding: 8px 8px 0;
}
.pswd_info ul{
    list-style: none;
    margin:0;
    padding:0;
}
.pswd_info ul li{
    position: relative;
    font-size: .9em;
    transition: all 0.5s;
}
.pswd_info ul li.invalid{
    color: #a7a7a7;
}
.pswd_info ul li.valid{
    color:green;
}

.btn-w-icon-material{
    position: relative;
    padding-left: 46px;
    padding-right: 20px;
    line-height: 1;
    overflow: hidden;
    padding-bottom: 11px;
    padding-top: 11px;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}
.btn-w-icon-material.material-sm{
    padding-bottom: 7px;
    padding-top: 5px;
    padding-left: 38px;
    padding-right: 13px;
}
.btn-w-icon-material.btn-sm.material-sm{
    padding-bottom: 4px;
    padding-top: 5px;
    padding-left: 38px;
    padding-right: 9px;
}
.btn-w-icon-material i{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30px;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-w-icon-material.r-side{
    padding-right: 38px !important;
    padding-left: 10px !important;
}
.btn-w-icon-material.r-side >i{
    left: auto;
    right:0;
}

.ripples {
    overflow: hidden;
    position: relative;
}

.waves {
    position: absolute;
    display: block;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.ripple {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.d-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.d-flex-column-center{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.d-flex-j-between-a-center{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.d-flex-column{
    display: flex;
    flex-direction: column;
}
.d-flex-rows{
    display: flex;
    flex-direction: row;
}

.tooltip-inner{
    background-color: rgba(71,77,78,0.94) !important;
    font-size: 0.9em !important;
}
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow{
    border-top-color: rgba(71,77,78,0.94) !important;
}
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow{
    border-right-color: rgba(71,77,78,0.94) !important;
}
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
    border-bottom-color: rgba(71,77,78,0.94) !important;
}
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow{
    border-left-color: rgba(71,77,78,0.94) !important;
}
.main-sidebar-list-wrap li{
    position: relative;
    overflow: hidden;
}
.main-sidebar-list-wrap li.dk{
    box-shadow: 4px 0px 4px -4px #050b14 inset;
}
.cat-list-fi li{
    font-size:0.8em;
}
.main-sidebar-list-wrap li .list-body{
    min-height: 45px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.d-flex-aligns-item-center {
    display: flex;
    align-items: center;
}
.to-badge-wrap .badge{
    font-weight:400;
    transition: all 0.5s;
    transform: perspective(300px) rotateX(0deg);
    position: relative;
    display: inline-block;
    transform-origin: top center;
    margin: 0 5px;
    border-radius: 0 0 5px 5px;
}
.to-badge-wrap .badge:hover{
    transform: perspective(300px) rotateX(30deg);
    box-shadow: 0px 5px 2px -2px #a6a6a6;
}
.opt-sidebar-wrap{
    position: relative;
    /*z-index: 1000;*/
}
.opt-sidebar-wrap >div {
    padding-top: 0 !important;
}

.opt-sidebar-wrap .nav-active-border {
    padding: 0px 2%;
}
.opt-sidebar-wrap .nav-active-border .nav .nav-link{
    padding: 12px 16px;
    transition: all 0.5s;
    font-weight: 600;
    border-right: 1px solid #f8f8f8;
}
.opt-sidebar-wrap.osw-dym-cb-wrap .nav-active-border .nav .nav-link{
    border-right: 1px solid #f8f8f8 !important;
}
.opt-sidebar-wrap .nav-active-border .nav .nav-link.active{
    background-color: #fdfdfd;
    box-shadow: 4px 6px 5px -4px #dedede inset,-6px 6px 5px -7px #dedede inset;
}
.opt-sidebar-wrap .nav-active-border .nav .nav-link.active:after{
    position: absolute;
    content: '';
    bottom: -6px;
    background-color: #fdfdfd;
    width: 12px;
    height: 12px;
    right:calc(50% - 6px);
    left: auto;
    transform: rotate(45deg);
    border-bottom: 1px solid #eeeff0;
    border-right: 1px solid #eeeff0;
    z-index: 1000;
}
.opt-sidebar-wrap .nav-active-border .nav .nav-link:before{
    border-left-color: #101823;
    bottom: calc(100% - 3px);
}
.opt-sidebar-wrap .nav-active-border .nav .nav-link i{
    font-size: 1.1em;
    margin-right: 10px;
}
.box-wrap {
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0,0.02);
    padding: 0 1rem;
    height: auto;
    transition: all 0.5s;
    overflow: hidden;
}
.center-mf-box h6 {
    border-bottom: none !important;
    padding: 0 10px 0 0;
    margin-bottom: 0;
    font-weight: 600;
}
.d-flex-j-between-a-center {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.none-after:after{
    display: none !important;
}

.checklist-full-custom li {
    color: #fff;
    /*height: 30px;*/
    padding: 0;
    margin: 5px 1rem;
}
.checklist-full-custom li .md-check {
    padding: 0;
    min-height: 30px;
}
.checklist-full-custom li .md-check i {
    width: 100%;
    position: absolute;
    min-height: 35px;
    border-radius: 6px !important;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    background-color: #fff !important;
    border:1px solid #e0e0e0;
    transition: all 0.5s;
}
.checklist-full-custom li .md-check i:before{
    border:none;
}
.checklist-full-custom li .md-check input:checked + i,.checklist-full-custom li .md-check:hover i{
    background-color: #4caf50 !important;
    border-color: #4caf50;
}
.checklist-full-custom li .md-check input:checked + i + span{
    color:#fff;
    padding-left: 27px;
}
.checklist-full-custom li .md-check input:checked + i + span:hover:after{
    opacity: 0 !important;
}
.checklist-full-custom li .md-check > span{
    z-index: 5;
    position: relative;
    min-height: 35px;
    float: left;
    width: 100%;
    color: #8e8e8e;
    padding-left: 10px;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    font-size: .9em;
    position: relative;
    line-height: 1.2;
}
.checklist-full-custom li .md-check:hover > span{
    color:#fff;
}
.checklist-full-custom li .md-check > span:after{
    position: absolute;
    content: '';
    width:10px;
    height:4px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    right:10px;
    top:calc(50% - 2px);
    opacity: 0;
    transition: all 0.5s;
}
.checklist-full-custom li .md-check:hover > span:after{
    opacity: 1;
}
.checklist-full-custom li .md-check input[type="checkbox"]:checked + i:after{
    left: 9px;
    top: 6px;
}
.action-f-tab-list-wrap{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin-top: 8px;
}
.action-f-tab-list-wrap li{
    height: 100%;
    text-align: center;
    padding: 10px 1.5rem;
    border-right: 1px solid #eeeff0;
    border-left: 1px solid #eeeff0;
    border-top: 1px solid #eeeff0;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: 4px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    font-weight: 600;
    top: 1px;
    font-size: 1.1em;
    transition: all 0.5s,border 0s;
    cursor: pointer;
}
.action-f-tab-list-wrap li > span{
    width: 0;
    height:4px;
    position: absolute;
    top:0;
    opacity: 0;
    transition: all 0.5s;
}
.action-f-tab-list-wrap li:hover,.action-f-tab-list-wrap li.active{
    border-bottom: 1px solid #fff;
}
.action-f-tab-list-wrap li.active > span,.action-f-tab-list-wrap li:hover > span{
    width: 100%;
    opacity: 1;
    transition: all 0.5s;

}
.add-n-page-btn{
    width: 44px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: 16px;
    border-radius: 5px 5px 0 0;
    margin-right: 8px;
    transition: all 0.5s;
}
.add-n-page-btn:hover{
    opacity: 0.5;
}

.counter-sms {
    border-radius: 25px;
    padding: 0 10px 2px 10px;
    margin-top: 6px;
    box-shadow: 0 0 3px 0 #828282 inset;
    background-color: #f5f5f5;
    font-weight: 600;
}
.fields-drp-cus.cop-drp .dropdown-menu{
    left:auto !important;
    right:0 !important;
}
.field-list-items{
    border:1px dashed #e6e6e6;
    padding:6px 5px;
    border-radius: 8px;
    margin-bottom: 5px;
}
.new-cus-field-box{
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
}
.has-scrol-in-modal{
    max-height: 400px;
    overflow: auto;
    padding-bottom: 10px;
}
.has-scrol-list-box{
    position: relative;
}
.has-scrol-list-box:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    left:0;
    bottom: 0;
    box-shadow: 0 20px 13px 35px #fff;
}


.fb-form-group .select2-container--default .select2-selection--single {
    background-color: transparent;
    border-color: #c5c5c5 !important;
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
}
.fb-form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 7px;
    left: 35%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 45%;
    width: 7px;
    border: 2px solid #797979 !important;
    border-top: none !important;
    border-right: none !important;
    transform: rotate(-45deg);
    transition: all 0.5s;
}
.fb-form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(136deg);
    top: 54%;
}
.fb-form-group .select2-container--default .select2-selection--multiple {
    background-color: #ffffff00;
    border-color: #e4e6e8 !important;
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
    height: 100px !important;
    overflow: auto;
}
.fb-form-group .select2-hidden-accessible{
    height:0 !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border: 1px solid #e4e6e8 !important;
    min-height: 38px !important;
    border-radius: 4px !important;
    background-color:#ffffff !important;
    overflow:auto;
}
.select2-container--default .select2-selection--multiple.score-select-2{
    height: auto !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--single .select2-selection__choice {
    background-color: #2196f3 !important;
    border: none !important;
    padding: 0 8px 0 0 !important;
    overflow: hidden;
    border-radius: 4px;
    font-size: .9em;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove, .select2-container--default .select2-selection--single .select2-selection__choice:hover .select2-selection__choice__remove {
    margin-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--single .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 6px !important;
    border-right: 1px solid #1e87da;
    padding: 3px 6px 3px 6px !important;
    background-color: #1e87da;
    margin-left: -18px;
    transition: all 0.3s;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    color: #767676 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #e4e6e8 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff !important;
    padding-left: 1.4rem;
    position: relative;
    color: #2196f3;
    transition: all 0.4s;
}
.select2-container--default .select2-results__option[aria-selected=true]:after {
    position: absolute;
    width: 5px;
    height: 10px;
    border-bottom: 2px solid #2196f3;
    border-right: 2px solid #2196f3;
    transform: rotate(45deg);
    content: '';
    left: 10px;
    top: calc(50% - 7px);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #2196f3 !important;
    background-color: #fff !important;
    transition: all 0.4s;
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}
.detail-info-avatar-wrap{
    height:82px;
    display: flex;
    align-items: center;
}
.detail-info-avatar-wrap > span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail-info-avatar-wrap.avatar-w--status > span >i{
    background-color: #fff;
    border: 2px solid #fbfbfb;
}
.detail-info-fue-wrap{
    height:82px;
}
.detail-info-fue-wrap  > b{
    height:inherit;
}
.detail-info-fue-wrap  > b{
    height:inherit;
}
.detail-info-fue-wrap  > b > .info-fue-wrap{
    height:inherit;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.user-info-detail-list-wrap{
    display: flex;
}
.user-info-detail-list-wrap > li{
    margin-right:20px;
}
.user-info-detail-list-wrap > li > span{
    color:#717171;
}
.user-info-detail-list-wrap > li > span i{
    color: #4caf50;
    font-size: 1.3em;
}
.summary-info-detail-wrap{
    margin: 3rem 0 2rem;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f3f3f3;
    border-radius:8px;
}
.summary-info-detail-wrap li{
    width: 100%;
    margin: 5px 5px 12px;
    border: none;
    border-radius: 12px;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    opacity: 1;
    animation: widgetLoad 1s ease-out;
}

.summary-info-detail-wrap li .widget-top-rel{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.summary-info-detail-wrap li.sidw-type-a .widget-top-rel i:first-child{
    font-size: 3.5em;
}
.summary-info-detail-wrap li.sidw-type-a.sidw-type-b .widget-top-rel i:first-child{
    font-size: 3em;
}
.summary-info-detail-wrap li.sidw-type-a .widget-top-rel i.status-icon-play{
    font-size: 1em;
    color: #fff;
    margin-right: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 2px;
    box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.13);
}
.summary-info-detail-wrap li > i{
    width: 30px;
    height:30px;
    border-radius: 50%;
    background-color: #fff;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    margin-right:10px;
}
.summary-info-detail-wrap li.sidw-type-a > span{
    font-size: 1.1em;
    font-weight: 600;
    color: rgba(255,255,255,0.51);
    letter-spacing: 0.04em;
}
.summary-info-detail-wrap li.sidw-type-a .widget-top-rel > span{
    font-size: 1em;
    color: #4a4a4a;
    padding: 0;
}
.summary-info-detail-wrap li.sidw-type-a .widget-top-rel > p{
    margin-bottom: 0;
    color: #B5B5C3;
    font-size: 1em;
    line-height: 1.1;
}
.summary-info-detail-wrap li:nth-child(1){
    animation-delay: 0.1s;
}
.summary-info-detail-wrap li:nth-child(2){
    animation-delay: 0.2s;
}
.summary-info-detail-wrap li:nth-child(3){
    animation-delay: 0.3s;
}
.summary-info-detail-wrap li:nth-child(4){
    animation-delay: 0.4s;
}
.summary-info-detail-wrap li:nth-child(5){
    animation-delay: 0.5s;
}
.summary-info-detail-wrap li:nth-child(6){
    animation-delay: 0.6s;
}
.summary-info-detail-wrap li:nth-child(7){
    animation-delay: 0.7s;
}
.summary-info-detail-wrap li:nth-child(8){
    animation-delay: 0.8s;
}
@keyframes widgetLoad {
    from {
        opacity : 0;
        top : -10px;
    }
    to {
        opacity : 1;
        top : 0;
    }
}

/**Charts**/

.kvkk-box-wrap {
    padding: 1rem;
}
.kvkk-box-wrap > h6 {
    color: #2d1f69;
    font-weight: 700;
    font-size: 1.3em;
}
.doughnut-chart-box-wrap {
    padding: 1rem;
}
.doughnut-chart-box-wrap > h6 {
    color: #2d1f69;
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 10px;
    margin-bottom: 2.3rem;
}
.doughnut-chart-box-wrap > div {
    margin-bottom: 2.5rem;
}
.doughnut-wrap {
    width: 100%;
    margin: 1rem auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: #fff;
    color: #f4524e;
    border-radius: 12px;
    transition: all 0.1s ease;
    pointer-events: none;
    box-shadow: 0 4px 12px 0 rgba(106, 72, 245, 0.26);
    padding: 4px 10px;
}
.chartjs-tooltip:empty {
    display: none;
}
.chartjs-tooltip > h1 {
    margin: 0;
    font-size: 1.8em;
    font-weight: 700;
}
.leg-list-wrap {
    padding: 0 0 0 1rem;
    margin: 0;
    list-style: none;
}
.leg-list-wrap > li {
    /*    display: flex;
        flex-direction: row;
        align-items: center;*/
    margin-bottom: 15px;
    float: left;
    clear: left;
}
.d-flex-center-into-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.leg-list-wrap > li .chart-leg {
    width: 21px;
    height: 21px;
    border-radius: 6px;
    margin-right: 8px;
    transition: all 0.3s;
    float:left;
}
.leg-list-wrap > li:hover .chart-leg {
    transform: scale(0.9);
}
.leg-list-wrap > li .chart-legend-label-text {
    font-size: 0.8em;
    font-weight: 500;
    color: #9690c3;
}
.dcbw-scrollable .leg-list-wrap {
    border: 1px solid #b9c7fa;
    overflow: auto;
    border-radius: 8px;
    height: 190px;
    padding: 0.6rem 0.5rem;
    margin-right: 2rem;
}
.dcbw-scrollable .leg-list-wrap li {
    padding: 5px 10px;
    margin-bottom: 4px;
    border-radius: 8px;
    transition: all 0.4s;
}
.dcbw-scrollable .leg-list-wrap li:hover {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 #b9c7fa;
}
.dcbw-scrollable .leg-list-wrap li:hover .chart-leg {
    transform: scale(1);
}
.bar-leg {
    height: 160px;
    padding: 0.6rem 0.5rem 0.6rem 0.5rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.bar-leg > li {
    padding: 5px 10px;
    margin-bottom: 4px;
    border-radius: 8px;
    transition: all 0.4s;
    position: relative;
    width: auto;
    justify-content: flex-end;
}
.bar-leg > li .chart-leg{
    width: 16px;
    height:16px;
}
.bar-leg > li > ul {
    list-style: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #b0c0fa;
    border-radius: 5px;
    padding: 3px;
    display: flex;
    flex-direction: row;
    bottom: 100%;
    transform: translateY(-15px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.bar-leg > li > ul li {
    background-color: #c4d2fa;
    margin-right: 2px;
    margin-left: 2px;
    color: #697fc0;
    font-size: 0.6em;
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 400;
}
.bar-leg > li > ul:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-bottom: 1px solid #b0c0fa;
    border-right: 1px solid #b0c0fa;
    transform: rotate(45deg);
    bottom: -4px;
    left: calc(50% - 3px);
}
.bar-leg > li:hover {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 #b9c7fa;
}
.bar-leg > li:hover > ul {
    transform: translateY(-5px);
    visibility: visible;
    opacity: 1;
}
.bar-leg > li:hover .chart-leg {
    transform: scale(1);
}

/**Charts end **/

.summary-chart-title{
    font-weight: 600;
    color: #3e3e3e;
    margin: 0 1.8rem;
    padding-left: 6px;
    border-left: 5px solid #2196f3;
}

/*Helper Form And Into ul li list Global Style*/
.help-notify{
    position: relative;
    display: inline-flex;
    justify-content: center;
}
.help-notify .hn-content{
    display: block;
    position: absolute;
    color: #fff;
    border-radius: 6px;
    left: calc(100% + 8px);
    top: 0;
    z-index: 999;
    max-width: 220px;
    min-width: 140px;
    width: max-content;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}
.help-notify .hn-content:after{
    position: absolute;
    content: "";
    background-color: inherit;
    width:8px;
    height: 8px;
    transform: rotate(45deg);
    left:-4px;
    top:10px;
}
.help-notify .hn-content.left:after{
    left:auto;
    right:-4px;
    top:10px;
}
.help-notify .hn-content.left{
    right: calc(100% + 8px);
    left:auto;
}
.help-notify .hn-content.down:after{
    left: calc(50% - 4px);
    top: -4px;
}
.help-notify .hn-content.down{
    right: auto;
    left:auto;
    top: calc(100% + 8px);
    bottom: auto;
}
.help-notify .hn-content.up:after{
    left: calc(50% - 4px);
    top: auto;
    bottom: -4px;
}
.help-notify .hn-content.up{
    right: auto;
    left:auto;
    bottom: calc(100% + 8px);
    top: auto;
}
.help-notify:hover .hn-content{
    transform: translateY(0);
    opacity:1;
    visibility: visible;
}
.help-notify .hn-content >h6{
    padding: 7px 10px;
    margin: 0;
    font-size: .9em;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.help-notify .hn-content .hn-body{
    padding: 6px 10px 10px;
}
.help-notify .hn-content .hn-body > p{
    margin: 0;
    font-size: .8em;
    font-weight: 400;
    line-height: 1.4;
}
.helper-w-popup-event{
    list-style: none;
    margin: 0;
    padding: 0;
}
.helper-w-popup-event li{
    position: relative;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    transition: all 0.5s;
    cursor: pointer;
}
.helper-w-popup-event li:hover{
    opacity: 0.6;
}
.helper-w-popup-event li:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    border-right: 2px solid rgba(255,255,255,0.2);
    transform: rotate(-45deg);
    left:0;
}

.alert-tooltip-popup-overly{
    position: fixed;
    width:100%;
    height:100vh;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    top:0;
    left: 0;
    z-index: 9999999;
}
.alert-tooltip-popup-overly .alert-tooltip-popup-content{
    width:40%;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 5px 0px #6d6d6d;

    -moz-animation-name: dropTop;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: dropTop;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 0.3s;

    animation-name: dropTop;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 0.3s;
}
/*HF End*/
.hideSide {
    width:40px !important;
    transition: all 0s !important;
}

.main-side-list-wrap{
    width:304px;
}
.row-inner.custom-scroll{
    overflow: visible;
}
.main-side-list-wrap li{
    transition: all 0.5s;
}
.main-side-list-wrap li:hover,.main-side-list-wrap li.active{
    background-color: #202c3d;
}
.main-side-list-wrap li .list-body:after{
    left:0 !important;
    border-bottom-color: rgba(62,85,117,0.46);
}
.main-side-list-wrap li .list-body >i{
    font-size: 1.1em;
    width: 24px;
}
.filter-box-wrap .fb-head{
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
    float: left;
    margin-bottom: 10px;
}
.tab-sidebar-box-wrap .fb-head{
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 8px;
    margin-bottom: 0;
}
.tab-sidebar-box-wrap .list-search-items{
    padding:0 1rem;
}
.atpc-head{
    width:100%;
    height:48px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}
.atpc-head h6{
    position: relative;
    padding-left: 1rem;
    display: flex;
    align-items: center;
}
.atpc-head h6:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-45deg);
    left:0;
    margin-top: 3px;
}
.atpc-body{
    padding: 1rem;
}
.atpc-body > p{
    text-align: left;
    font-size: 1.08em;
    margin-bottom: 7px;
    padding: 3px;
}
.cus-alert-box ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cus-alert-box ul li{
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    transition: all 0.5s;
    cursor: pointer;
}
.cus-alert-box ul li:hover{
    opacity: 0.6;
}
.cus-alert-box ul li:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    border-bottom: 2px solid #317096;
    border-right: 2px solid #317096;
    transform: rotate(-45deg);
    left:0;
}
.filter-result-item{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: all 0.5s;
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
}

.filter-result-item .card-body{
    padding: 0;
    min-height: 45px;
    overflow: hidden;
    position: relative;
    width: 60%;
    display: flex;
    align-items: center;
}
.filter-result-item .card-body .cm-content{
    transition: all 0.5s;
}

.filter-result-item .card-body .edit-btn-filter-item{
    color: #fff;
    margin-bottom: 0;
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    transition: all 0.3s ease-in-out;
}
.filter-result-item .card-body .edit-btn-filter-item > i{
    font-size: 1em;
}
.filter-result-item .card-body h4{
    font-size: 1em;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    text-align: left;
    height:100%;
}
.filter-result-item .card-body p{
    padding: 1px 4px;
    font-size: .9em;
    text-align: left;
    margin-left: 8px;
    padding-left: 8px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
    min-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.filter-result-item .card-body p:after{
    position: absolute;
    content: '';
    height: 30px;
    width: 1px;
    border-left: 1px dashed #b0b0b0;
    left: 0;
    top: calc(50% - 15px);
}
.filter-result-item .card-body h4:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left:0;
    display: none;
}
.filter-result-item .card-body i{
    font-size: 1.3em;
    color: #373a3c;
    width: 45px;
    border-right: 1px solid #f0f0f0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.filter-result-item:hover .card-body i{
    background-color: #2196f3;
    color:#fff;
}
.filter-result-item .card-footer{
    padding: 0;
    border-top: none;
    width: 40%;
}
.filter-result-item .card-footer .filter-result-status{
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    margin: 0;
    height:100%;
}
.filter-result-item .card-footer .filter-result-status li{
    width: calc(100% / 5);
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 0.9em;
    font-weight: 600;
    transition: all 0.3s;
    border-left: 1px solid #f0f0f0;
    background-color: #fbfbfb;
}
.filter-result-item .card-footer .filter-result-status li:last-child{
    border-right: none;
    width: calc(100% / 3);
}
.filter-result-item .card-footer .filter-result-status.item-fix-4th li{
    width: calc(100% / 4);
}
.filter-result-item .card-footer .filter-result-status.item-fix-4th li:last-child{
    width: calc(100% / 3);
}
.filter-result-item .card-footer .filter-result-status li:first-child{
    border-left: none;
}
.filter-result-item .card-footer .filter-result-status li:last-child > span{
    font-weight: 700;
    font-size: .9em;
    opacity: 0.7;
    margin-right: 4px;
}
.filter-result-item .card-footer .filter-result-status li:hover{
    box-shadow: 0 4px 5px -2px #c1c0c0;
    position: relative;
    z-index: 2;
}
.filter-result-item .card-footer .filter-result-status li >i{
    font-size: .9em;
    margin-right: 4px;
}
.sc-cus-filter{
    min-height:52px;
    height:auto;
}

.sidebar-list-items-wrap{
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-list-items-wrap >li{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 1rem;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    overflow:hidden;
}
.sidebar-list-items-wrap >li:after{
    position: absolute;
    content: '';
    bottom: calc(50% - 6px);
    background-color: #f6fafb;
    right: -9px;
    left: auto;
    border-top: 0px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 14px solid transparent;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.5s;
}
.sidebar-list-items-wrap > li .user-info-detail-list-wrap > li,.share-chanel-status-wrap .user-info-detail-list-wrap > li{
    position: relative;
}
.sidebar-list-items-wrap > li .user-info-detail-list-wrap > li:after,.share-chanel-status-wrap .user-info-detail-list-wrap > li:after{
    position: absolute;
    content: '';
    background-color: #ccc;
    width: 4px;
    height: 4px;
    right: -11px;
    top: calc(50% - 2px);
    border-radius: 50%;
}
.sidebar-list-items-wrap > li .user-info-detail-list-wrap > li:last-child:after,.share-chanel-status-wrap .user-info-detail-list-wrap > li:last-child:after{
    display: none;
}
.sidebar-list-items-wrap >li.active:after,.sidebar-list-items-wrap >li.active:hover:after{
    opacity: 1;
    border-left: 14px solid #2196f3;
}
.sidebar-list-items-wrap >li:hover:after{
    border-left: 14px solid #a6a6a6;
    opacity: 1;
}
.sidebar-list-items-wrap >li:hover,.sidebar-list-items-wrap >li.active{
    background-color: #f8f8f8;
}
.tab-v-list-search-items{
    position: relative;
    display: flex;
    align-items: center;
    border-right: 1px solid #f6f6f6;
    width: calc(100% - 50px);
}
.tab-v-list-search-items input{
    border: none;
    padding-left: 1.5rem;
    padding-right: 1.2rem;
}
.tab-v-list-search-items > i{
    position: absolute;
    left: 0;
}
.share-chanel-status-wrap{
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eeeff0;
    box-shadow: 0px 2px 2px -1px #e5f5f8;
    position: relative;
    z-index: 1;
    align-items: center;
}
.share-chanel-status-wrap .sc-s-r .sc-title{
    display: flex;
    flex-direction: row;
}
.share-chanel-status-wrap .sc-s-r {
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
    align-items: flex-start;
}
.tab-i-color{
    background-color: #f8f8f8;
}
.box-h-arr{
    padding: 14px 15px;
}
.light-tb .table-striped > tbody > tr {
    background-color: rgba(255,255,255,0.2);
}
.qr-frame-wrap{
    width: 50%;
    margin: auto;
}
.qr-frame-wrap canvas{
    width:100%;
}
.qr-url-frame-wrap{
    background-color: #f0f0f0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-weight: 700;
    transition: all 0.5s;
    height: 38px;
    overflow: hidden;
}
.qr-url-frame-wrap >a{
    padding: 0 1rem;
    height: inherit;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}
.qr-url-frame-wrap >i{
    width: 38px;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #62aa62;
    color: #fff;
    transition: all 0.5s;
    font-size: 1.2em;
    cursor: pointer;
}
.qr-url-frame-wrap >i:hover{
    opacity: 0.7;
}
.qr-url-frame-wrap a:hover{
    background-color: #a2a2a2;
    color:#fff;
}
.count-box{
    background-color: #f2f2f2;
    padding: 1px 8px;
    border-radius: 25px;
    box-shadow: 0px 0px 2px 0px #ccc inset;
    font-weight: 500;
    font-size: .9em;
}
.inbox-msg-list-wrap{
    display: flex;
    align-items: center;
}
.inbox-msg-list-wrap > i{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
    justify-content: center;
    box-shadow: 0px 1px 1px 0px;
}
.inbox-msg-list-wrap >span{
    font-size:.9em;
}
/*Tb-style**/
.nested-tb{
    border-collapse: separate;
    border-spacing: 0 5px;
}
.tb-detail-r-detail > thead > tr > th{
    background-color: #eceff1 !important;
    color: #1565c0 !important;
}
.nested-tb > thead > tr > th{
    /*background-color: #5962a6;*/
    background-color: #1e87da;
    color: #ffffff;
    padding: 10px;
    position: sticky;
    top: -1px;
    white-space: nowrap;
    vertical-align: middle;
    z-index: 20;
}
.nested-tb.ns-center > thead > tr > th,.nested-tb.ns-center > tbody > tr > td{
    text-align: center;
}
.nested-tb.ns-no-head > thead {
    display: none;
}
.nested-tb.ns-no-head > tbody > tr > td{
    height: 28px;
    font-weight:600;
}
.nested-tb > thead > tr > th:first-child{
    border-radius: 5px 0 0 5px;
}
.nested-tb > thead > tr > th:last-child{
    border-radius:0 5px 5px 0;
}
.nested-tb > tbody > tr > td{
    height: 38px;
    font-weight: 500;
    vertical-align: middle;
    border-color: #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}
.nested-tb.v-align-center > tbody > tr > td{
    vertical-align: middle;
}
.nested-tb > tbody > tr{
    transition: all 0.5s;
    background-color: rgba(155 ,153 ,153 ,0);
}
.nested-tb > tbody > tr:nth-child(odd){
    background-color: #fbfbfb;
}
.nested-tb.ns-compare > tbody > tr{
    position: relative;
}
.nested-tb.ns-compare > tbody > tr:after{
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\f0ec";
    top: -10px;
    left: 3px;
    color: #1e87da;
    transform: rotate(90deg);
    opacity: 0.5;

}
.tb-detail-r-detail > tbody > tr > td:first-child{
    padding-left: 6px;
}
.nested-tb.ns-compare > tbody > tr:first-child:after{
    display: none;
}
.nested-tb.ns-white > tbody > tr{
    background-color: #fff !important;
}
.nested-tb > tbody > tr:hover{
    box-shadow: 0 9px 2px -7px rgba(225,225,225,0.51);
}
.tb-detail-r-detail > tbody > tr:hover{
    box-shadow:none
}
.nested-tb > tbody > tr > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #f9f9f9;
}
.nested-tb > tbody > tr > td:last-child{
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #f9f9f9;
}
.nested-tb.ns-compare > tbody > tr > td button{
    position: relative;
    left:6px;
}
.nested-tb.ns-anim > tbody > tr:last-child{
    transform-origin: top center;
    -moz-animation-name: DropTr;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: DropTr;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;

    animation-name: DropTr;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;

}

@-moz-keyframes DropTr {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}
@-webkit-keyframes DropTr {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}
@keyframes DropTr {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}
/*Tb-style end**/
.btn-blur-white{
    background-color: rgba(255, 255, 255, 0.5);
    border:none;
    border-radius: 8px;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.5s;

}
.btn-blur-white:hover{
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow:none !important;
}
.checklist-full-custom.cfc-scrolling{
    max-height: 200px;
    overflow: auto;
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 1rem 0.5rem;
    box-shadow: 0px 0px 4px 0px #ddd inset;
}
.range-box-head-cus.rbhc-toolbar .dropdown-toggle{
    font-size: 0.8em;
}
.range-box-head-cus.rbhc-toolbar .dropdown-menu .dropdown-item{
    line-height: 1.4;
}
.range-box-head-cus.drp-b-h-cus.b-wi > .dropdown-toggle{
    background-color: #fff !important;
    border: 1px solid #e4e6e8 !important;
    text-align: left !important;
    padding: 4px 10px  !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.range-box-head-cus.drp-b-h-cus,.range-box-head-cus.drp-b-h-cus .dropdown-toggle{
    width:100%;
}
.range-box-head-cus.drp-b-h-cus .dropdown-toggle i{
    font-size:0.9em;
}
.range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item{
    width: 97.4%;
    padding: 5px 14px;
}
.range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item:last-child{
    margin-bottom: 0;
}
.range-box-head-cus.drp-b-h-cus.lang-drp .dropdown-toggle{
    background-color: #fff;
    border:1px solid #e4e6e8;
    height:38px;
    text-align: left;
    display:flex;
    align-items: center;
    justify-content: space-between;
    ;
}
.range-box-head-cus.drp-b-h-cus.lang-drp .dropdown-toggle:hover{
    background-color: transparent;
    box-shadow: none;
}
.range-box-head-cus.drp-b-h-cus.lang-drp .dropdown-toggle:after{
    width:7px;
    height:7px;
    border-bottom: 2px solid #55595c;
    border-right: 2px solid #55595c;
}
.range-box-head-cus .dropdown-toggle{
    color: #474d58 !important;
    border: none;
    font-size: 1em;
    background-color: rgba(71,77,88,0.14);
    transition: all 0.5s;
    font-weight: 600;
    text-shadow:none;
    /*height:40px !important;*/
}
.range-box-head-cus .dropdown-toggle:after{
    display: none;
}
.range-box-head-cus.with-arrow .dropdown-toggle{
    padding:4px 8px 5px;
}
.range-box-head-cus.with-arrow .dropdown-toggle >span{
    font-size:1em;
}
.range-box-head-cus.with-arrow .dropdown-toggle:after{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #474d58;
    border-right: 2px solid #474d58;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 7px;
}
.range-box-head-cus .dropdown-toggle i{
    color: #474d58;
    font-size: 1.3em;
}
.range-box-head-cus .dropdown-toggle i.fa-random{
    color: #989898;
    font-size: 1em;
    margin:0 5px;
}
.range-box-head-cus .dropdown-menu,
.status-rd-cus .dropdown-menu{
    border-radius:6px;
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    padding: 4px 3px;
    left: auto;
    right: 0;
    transition: opacity 0.3s,transform 0.4s;
}
.range-box-head-cus{
    /*    z-index: 99;*/
}
.range-box-head-cus.r-side .dropdown-menu{
    right:auto;
    left:0;
}
.range-box-head-cus.open .dropdown-menu,
.status-rd-cus.open .dropdown-menu{
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.status-rd-cus .dropdown-menu .dropdown-item > span,
.status-rd-cus > a.btn span{
    display: flex;
    align-items: center;
}
.status-rd-cus.src-t-s > a.btn span.text-sm{
    font-size:0.9em !important;
}
.status-rd-cus .dropdown-menu .dropdown-item i,
.status-rd-cus > a.btn i{
    width: 24px;
    height: 24px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 5px;
    padding-top: 2px;
    background-color: #f7f7f7;
}
.status-rd-cus .dropdown-menu .dropdown-item{
    transition: all 0.4s;
    border: 1px solid #f7f7f7;
    margin-bottom: 2px;
    border-radius: 5px;
    padding: 4px 15px;
}
.status-rd-cus .dropdown-menu .dropdown-item:hover{
    border-color: #2196f3;
    background-color: #fff;
    color:#2196f3;
}

.range-box-head-cus .dropdown-menu .dropdown-item{
    background-color: rgba(71,77,88,0.07);
    border-radius: 4px;
    margin: 0 3px 4px;
    padding: 4px 6px;
    color: #474d58 !important;
    font-size: .9em;
    font-weight: 600;
    width: 48%;
    float: left;
    clear: none;
    transition: all 0.5s;
}
.range-box-head-cus .dropdown-menu .dropdown-item:hover{
    background-color: #474d58;
    color:#fff !important;
}
.range-box-head-cus .dropdown-menu .dif{
    padding: 2px 3px;
    margin:0;
}
.range-box-head-cus .dropdown-menu .dif .form-control{
    padding: .3rem .75rem;
    font-size: 1em;
    font-weight: 500;
}
.range-box-head-cus .dropdown-menu .dif .input-group-addon{
    padding: .2rem .75rem;
    background-color: #474d58 !important;
    color: rgba(255,255,255,0.87) !important;
}

/***********************************/

.pulse {
    margin-top: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 8px;
}
.pulse.success{
    box-shadow: 0 0 0 rgba(34,182,110,0.9);
    animation: pulseStatusActive 1000ms infinite;
}

@-webkit-keyframes pulseStatusActive {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(34,182,110,0.9);
    }
    90% {
        -webkit-box-shadow: 0 0 0 8px rgba(34,182,110,0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34,182,110,0);
    }
}
.pulse.danger{
    box-shadow: 0 0 0 rgba(239,25,60,0.9);
    animation: pulseStatusDeactive 1000ms infinite;
}

@-webkit-keyframes pulseStatusDeactive {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(239,25,60,0.9);
    }
    90% {
        -webkit-box-shadow: 0 0 0 8px rgba(239,25,60,0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(239,25,60,0);
    }
}

.mt--2{
    margin-top:2px;
}

.code-place-holder-wrap{
    padding: 1rem;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 0px rgba(108,172,177,0.40) inset;
    color: #9445de;
}
.d-rang-cus{
    width:100%;
}
.d-rang-cus > a{
    height: 40px;
    line-height: 1.7;
    margin-bottom: 0;
    background-color: transparent !important;
    border: 1px solid #e4e6e8 !important;
    width: 100%;
    float: left;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px;
}
.d-rang-cus .dropdown-menu{
    left:0 !important;
    right:auto !important;
}
.d-rang-cus .dropdown-diviter{
    display: none;
}
.d-rang-cus .dropdown-toggle > i{
    margin-right: 6px !important;
}
.d-rang-cus .dropdown-toggle > span{
    font-weight: 400;
    color: #55595c;
}
.d-rang-cus .dropdown-toggle:hover{
    box-shadow: none;
}
.d-rang-cus .dropdown-toggle:after{
    border: none;
    border-bottom: 2px solid #474d58;
    border-right: 2px solid #474d58;
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
    right: 14px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    position: absolute;
    display: block;
}
.graph-title-size h6{
    font-size: 0.9em !important;
    font-weight: 600;
}
.main-sidebar-list-wrap.ms-contact li ul li{
    float:left;
    position: relative;
    margin-right:24px;
    overflow: visible;
}
.head-full-box {
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0px 0 3px 0px #f1f1f1 inset;
    background-color: #fbfbfb;
}
.head-full-box .form-control,.head-full-box .d-rang-cus > a{
    height: 35px;
    background-color: #fff !important;
    font-size: 1em;
}
.head-full-box .col-form-label{
    text-align: right;
}
.head-full-box .btn-w-icon-material{
    height: 35px;
    font-size: 1.1em;
    /*margin-top: -3px;*/
}
.group-sort-header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
}
.radio-bx-wrap li:first-child{
    margin-left: 0;
}
.group-sort-header-wrapper .group-search{
    position: relative;

}
.group-sort-header-wrapper .group-search.active .list-search-input-wrap {
    -moz-animation-name: dropHeaderLeft;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;
    -webkit-animation-name: dropHeaderLeft;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    animation-name: dropHeaderLeft;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
    visibility: visible;
    opacity: 1;
}
.group-sort-header-wrapper .group-search .list-search-input-wrap{
    visibility: hidden;
    opacity: 0;
    width: 200px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    right: calc(100% + 10px);
    box-shadow: 0px 0px 4px 0px #e2e2e2;
    border: 1px solid #e6e6e6;
    top: 0;
    padding: 0;
    background-color: #fff;
}
.group-sort-header-wrapper .group-search .list-search-input-wrap.l-group-i-wrap{
    height:auto;
    padding:0 10px 10px 10px;
    width:255px;
    right:0;
    top:calc(100% + 10px);
}
.group-sort-header-wrapper .group-search .list-search-input-wrap.l-group-i-wrap:after{
    top:-5px;
    right:8px;
    transform:rotate(-136deg);
}
.group-sort-header-wrapper .group-search .list-search-input-wrap.l-group-i-wrap input{
    border: 1px solid rgba(0,0,0,.15) !important;
    height: 38px !important;
    padding-top: 8px !important;
}
.group-sort-header-wrapper .group-search .list-search-input-wrap:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(-45deg);
    right: -5px;
    top: calc(50% - 5px);
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.group-sort-header-wrapper .group-search.active .list-search-input-wrap i{
    transition: all 0.5s;
}
@-moz-keyframes dropHeaderLeft {
    0% {
        opacity: .5;
        transform: translateX(-25px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes dropHeaderLeft {
    0% {
        opacity: .5;
        transform: translateX(-25px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes dropHeaderLeft {
    0% {
        opacity: .5;
        transform: translateX(-25px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.group-sort-header-wrapper .group-search .list-search-input-wrap input{
    border:none;
    height:27px;
    padding-top: 6px;
}
.group-content-wrap{
    justify-content: end;
}
.group-content-wrap li{
    margin: 0 4px 10px 4px;
    overflow: visible !important;
}
.bg-gradient-success{
    background: -webkit-gradient(linear, left top, right top, from(#0dde7d), color-stop(99%, #22b66e)) !important;
    background: linear-gradient(to right, #0dde7d , #22b66e 99%) !important;
}
.cus-for-head{
    padding-left: 38px;
    padding-right: 10px;
    padding-bottom: 5px;
}
.gcw-f-modal li{
    width: 180px;
}
.placeholder-wrap{
    padding-left: 40px !important;
}
.group-content-wrap {
    justify-content: flex-start !important;
}
.radio-bx-wrap{
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin:0;
}
.radio-bx-wrap li{
    margin: 0 6px;
}
.radio-bx-wrap li .md-check{
    background-color: #f2f2f2;
    padding: 6px 10px;
    border-radius: 3px;
    overflow: hidden;
}
.radio-bx-wrap li .md-check i{
    width: 100%;
    height: 42px;
    z-index: 1;
    border-radius: 0;
    position: absolute;
    top: 0;
    background-color: transparent;
    margin: 0;
    left: 0;
}
.radio-bx-wrap li .md-check i:before{
    border:none;
}
.radio-bx-wrap li .md-check input[type="radio"]:checked + i:after{
    width:100%;
    height:100%;
    top:0;
    left:0;
    border:none;
    background-color: #2196f3;
    border-radius: 0;
    color:#fff;
}
.radio-bx-wrap li .md-check input[type="radio"]:checked + i + b{
    color: #fff;
    font-size: 0.9em;
    letter-spacing: 0.04em;
}
.radio-bx-wrap li .md-check b{
    position: relative;
    z-index: 2;
}
.group-content-wrap{
    border-radius: 5px;
    background-color: #ffffff;
    padding: 1rem;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 0px 3px 0px #e0e0e0 inset;
}
.group-content-wrap li{
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    margin-bottom: 8px;
    width: 205px;
    height: 43px;
    overflow: hidden;
    background: #eeeeee;
    background: -moz-linear-gradient(45deg, #bbbbbb 0%, #cdcdcd 100%);
    background: -webkit-linear-gradient(
        45deg, #bbbbbb 0%,#cdcdcd 100%);
    background: linear-gradient(
        45deg, #bbbbbb 0%,#cdcdcd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#cdcdcd',GradientType=1 );
    color: #505050;
    position:relative;
    padding-left: 12px;
    opacity: 0.8;
}
.group-content-wrap li.active,.group-content-wrap li.active:hover{
    background: #a9db80;
    background: -moz-linear-gradient(45deg, #a9db80 0%, #96c56f 100%);
    background: -webkit-linear-gradient(
        45deg, #a9db80 0%,#96c56f 100%);
    background: linear-gradient(
        45deg, #80dba9 0%,#6fc5a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
    border-color: #72c9a3;
    opacity: 1;
    color: #001c0f;
}
.group-content-wrap li:hover{
    transition:all 0.5s;
    opacity: 1;
}
.group-content-wrap li .md-check{
    height: 43px;
    display: flex !important;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
.group-content-wrap li .md-check input:checked + i:before{
    border-width: 1px;
    background-color: inherit;
    border-color: transparent;
}
.group-content-wrap li .md-check input:checked + i{
    background-color:  #fff;
}
.group-content-wrap li .md-check b{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.9em;
    text-shadow:none;
}
.group-content-wrap li .md-check input[type=checkbox]:disabled + i + b{
    color: #fff;
}
.group-content-wrap li .md-check > i{
    margin-right: 0 !important;
    height: 26px;
    margin-top: 0;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    right: 6px;
    width:26px;
    overflow: hidden;
}
.group-content-wrap li .md-check > i:before{
    border-width: 1px;
    background-color: inherit;
    border-color: #fff;
    height: inherit;
    width:inherit;
    right:0;
}
.group-content-wrap li .md-check input[type="checkbox"]:checked + i:after{
    left:10px;
    top:4px;
    width:7px;
    height:16px;
    border-color:#4bb187;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-caret {
    margin-top: 10px;
    font-size: 0.7em;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub {
    border-radius: 4px;
    position: relative;
    padding-left: 11px;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub li {
    border-radius: 4px;
    transition: all 0.5s;
    margin-top: 2px;
}
.nav-stacked.nav-stacked-rounded .nav li li a, .nav-stacked.nav-stacked-rounded .nav li.active {
    color: #fff;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub li a {
    padding-left: 0;
    display: flex;
    align-items: center;
    width:100%;
}
.nav-stacked.nav-stacked-rounded .nav li li a, .nav-stacked.nav-stacked-rounded .nav li.active {
    color: #fff;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub li:hover, .nav-stacked.nav-stacked-rounded .nav li .nav-sub li.active {
    background-color: rgba(14,17,22,0.54);
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub li {
    border-radius: 4px;
    transition: all 0.5s;
    margin-top: 2px;
    display:flex;
    align-items:center;
    margin-left: 10px;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub li a >span.nav-icon {
    margin-right: 4px;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 78%;
    top: 0px;
    left: 10px;
    background-color: #202c3d;
    z-index: -1;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-sub > li:after {
    position: absolute;
    content: '';
    width: 9px;
    height: 2px;
    left: -9px;
    background-color: #202c3d;
    z-index: -1;
}

.nav-stacked.nav-stacked-rounded .nav > li > a, .nav-stacked.nav-stacked-rounded .nav > li > a{
    border-radius: 3px;
    transition: all 0.5s;
    padding-left: 0;
}
.inner-start-build-wrap .inner-start-build-list.is-admin-wrap li{
    padding: 20px;
    box-shadow: 0px 0px 6px 0px #c6d9de;
    border-radius: 5px;
    width: 365px;
}
.inner-start-build-wrap .inner-start-build-list.is-admin-wrap li .item-thumb-frame img{
    width:50%;
}
.inner-start-build-wrap .inner-start-build-list.is-admin-wrap li p{
    font-size: 1em;
}
.prd-filter-col-wrap{
    display: flex;
    width:100%;
    flex-direction: column;
    margin-top: 1rem;
    color:#5e6177;
    padding:0 !important;
}
.pfc-box-syl{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(50,55,76,0.1);
    padding: 0;
}
.pfc-search-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding:10px;
}
.pfc-search-wrap input{
    border:none;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff !important;
}
.pfc-search-wrap i{
    color: #2196f3;
    font-size: 1.3em;
}
.pfc-search-wrap i.fa-times{
    color: #373a3c;
    cursor: pointer;
}
.pfc-types-wrap{
    padding:10px 20px;
}
.pfc-types-wrap .pfc-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    padding-bottom: 0;
    border: 1px solid #f1f1f1;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 1px 1px 0px 1px #f5f5f5;
}
.pfc-types-wrap .pfc-header-wrap h6 {
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0;
    color: #2196f3;
}
.pfc-types-wrap .pfc-header-wrap h6 i{
    font-size: 0.9em;
    color: #efefef;
}
.pfc-body-wrap {
    max-height: 250px;
}
.pfc-type-list{
    list-style: none;
    padding:10px;
    margin:0;
    width:100%;
}
.pfc-type-list > li.pt-item{
    color: #6b6f82;
    display: block;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    cursor: pointer;
    transition: all .3s ease 0s;
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pfc-type-list > li.pt-item > .label{
    background-color: transparent;
    color: #bbbbbb;
    font-size: 0.9em;
}
.pfc-type-list > li.pt-item:hover span:after,.pfc-type-list > li.pt-item.active span:after{
    opacity: 1;
}
.pfc-type-list > li.pt-item span:before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    left: 0;
    border-radius: 50%;
    background-color: #efefef;
    transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    box-shadow: 0px 0px 3px 1px rgba(125 ,125 ,125 ,0.2) inset;
}
.pfc-type-list.pfc-multi-sel > li.pt-item span:before{
    border-radius: 4px;
}
.pfc-type-list.pfc-multi-sel > li.pt-item span:after{
    border-radius: 2px;
}

.pfc-type-list > li.pt-item span{
    position: relative;
    padding-left:25px;
    display: flex;
    align-items: center;
    font-size: 0.99em;
    color: #797979;
    transition: all .3s ease 0s;
}
.pfc-type-list > li.pt-item span:after{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    transition: all .2s ease 0.1s;
    background-color: #2196f3;
    left: 3px;
    border-radius: 50%;
    opacity: 0;
}
.prd-content-col-wrap{
    display: flex;
    width:100%;
    flex-direction: column;
    margin-top: 1rem;
    color:#5e6177;
    padding:0 !important;
}
.pcc-header-wrap{
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1.5rem;
    margin-bottom: 0;
    box-shadow: 0 2px 3px 0 rgba(50,55,76,0.1);
    position: relative;
    z-index: 1;
}
.pcc-footer-wrap{
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1.5rem;
    margin-bottom: 0;
    box-shadow: 0 2px 3px 0 rgba(50,55,76,0.1);
    position: relative;
    z-index: 1;
}
.pcc-sort-feature-wrap i{
    font-size: 1.3em;
    cursor: pointer;
    transition: all 0.5s;
}
.pcc-sort-feature-wrap i.active,.pcc-sort-feature-wrap i:hover{
    color:#2196f3;
}
.pcc-sort-feature-wrap i.fa-sliders:hover{
    color:#5e6177;
}
.prd-list-col-wrap{
    width:100%;
    padding: 0 !important;
    margin-top: 0;
}
.prd-list-col-wrap .plc-list{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    min-height: 100px !important;
}
.prd-list-col-wrap .plc-list .pl-items{
    background-color: #fff;
    border-radius: 10px;
    padding:0;
    display: flex;
    width: calc(100% / 3.1);
    margin: 0 6px 1rem;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.01), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    float:left;
    min-height: 153px;
    transition:all 0.5s;
}

.prd-list-col-wrap .plc-list .pl-items .pcwh-l{
    background: #283593;
    position: absolute;
    right: -6px;
    color: #fff;
    padding: 3px 10px;
    font-size: 0.9em;
    border-radius: 3px 0 0 4px;
    box-shadow: 2px 2px 3px -2px #0e1759;
}
.prd-list-col-wrap .plc-list .pl-items .pcwh-l::before{
    position: absolute;
    top: -4px;
    right: 2px;
    content: '';
    border-right: 7px solid #0d1658;
    border-bottom: 7px solid transparent;
    transform: rotate(45deg);
    z-index: -1;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items{
    width:100%;
    margin-bottom: 10px;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items .pcw-action-wrap{
    margin-top: 0;
    justify-content: space-between;
    flex-direction: column;
    min-width: 110px;
    align-items: flex-end;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items .pli-content-wrap{
    flex-direction: row;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items .pli-img-frame{
    min-height: 90px;
    transition: all 0.5s;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items .pli-head-cat-wrap{
    width:80%;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items .pcw-action-wrap .pcw-action-btns{
    margin-right: 0;
}
.prd-list-col-wrap .plc-list.grd-style .pl-items .pcw-action-wrap > span{
    margin-right: 40px;
}
.prd-list-col-wrap .plc-list .pl-items:hover{
    box-shadow:0 2px 8px 0 rgba(50,55,76 ,0.1);
}
.prd-list-col-wrap .plc-list .pl-items .pli-img-frame{
    background-color: #f7f6f9;
    border-radius: 10px 0 0 10px;
    min-height: 130px;
    width: 160px;
    margin-right: 0;
    min-width: 140px;
    background-size: cover;
    background-position: center;
    background-repeat-y: no-repeat;
    box-shadow: -2px 0px 7px -6px #686868 inset;
    transition: all 0.5s;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap{
    width:calc(100% - 150px);
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    padding:1rem;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap .pcw-header{
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap .pcw-header h5{
    margin-bottom: 6px;
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 4px;
    color:#242732;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap .pcw-header p{
    font-size: 0.9em;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap .pcw-header .btn-group{
    height:20px;
    cursor: pointer;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap .pcw-header .btn-group > i{
    width:20px;
    text-align: center;
    transition: all 0.5s;
    color:#242732;
}
.prd-list-col-wrap .plc-list .pl-items .pli-content-wrap .pcw-header .btn-group > i:hover{
    opacity: 0.6;
}
.pcw-cat-wrap{
    position: relative;
    width: 100%;
    height: 36px;
    overflow: hidden;
    padding-top: 3px;
    border-top: 1px solid #f7f7f7;
}
.pcw-cat-wrap > span{
    font-size: 0.7em;
    width: 100%;
    height: 12px;
    float: left;
}

.pcw-cat-wrap:after{
    position: absolute;
    content: '';
    width: 27px;
    height: 100%;
    box-shadow: -17px 0px 8px -5px #fff inset;
    right: 0;
    top: 0;
}
.pcw-cat-wrap >ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow:auto;
    padding-right: 1rem;
}
.pcw-cat-wrap >ul li{
    font-weight: 100;
    font-size: 0.8em;
    padding: 3px 10px;
    margin-top: 3px;
}
.pcw-action-wrap{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.pcw-action-wrap .pcw-action-btns{
    background-color: #f3f3f3;
    border-radius: 26px;
    padding: 5px 5px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    width: 38px;
    display: flex;
    flex-direction: row-reverse;
    float: right;
    margin-right:0;
    box-shadow: 1px 1px 1px 1px #ddd inset;
    transition: all 0.5s;
}
.pcw-action-wrap .pcw-action-btns:hover{
    width:138px;
}
.pcw-action-wrap .pcw-action-btns.pab-3th:hover{
    width:105px;
}
.pcw-action-wrap .pcw-action-btns.pab-2th:hover{
    width:72px;
}
.pcw-action-wrap .pcw-action-btns:hover button{
    opacity: 1;
}
.pcw-action-wrap .pcw-action-btns button:first-child{
    opacity: 1;
}
.pcw-action-wrap .pcw-action-btns button:nth-child(2){
    transition-delay: 0.2s;
}
.pcw-action-wrap .pcw-action-btns button:nth-child(3){
    transition-delay: 0.3s;
    ;
}
.pcw-action-wrap .pcw-action-btns button:nth-child(4){
    transition-delay: 0.4s;
    ;
}

.pcw-action-wrap .pcw-action-btns button{
    min-width: 28px;
    float: right;
    margin-left: 5px;
    opacity: 0;
    box-shadow: 0px 0px 6px -3px rgba(0, 0, 0,0.5) inset !important;
    transition: all 0.7s;
}
.pcw-action-wrap .pcw-action-btns button:hover{
    opacity: 0.8;
}
.pcw-action-wrap .pcw-action-btns button > i{
    font-size: 0.7em;
}
.pcw-action-wrap > span{
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #2196f3;
    font-size: 1.1em;
    margin-left: 2px;
}
.holder {
    position: relative;
    z-index: 10;
}
.prd-content-col-wrap .legend-template-wrap{
    margin-top: -3px;
    margin-bottom: 1rem;
    background-color: #fff;
    padding-top: 12px;
    transform: translateY(0);
    transition: all 0.5s;
    display: block !important;
}
.prd-content-col-wrap .legend-template-wrap em{
    color: #2196f3;
}
.prd-content-col-wrap .legend-template-wrap > div i{
    color: #2196f3;
}
.prd-content-col-wrap .legend-template-wrap:empty{
    transform: translateY(-42px);
    transition: all 0.5s;
    margin-bottom: 0;
}
.prd-content-col-wrap .legend-template-wrap[style='display: none;']{
    transform: translateY(-42px);
    transition: all 0.5s;
    margin-bottom: 0;
}
.prd-content-col-wrap .legend-template-wrap *{
    display:unset;
}
.prd-content-col-wrap .legend-template-wrap[style='display: none;'] *{
    display: none;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel{
    list-style: none;
    padding: 10px;
    margin: 0;
    width: 100%;
    display: block !important;
    position:relative;
    top:0;
    left:0;
    border:none;
    box-shadow:none;
    background-color:transparent;
    z-index: 90 !important;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field {
    width: 100%;
    margin-right:0;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > span.ft-label{
    display: none !important;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search{
    display: none;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li{
    color: #6b6f82;
    display: flex;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    text-transform: capitalize;
    cursor: pointer;
    transition: all .3s ease 0s;
    margin-bottom: 4px;
    padding: 2px 10px 2px 25px;
    border: none;
    align-items: center;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    left: 0;
    border-radius: 3px;
    background-color: #efefef;
    transition: all .4s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    border: 3px solid #eaeaea;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-hidden{
    /*display: flex !important;*/
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:hover{
    background-color: transparent;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:hover:before{
    background-color: #2196f3;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-hidden:before{
    background-color: #2196f3;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after{
    background-color: #2196f3 !important;
    color: #fff;
    top: unset;
    font-size: 12px;
    font-weight: 600;
    width: 18px;
    height: 17px;
    line-height: 1;
    text-align: center;
    border-radius: 5px;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel:after{
    display: none;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected{
    padding: 0 0 8px;
    background: #fefefe;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li{
    margin: 2px 2px;
    padding: 4px;
    background: #208be0;
    overflow: hidden;
    transition: padding 0.4s,transform 0.5s;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after{
    transition: all 0.5s;
    transform: perspective(600px) rotateY(90deg);
    transform-origin: right center;
    background-color: #246fab;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:hover{
    padding: 4px 24px 4px 4px;
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:hover:after{
    display: flex;
    transform: rotateY(0deg);
}
.cat-list-view-fltr ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:active{
    background: #246fab;
}
.pcc-footer-wrap .holder a{
    transform: rotate(0deg) !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border:1px solid #2196f3;
    border-radius: 4px;
    line-height: 1.9;
    color: #2196f3;
    font-weight: 700;
    margin:0 3px;
}
.pcc-footer-wrap .holder a.jp-current,.pcc-footer-wrap .holder a:hover,.pcc-footer-wrap .holder a.jp-current:hover{
    background-color: #2196f3;
    border-color: #2196f3;
    color:#fff !important;
}
.pcc-footer-wrap .holder a.jp-previous:hover:after,.pcc-footer-wrap .holder a.jp-next:hover:after{
    border-color: #2196f3;
}
.pcc-footer-wrap .holder a.jp-previous:after,.pcc-footer-wrap .holder a.jp-next:after{
    border-color: #2196f3;
}
.pcc-footer-wrap .holder a.jp-previous,.pcc-footer-wrap .holder a.jp-next{
    color:#2196f3;
    background-color:#fff;
    border-color:#2196f3;
    width:32px;
    height: 27px;
}
.pcc-footer-wrap .holder a.jp-previous{
    margin-right:3px;
}
.pcc-footer-wrap .holder a.jp-next{
    margin-left:3px;
}
.pcc-footer-wrap .holder a.jp-previous:after{
    transform: rotate(136deg);
    margin-left: 5px;
    width:8px;
    height:8px;
}
.pcc-footer-wrap .holder a.jp-next:after{
    transform: rotate(-45deg);
    margin-right: 5px;
    width:8px;
    height:8px;
}
.pcc-footer-wrap .holder a:before{
    display: none;
}
.pcc-footer-wrap .holder-jump-action .holder-textbox{
    color:#2196f3;
    border-color:#2196f3;
}
.pcc-footer-wrap .holder-jump-action button,.pcc-footer-wrap .holder-jump-action button:hover{
    color:#2196f3;
}
.pcc-footer-wrap .holder-jump-action{
    margin-top: 0;
}
#legend1 > b{
    color:#2196f3;
}
.ifrm-main .sortable{
    overflow: unset;

}
.p-rel{
    position: relative;
}
.loading-ajx{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.89);
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.loading-ajx img{
    width:200px;
}

.add-to-fav-btn {
    cursor: pointer;
    height: 50px;
    width: 50px;
    background-image:url( '../../images/web_heart_animation.png');
    background-position: left;
    background-repeat:no-repeat;
    background-size:2900%;
    position: absolute;
    right: 0;
    top: 3px;
}

.add-to-fav-btn:hover {
    /*    background-position:right;*/
    opacity: 0.5;
}

.is_animating {
    background-position:right;
    opacity: 1 !important;
    animation: heart-burst .8s steps(28) 1;
}

@keyframes heart-burst {
    from {
        background-position:left;
    }
    to {
        background-position:right;
    }
}

.fav-item-wrap:hover > i{
    color:red
}
.lang-settings-btn-wrap{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.lang-settings-btn-wrap button{
    background-color: #526d88;
    color: #fff;
    opacity: 1;
    padding: 8px 12px;
}

.lang-settings-btn-wrap button i{
    font-size: 1.2em;
}
.new-lang-selection-wrap .btn-w-icon-material{
    padding-left: 40px;
    padding-right: 25px;
}
.selection-lang-list-wrap{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.selection-lang-list-wrap:empty:after{
    position: relative;
    content: "I can't find any language,Add a new language";
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    box-shadow: 0px 0px 3px 0px #ddd inset;
    background-color: #f9f9f9;
}
.lang-acc-content-wrap{
    max-height: 400px;
    overflow: auto;
}

.lang-section-wrap{
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 4px;
}
.cus-arrow > a:after{
    transform: rotate(45deg);
    border-bottom: 1px solid #4e4e4e;
    border-right: 1px solid #4e4e4e;
    border-left: none;
    border-top: none;
    width: 7px;
    height: 7px;
    float: right;
    position: absolute;
    top: 14px;
    right: 10px;
}
.cus-arrow .dropdown-search-input{
    margin-left:5px;
}
.cus-arrow > a.btn{
    height: 2.4rem !important;
}
.cus-arrow .dropdown-menu{
    overflow-x: hidden;
}
.cus-arrow .ltr-side{
    left:auto;
    right:0;
}
.shadow-box{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-box-normalize{
    box-shadow: 0 0rem 12px -5px rgba(0,0,0,.09)!important;
    border: 1px solid #f5f5f5;
}
.apexcharts-toolbar{
    border-radius: 0 0 0 6px !important;
    padding: 2px 10px 6px 6px !important;
    right: 0 !important;
    background-color: #f5f5f5;
}
.apexcharts-toolbar .apexcharts-menu-icon{
    margin-left: 6px;
}
.sl-co-top{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}
.sl-co-top > span{
    font-weight: 600;
    color: #3F4254;
    font-size: 1.2em;
}
.sl-co-top > span:first-child{
    max-width: 60%;
}
.sl-co-top > span:last-child{
    font-size: 1em;
    line-height: 20px;
}
.sl-co-status-wrap{
    list-style: none;
    padding:0;
    margin:0;

}
.sl-co-status-wrap > li{
    float:left;

}
.sl-co-status-wrap > li i{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
}
.sl-co-status-wrap > li:last-child i.fa-mobile{
    font-size:18px;
}
.sl-content{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0 4px 4px 0;
    margin-left: 18%;
    min-height: 56px;
    position: relative;
    border-color: inherit;
}
.sl-content:after{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    top: 6px;
    left: -10px;
    border-left: 0px solid;
    border-color: inherit;
}
.sl-co-bottom > .sl-co-info{
    font-weight: 600;
    transition: all 0.5s;
    float: left;
    border: 1px solid #d6d6d6;
    border-radius: 26px;
    box-shadow: 0 0 2px 0 rgba(97,97,97,0.33) inset;
    padding: 2px 0;
    background-color: #f3f3f3;
    display: flex;
}
.sl-co-top,.sl-co-bottom{
    z-index: 1;
    position: relative;
    transition: all 0.5s;
}
.sl-co-bottom {
    /*    display: flex;
        justify-content: space-between;
        align-items: flex-end;*/
}
.sl-detail-btn{
    position: absolute;
    right: 5px;
    bottom: 3px;
    color: #2196f3;
    transition: all 0.5s;
}
.sl-item.active .sl-content .sl-detail-btn{
    right: 15px;
    bottom: 10px;
    color: #2196f3;
}
.streamline-theme{
    padding:1rem;
}
.box-header > h6{
    font-size: 1.1em;
    color: #2b3246;
}
.streamline-theme .sl-item:before {
    width: 18px;
    height: 18px;
    border-width: 3px;
    left: 14.7%;
    top: 14px;
    background-color: #fff;
    box-shadow: 0px -5px 0 -2px #fff;
    z-index: 10;
}
.streamline-theme .sl-item:after {
    left: 16.2% !important;
    border-left-width: 3px;
    border-color: inherit;
}
.sl-item.active{
    background-color: transparent !important;
}
.sl-co-bottom > .sl-co-info > span{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    margin: 0 3px;
    transition: all 0.5s;
}
.sl-co-bottom > .sl-co-info > span:hover{
    background-color: #2196f3;
    color:#fff;
}
.sl-item .sl-item-time{
    position: absolute;
    left: 0;
    width: 15%;
}
.apexcharts-legend-marker{
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: transparent !important;
}
.browser-chart-wrap .apexcharts-legend-marker[rel='1']{
    background-image: url('../../images/browser-logo/chrome.png') !important;
}
.browser-chart-wrap .apexcharts-legend-marker[rel='2']{
    background-image: url('../../images/browser-logo/firefox.png') !important;
}
.browser-chart-wrap .apexcharts-legend-marker[rel='3']{
    background-image: url('../../images/browser-logo/safari.png') !important;
}
.browser-chart-wrap .apexcharts-legend-marker[rel='4']{
    background-image: url('../../images/browser-logo/ie.png') !important;
}
.browser-chart-wrap .apexcharts-legend-marker[rel='5']{
    background-image: url('../../images/browser-logo/opera.png') !important;
}

.browser-chart-wrap.br-border-w .apexcharts-legend-series[rel='1']{
    border-left: 5px solid #00e396;
}
.browser-chart-wrap.br-border-w .apexcharts-legend-series[rel='2']{
    border-left: 5px solid #feb019;
}
.browser-chart-wrap.br-border-w .apexcharts-legend-series[rel='3']{
    border-left: 5px solid #008ffb;
}
.browser-chart-wrap.br-border-w .apexcharts-legend-series[rel='4']{
    border-left: 5px solid #72bff9;
}
.browser-chart-wrap.br-border-w .apexcharts-legend-series[rel='5']{
    border-left: 5px solid #ff4560;
}

.apexcharts-legend-series{
    margin: 1px 3px !important;
    padding: 2px 8px;
    border-radius: 5px;
    transition: all 0.5s;
}
.apexcharts-legend-series:hover{
    background-color: #e4e4e4;
}
.card-spacer {
    padding: 1rem 1.25rem !important;
}
.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.card-spacer .symbol{
    width: 135px;
    height: 100px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7em;
    -webkit-mask: url(../../images/blob-widgets.svg);
    mask: url(../../images/blob-widgets.svg);
    /* background: #18a8ec no-repeat; */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 120px;
    mask-size: 120px;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
    left: -2rem;
    top: -1.2rem;
}
.card-spacer .symbol .symbol-label{
    color: #fff;
    /* opacity: 0.7; */
    margin-left: 10px;
}
.card-rounded-bottom {
    border-bottom-left-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}
.card-rounded-bottom .apexcharts-canvas svg {
    border-bottom-left-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}
.box-radius-8x{
    border-radius: 6px;
}
.portfoy-list-wrap{
    max-height: 408px;
    overflow: auto;
    margin-bottom: 0;
}
.portfoy-list-content{
    position: relative;
    overflow: hidden;
}
.portfoy-list-content:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0;
    box-shadow: 0 -24px 6px -14px #fff inset;
    border-radius: 0 0 8px 8px;
}
.portfoy-list-wrap li ul li{
    margin-right: 0 !important;
}
.portfoy-list-wrap .list-left > span{
    border-radius: 6px;
    width: 38px;
    height: 38px;
    font-size: 1.2em;
    text-transform: uppercase;
}
.portfoy-list-wrap .list-body{
    margin-left: 52px;
    height: 38px !important;
}
.portfoy-list-wrap >li{
    overflow: visible;
}
.portfoy-list-wrap >li .dropdown-menu{
    padding: 0;
}
.portfoy-list-wrap >li .dropdown-menu > span{
    padding: 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    font-size: 0.9em;
    color: #565656;
}
.portfoy-list-wrap >li .dropdown-menu > span i{
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.portfoy-list-wrap >li .dropdown-menu > span i.fa-mobile{
    font-size: 1.4em;
}
.portfoy-list-wrap >li .dropdown-menu:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    background-color: #fff;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    transform: rotate(-45deg);
    top: -5px;
    right: 8px;
}
.box-header.bh-abs{
    position: absolute;
    z-index: 8;
}
.tab-into-cus-wrap > a{
    width: 50%;
    padding: 16px !important;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 1.1em;
    background-color: #f9f9f9;
    font-weight: 600;
    color: #717171 !important;
    transition: all 0.5s;
    box-shadow: 0 -4px 4px -4px #ddd inset;

}
.tab-into-cus-wrap > a.active{
    border-bottom: none;
    background-color: transparent;
    color: #0747b9 !important;
    transition: all 0.5s;
    z-index: 2;
}
.tab-into-cus-wrap > a:first-child.active{
    box-shadow: 4px 1px 4px -4px #ddd;
}
.tab-into-cus-wrap > a:last-child.active{
    box-shadow: -6px 1px 4px -4px #ddd;
}
.tab-into-cus-wrap > a:hover{
    color: #0747b9 !important;
}
.tab-into-cus-wrap > a:last-child{
    border-right: none;
}
.ov-hidden{
    overflow: hidden;
}
.box-header h6.bh-text-size{
    font-size:1em;
}
.main-sidebar-list-wrap.ms-main-menue li.dk .msl-info-wrap{
    background-color: #1d2c42;
}
.main-sidebar-list-wrap.ms-main-menue li:hover .msl-info-wrap{
    background-color: #1d2c42;
}
.main-sidebar-list-wrap.ms-main-menue > li {
    transition: all 0.5s;
    background-color: #2c3c55;
    padding: 0;
}
.main-sidebar-list-wrap.ms-main-menue li .msl-info-wrap{
    padding: 12px 16px;
    transition: all 0.5s;
}
.main-sidebar-list-wrap.ms-main-menue li.pushed-left .msl-info-wrap{
    transition: all 0.5s;
    transform: translateX(0);
}
.main-sidebar-list-wrap.ms-main-menue li .msl-action-btn-wrap{
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition:opacity 0.3s, transform 0.6s;
    width: 2.5rem;
    transform: perspective(600px)  rotateY(90deg) translateX(10rem);
    transform-origin: left center;
    height:100%;
}
.main-sidebar-list-wrap.ms-main-menue li.pushed-left .msl-action-btn-wrap{
    transform: perspective(600px) rotateY(0deg) translateX(0);
}
.main-sidebar-list-wrap.ms-main-menue li .msl-action-btn-wrap > button{
    border-radius: 0;
    padding: 6px;
    transition: all 0.5s;
    height:50%;
}
.main-sidebar-list-wrap.ms-main-menue li.pushed-left .msl-action-btn-wrap{
    opacity: 1;
}
#list-tab [connect].active i{
    position: relative;
}
#list-tab [connect].active i:after{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;

    border-radius: 50%;
    animation: pulseTab 1s;
    animation-iteration-count: 2;
    z-index: 9999;
}
#list-tab li[connect="Aktif-Forms"].active i{
    color:rgb(34 ,182 ,110);
}
#list-tab li[connect="archive"].active i{
    color:rgb(33,150,243);
}
#list-tab li[connect="deleted"].active i{
    color:rgb(239 ,25 ,60);
}
#list-tab li[connect="Aktif-Forms"].active i:after{
    color:rgb(34 ,182 ,110);
    box-shadow: 0 0 0 rgb(34 ,182 ,110);
}
#list-tab li[connect="archive"].active i:after{
    color:rgb(33,150,243);
    box-shadow: 0 0 0 rgb(33,150,243);
}
#list-tab li[connect="deleted"].active i:after{
    color:rgb(239 ,25 ,60);
    box-shadow: 0 0 0 rgb(239 ,25 ,60);
}

@-webkit-keyframes pulseTab {
    0% {
        opacity:0.9;
        -webkit-box-shadow: 0 0 0 0 ;
    }
    70% {
        opacity:0;
        -webkit-box-shadow: 0 0 0 10px ;
    }
    100% {
        opacity:0;
        -webkit-box-shadow: 0 0 0 0 ;
    }
}
@keyframes pulseTab {
    0% {
        opacity:0.9;
        -moz-box-shadow: 0 0 0 0 ;
        box-shadow: 0 0 0 0 ;
    }
    70% {
        opacity:0;
        -moz-box-shadow: 0 0 0 10px ;
        box-shadow: 0 0 0 10px ;
    }
    100% {
        opacity:0;
        -moz-box-shadow: 0 0 0 0 ;
        box-shadow: 0 0 0 0 ;
    }
}
.active-take-photo-btn-wraper{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.graph-cus-legend-flex .apexcharts-legend-series{
    display:flex;
    align-content: center;
    justify-content: space-between
}
.apexcharts-legend.apexcharts-align-center{
    justify-content: center !important;
}
.filter-dynamic-query-list{
    margin:0;
    padding:0;
    list-style: none;
}
.filter-dynamic-query-list > li{
    border:1px solid #efefef;
    border-radius: 5px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
    padding: 8px 10px;
    box-shadow: 1px 1px 2px 0 #f3f3f3;
    transition: all 0.2s;
}
.filter-dynamic-query-list > li:hover{
    padding-right: 30px;
    box-shadow: 1px 1px 2px 0 transparent;
}
.filter-dynamic-query-list > li:first-child{
    margin-top:10px;
}
.filter-dynamic-query-list > li:last-child{
    transform-origin: top center;
    -moz-animation-name: DropTr;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: DropTr;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;

    animation-name: DropTr;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}
.filter-dynamic-query-list > li:hover  > i{
    transform: translateX(0);
}
.filter-dynamic-query-list > li > i{
    position: absolute;
    height: 100%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    top: 0;
    transition: all 0.3s;
    transform: translateX(30px);
}
.filter-dynamic-query-list > li .dynmc-rslt-wrap{
    background-color: rgba(120,130,140,0.24);
    display: flex;
    padding: 4px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    float: left;
    padding-top: 0;
}
.filter-dynamic-query-list > li .dynmc-rslt-wrap.drw-cont-wrap{
    padding-top: 4px;
}
.filter-dynamic-query-list > li .dynmc-rslt-wrap .dy-label{
    background-color: #fff;
    color: #616161;
    border: none;
    box-shadow: 0px 0px 3px 0px #abaaaa inset;
}
.filter-dynamic-query-list > li .dynmc-rslt-wrap .fa-random{
    position: relative;
    top: 1px;
}
.filter-dynamic-query-list.report-rep > li{
    border-left: 4px solid #4BC0C0;
}
.filter-dynamic-query-list.analytics-rep > li{
    border-left: 4px solid #9c27b0;
}
.tb-dt-tooltip-wrap{
    position: relative;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 3px;
}
.tb-dt-tooltip-wrap > b{
    line-height: 0;
    margin-top: 13px;
}
.tb-dt-tooltip-content{
    position: absolute;
    bottom: calc(100% + 3px);
    width: 200px;
    height:auto;
    border-radius: 5px;
    padding: 0 5px;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    background-color: rgba(245,245,245,0.95);
    backdrop-filter: blur(30px);
    box-shadow: 1px 1px 1px 1px rgba(167,167,167,0.33);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tb-analysis > div:last-child .tb-dt-analysis-tooltip-content{
    right: calc(100% + 3px);
    bottom: unset;
    margin-top: 1px;
}
.tb-analysis > div:last-child .tb-dt-analysis-tooltip-content:after{
    bottom: unset;
    right: -2px;
}
.tb-dt-analysis-tooltip-content > span{
    line-height: 1.4;
    margin-top: 3px;
}
.tb-dt-analysis-tooltip-wrap{
    width:40px !important;
}
.tb-dt-tooltip-content.tb-dt-analysis-tooltip-content{
    width:150px;
}
.tb-dt-tooltip-content > div:first-child{
    width: 100%;
    line-height: 2;
}
.tb-dt-tooltip-content > div:last-child{
    line-height: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
}
.tb-dt-tooltip-content:after{
    position: absolute;
    content: '';
    width:8px;
    height:8px;
    background-color: inherit;
    transform: rotate(45deg);
    bottom: -2px;
    z-index: -1;
}
.tb-dt-tooltip-wrap:hover .tb-dt-tooltip-content{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.pcw-cat-q-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: center;
}
.pcw-cat-q-wrap > span{
    margin:0.25rem 0.15rem !important;
}
.num-rng-val-wrap{
    margin:1px 0 5px;
}
.tb-dt-analysis-tooltip-content .num-rng-val-wrap{
    margin:1px 0 0;
}
.num-rng-val-wrap .dy-label{
    display: flex;
    align-items: center;
    justify-content: center;
    width:22px;
    height:16px;
    padding:0;
    font-size:1em;
}
.num-rng-val-wrap .dy-label > i{
    top:3px;
}

.num-rng-val-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: center;
}
.num-rng-val-wrap > span{
    margin:0.25rem 0.15rem !important;
}
.coupon-total-wrap{
    padding:0 6px 0 1rem;
    border-radius: 25px 10px 10px 25px;
    position: relative;
    display: flex;
    align-items:center;
    justify-content: center;
    box-shadow: 2px 1px 2px 0px #141920;
    font-weight: 600;
}
.coupon-total-wrap.ctw-white{
    box-shadow: none;
    color:#fff;

}
.coupon-total-wrap.ctw-white i,.coupon-total-wrap.ctw-white span{
    color:#fff;
}
.coupon-total-wrap.ctw-white:after{
    background-color: #fff;
    border: 1px solid #ccc;
}
.coupon-total-wrap:after{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #2c3c55;
    border: 1px solid #1e2836;
    left: 5px;
}
.avatar-w--status span{
    position: relative;
}
.avatar-w--status span >i{
    position: absolute;
    background-color: #fff;
    border: 2px solid #2c3c55;
    border-radius: 50%;
    top: 0px;
    left: -5px;
    width: 18px;
    height: 18px;
    font-size: 0.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.avatar-w--status span >i.fa-times{
    padding-bottom: 1px;
}
.avatar-w--status span{
    box-shadow: 1px 1px 2px 0 #051326;
    color:#fff;
}
.main-sidebar-list-wrap .list-item.dk .avatar-w--status span >i{
    background-color: #fff;
    border: 2px solid #202c3d;
}
.main-sidebar-list-wrap.ms-validate .list-item.dk .avatar-w--status span >i{
    background-color: inherit;
}
.main-sidebar-list-wrap.ms-validate .avatar-w--status span >i{
    background-color: inherit;
}
.main-sidebar-list-wrap.ms-validate .avatar-w--status span >i:last-child:before{
    display: none;
}
.main-sidebar-list-wrap .list-item.dk .avatar-w--status span >i.fa-flash{
    outline: 2px solid #202c3d;
}
.detail-info-avatar-wrap.avatar-w--status > span >i.fa-flash{
    outline: 2px solid #ffffff !important;
}
.detail-info-avatar-wrap.avatar-w--status > span >i.fa-flash:before{
    display: none;
}
.detail-info-avatar-wrap.avatar-w--status > span >i.fa-flash,
.main-sidebar-list-wrap.ms-validate .avatar-w--status span >i.fa-flash{
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    border-color: #4caf50 #236e26;
    box-sizing: border-box;
    animation: loadingSpiner 1.5s linear infinite;
    background-color: #fff !important;
    outline: 2px solid #2c3c55;
}
@-moz-keyframes loadingSpiner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loadingSpiner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-o-keyframes loadingSpiner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes loadingSpiner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tb-ico-tooltip span{
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;

}
.tb-ico-tooltip span b{
    position: absolute;
    padding: 3px;
    bottom: calc(100% + 3px);
    background-color: #e9e9e9;
    border-radius: 5px;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    min-width: 115px;
    box-shadow: 1px 1px 2px 0 #bdbdbd;
    z-index: 20;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.tb-ico-tooltip span b:after{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    background-color: #e9e9e9;
    transform: rotate(45deg);
    bottom:-5px;
}
.no-wrap-ws{
    white-space: nowrap;
}
.tb-ico-tooltip:hover span b{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.range-box-head-cus .dropdown-toggle.lang-cus{
    background-color: #ffffff;
    border: 1px solid #e4e6e8;
    padding: 10px 14px !important;
}
.range-box-head-cus .dropdown-toggle.lang-cus:after{
    margin-top: 4px;
    float:right;
}
.range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 92%;
    float: left;
}
.range-box-head-cus.drp-b-h-cus .dropdown-toggle.lang-cus.w-full-dropdown + .dropdown-menu .dropdown-item{
    overflow: hidden;
}
.range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span > div{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.se-re-csu{
    margin-top: 4px;
    height: 37px !important;
    border-color: #e4e6e8;
}
.switcher-cus{
    z-index: 1000;
    position: fixed;
    top: 120px;
    right: -4px;
    width: 50px;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    border: 1px solid rgba(120, 120, 120, 0.1);
    background-clip: padding-box;
    background-color: #fff;
    min-height: 46px;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 0;
    padding-bottom: 8px;
    box-shadow: 0px 1px 5px 0px rgba(175,175,175,0.41);
}
.switcher-cus:hover{
    right:0;
}
.score-frm-grp{
    background-color: #f5f4f4;
    border-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.score-frm-grp .score-val-holder{
    display: flex;
    align-items: center;
}
.score-frm-grp .score-val-holder > small{
    position: absolute;
    left: 20px;
}
.score-frm-grp .score-val-holder > input{
    padding-left: 3.5rem;
    border: none;
    box-shadow: 0px 1px 3px 0px #e3e3e3;
}
.con-l-side{
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.con-c-side{
    border-radius: 0;
    height: 38px !important;
    box-shadow: 0px 0 50px -13px #dfdfdf inset;
}
.con-r-side{
    border-left:none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.cond-item-wrap{
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.cond-item-wrap > span{
    height: 100%;
    border-radius: 0;
    border: none;
    display: flex;
    align-items: center;
    width: 35%;
    text-align: center;
    justify-content: center;
}
.cond-item-wrap.min-max-cond-item > span{
    width:50%;
}
.cond-item-wrap > span.min--max-cond{
    border-radius: 4px 0 0 4px;
}
.cond-item-wrap > span.rmv-btn{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 0.7em;
    position: absolute;
    left: -6px;
    top: -6px;
    border: none;
    transition: all 0.5s;
}
.cond-btn-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    background-color: #fff;
    padding:10px;
    border-radius:5px;
}
.show-anim-wrap > .show-anim:last-child{
    transform-origin: top center;
    -moz-animation-name: DropTr;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;
    -webkit-animation-name: DropTr;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    animation-name: DropTr;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}
ul.navigator-to-anchor-wrap {
    padding: 0;
    list-style: none;
    margin: 0;
}
ul.navigator-to-anchor-wrap li{
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: #fff;
    border-right: 1px solid #efefef !important;
    border-bottom: 1px solid #efefef !important;
    border-top: 1px solid #efefef !important;
    border-left-width: 4px;
    border-left-style: solid;
    overflow: hidden;
    box-shadow: 2px 0px 4px 0px #f3f3f3;
    position: relative;
    transform-origin: left center;
    transition: all 0.2s;
}
ul.navigator-to-anchor-wrap li:hover {
    transform: perspective(100px) scale(0.98);
    box-shadow: -26px 1px 42px -25px #efefef inset;
}
ul.navigator-to-anchor-wrap li.active{
    background-color: #f3f3f3;
}
ul.navigator-to-anchor-wrap li.active > a{
    color:#000;
}
ul.navigator-to-anchor-wrap li .lbl-edit{
    position: absolute;
    width: 30px;
    height: 100%;
    border-radius: 0;
    top: 0;
    right: 0;
    background-color: rgba(239, 205, 0, 0.59);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3e3e3e;
    transform-origin: top center;
    -moz-animation-name: rollR;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;
    -webkit-animation-name: rollR;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    animation-name: rollR;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}
@-moz-keyframes rollR {
    0% {
        transform: translateX(30px);
    }
    100% {
        transform: translateX(0deg);
    }
}
@-webkit-keyframes rollR {
    0% {
        transform: translateX(30px);
    }
    100% {
        transform: translateX(0deg);
    }
}
@keyframes rollR {
    0% {
        transform: translateX(30px);
    }
    100% {
        transform: translateX(0deg);
    }
}
ul.navigator-to-anchor-wrap li > a{
    padding: 4px 6px;
    display: block;
    width: 100%;
    font-size: 0.9em;
    overflow: hidden;
    position: relative;
    color: #878787;
    font-weight: 600;
}
.obj-txt-get-item{
    /*border: 1px solid #ddd;*/
    border-radius: 5px;
    min-height: 40px;
    display: flex;
    margin: 5px;
    width: 32.1%;
    align-items: flex-start;
    float: left;
}
.obj-txt-get-item.otgi-center{
    align-items: center !important;
    justify-content: center;
}
.obj-txt-get-item > small{
    float: left;
    margin: 5px;
}
.obj-txt-get-item > span{
    margin: 5px;
}
.answer-selectable-itemlist li{
    margin: 5px;
    border: 1px solid #ddd;
    padding: 0px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.cl-to-clx-modal {
    max-width: 60%;
}
.prd-answer-list-wrap{
    list-style: none;
    padding: 0;
    margin:0;
}
.prd-answer-list-wrap li{
    border:1px solid #ddd;
    border-radius:4px;
    margin:4px;
    width:calc(100% / 3.1);
    height: 42px;
    display: flex;
    overflow: hidden;
    float:left;
    background-color: #fff;
}
.prd-answer-list-wrap li .prd-answer-image{
    width:62px;
    height: 100%;
    border-right: 1px solid #ddd;
    margin-right:10px;
}
.prd-answer-list-wrap li .prd-answer-image img{
    width: 100%;
    height: 100%;
}
.prd-answer-list-wrap li .prd-answer-info{
    display: flex;
    flex-direction: column;
    font-weight: 600;
    justify-content: center;
}
.prd-answer-list-wrap li .prd-answer-info > span{
    line-height: 1;
}
.prd-answer-list-wrap li .prd-answer-info > span:first-child{
    margin-bottom: 2px;
}
.ans-status-square{
    position: absolute;
    left: 34px;
    top: 12px;
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
}
.once-minus-i{
    top:-1px !important;
}
.score-lb {
    position: absolute;
    left: 0;
    width: 40px;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.score-lb:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg);
    right: -6px;
    border-radius: 50%;
}*/
.w-score-lb{
    padding-left: 3.7rem;
}
.as-ac-shadow{
    box-shadow: 2px 0px 3px -1px #ededed;
}
.ov-visible{
    overflow: visible !important;
}
.blur-alert-box {
    backdrop-filter: blur(45px);
    background-color: rgba(255,255,255,0.66);
}
.action-page-theme{
    margin: 0;
    list-style: none;
    padding: 6px;
    background-color: #f1f1f1;
    border-radius: 3px;
    display: inline-block;
    overflow: auto;
    max-height: 240px;
    box-shadow: 0 0 3px 0 #bfbfbf inset;
}
.action-page-theme > li{
    width:100%;
    margin: 2px;
    padding:2px;
    border:1px solid #ddd;
    border-radius: 4px;
    float:left;
    background-color: #ebebeb;
    cursor:pointer;
    transition: all 0.5s;
}
.action-page-theme > li:hover,.action-page-theme > li.active{
    background-color: #18bd5b
}
.action-page-theme > li > img{
    width:100%;
}

.wrapper-ap-c {
    display: flex;
    min-height: 370px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.wrapper-ap-c .col-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding-left: 16px;

}
.wrapper-ap-c .col-1 img,.wrapper-ap-c .col-2 img {
    width: 100%;
    max-width: 153px;
}
.wrapper-ap-c .col-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    margin-left: 16px;
}
.sec-config-box{
    border:1px solid #ddd;
    padding:1rem;
    margin:4px 8px;
    color:#000;
    border-radius:4px;
    background-color: #fafafa;
}
.sec-config-box .input-group-btn{
    top:-1px;
}
.cf-wizard-steps-status {
    width: 100%;
    display: none;
    justify-content: center;
}
.cf-wizard-steps-status.active {
    display: flex;
}
.cf-wizard-steps-status ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
/*HOrizental*/
.cf-wizard-steps-status.cf-w-hor ul{
    flex-direction: column;
}
.cf-wizard-steps-status.cf-w-hor ul li{
    margin:2rem 0;
}
.cf-wizard-steps-status.cf-w-hor ul li:after{
    top: calc(100% + -4px);
    left: calc(50% + -2px);
    height:72px;
    width:4px;
}
.cf-wizard-steps-status.cf-w-hor ul li:before{
    height:0;
    width:4px;
    top: calc(100% + -4px);
    left: calc(50% + -2px);
}
.cf-wizard-steps-status.cf-w-hor ul li.active:before {
    height: 72px;
    width: 4px;
}
.cf-wizard-steps-status.cf-w-hor ul li .cf-w-status-tooltip {
    transform: rotate(-90deg);
    bottom: calc(50% - 9px);
    right: calc(50% - 19px);
    left:auto;
    padding:2px 8px;
    width: 96px;
    font-size:0.85em;
}
.cf-wizard-steps-status.cf-w-hor ul li.active .cf-w-status-tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-animation: formItemHor ease-in 1;
    -moz-animation: formItemHor ease-in 1;
    animation: formItemHor ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.cf-wizard-steps-status.cf-w-hor ul li:last-child .cf-w-status-tooltip{
    left:auto;
    right: calc(50% - 3px);
}
@-webkit-keyframes formItemHor {
    from {
        opacity:0;
        transform: rotate(-90deg) translateY(-40px);
    }
    to {
        opacity:1;
        transform: rotate(-90deg);
    }
}

@-moz-keyframes formItemHor {
    from {
        opacity:0;
        transform: rotate(-90deg) translateY(-40px);
    }
    to {
        opacity:1;
        transform: rotate(-90deg);
    }
}

@keyframes formItemHor {
    from {
        opacity:0;
        transform:rotate(-90deg) translateY(-40px);
    }
    to {
        opacity:1;
        transform: rotate(-90deg);
    }
}
.cf-wizard-steps-status ul li {
    position: relative;
    float: left;
    margin: 0 4rem;
}
.cf-wizard-steps-status ul li .step-i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background-color: #e1e1e1;
    display: block;
    position: relative;
    z-index: 10;
}
.cf-wizard-steps-status ul li .cf-w-status-tooltip {
    position: absolute;
    /*background-color: #81c784;*/
    background-color: #ececec;
    border-radius: 4px;
    padding: 4px 10px;
    /*color: #2e7d32;*/
    color: #767676;
    bottom: calc(100% + 10px);
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
    white-space: nowrap;
    width: 120px;
    left: calc(50% - 58px);
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
}
.cf-wizard-steps-status ul li .cf-w-status-tooltip:after {
    position: absolute;
    height: 6px;
    width: 6px;
    transform: rotate(45deg);
    bottom: -3px;
    left: calc(50% - 5px);
    content: '';
    background-color: #ececec;
}
.cf-wizard-steps-status ul li.active .step-i {
    background-color: #2e7d32 !important;
    border-color: #fff;
}
.cf-wizard-steps-status ul li.active + li .step-i {
    background-color: #81c784;
}
.cf-wizard-steps-status ul li.active .cf-w-status-tooltip {

    opacity: 1;
    visibility: visible;
    -webkit-animation: formItem ease-in 1;
    -moz-animation: formItem ease-in 1;
    animation: formItem ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.cf-wizard-steps-status ul li.active:before {
    width: 133px;
}
.cf-wizard-steps-status ul li.active.activated .cf-w-status-tooltip {
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
}
.cf-wizard-steps-status ul li:after {
    height: 4px;
    position: absolute;
    content: '';
    top: calc(50% - 2px);
    left: calc(100% + -4px);
    width: 133px;
    background-color: rgba(217, 217, 217, 0.3);
    opacity: 1;
    transition: all 0.5s;
}
.cf-wizard-steps-status ul li:before {
    height: 4px;
    position: absolute;
    content: '';
    top: calc(50% - 2px);
    left: calc(100% + -4px);
    width: 0;
    border-bottom: 4px dotted #81c784;
    opacity: 1;
    z-index: 1;
    transition: all 0.5s;
}
.cf-wizard-steps-status ul li.active.activated:before {
    border-bottom-style: solid;
}
.cf-wizard-steps-status ul li.active:after{
    background-color: transparent;
}
.cf-wizard-steps-status ul li:last-child .cf-w-status-tooltip {
    width: auto;
    left: calc(50% - 34px);
}
.cf-wizard-steps-status ul li:last-child:after, .cf-wizard-steps-status ul li:last-child:before {
    display: none !important;
}
/*@-webkit-keyframes formItem { 
    from { 
        opacity:0;
        transform: translateY(-40px);
    } 
    to { 
        opacity:1; 
        transform: none; 
    }
}

@-moz-keyframes formItem { 
    from { 
        opacity:0;
        transform: translateY(-40px);
    } 
    to { 
        opacity:1; 
        transform: none; 
    }
}*/

@keyframes formItem {
    from {
        opacity:0;
        transform: translateX(0);
    }
    to {
        opacity:1;
        transform: none;
    }
}

.w-b-box-items{
    border:1px dashed #ddd;
    border-radius: 4px;
    margin-bottom: 8px;
    background-color: #fbfbfb;
}

.item-tooltip {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 99;
    line-height: 1.4;
    margin-left: 0;
    padding: 10px;
    white-space: nowrap;
    /*font-size: 0.99em;*/
    text-align: left;
}
.item-tooltip.sm {
    font-size: 0.7rem;
}
.item-tooltip.right {
    transform: perspective(1000px) rotateY(90deg);
    right: calc(100% + 15px);
    transform-origin: right;
}
.item-tooltip.sm.right {
    transform: perspective(1000px) rotateY(90deg);
    right: calc(100% + 5px);
    transform-origin: right;
}
.item-tooltip.right:after {
    top: calc(50% - 5px);
    right: -5px;
}

.item-tooltip.right.sm:after {
    top: calc(50% - 2px);
    right: -2px;
}
.item-tooltip.left {
    transform: perspective(1000px) rotateY(-90deg);
    left: calc(100% + 15px);
    transform-origin: left;
}
.item-tooltip.left:after {
    top: calc(50% - 5px);
    left: -3px;
}
.item-tooltip.top {
    transform: perspective(1000px) rotateX(90deg);
    transform-origin: bottom;
    bottom: calc(100% + 10px);
}
.item-tooltip.top:after {
    bottom: -2px;
    left: calc(50% - 5px);
}
.item-tooltip.bottom {
    transform: perspective(1000px) rotateX(-90deg);
    transform-origin: top;
    top: calc(100% + 15px);
}
.item-tooltip.bottom.sm {
    top: calc(100% + 5px);
}
.item-tooltip.bottom:after {
    top: -5px;
    left: calc(50% - 5px);
}

.item-tooltip.bottom.sm:after {
    top: -3px;
    left: calc(50% - 3px);
}

.item-tooltip:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 0 3px 0px 0;
    background-color: inherit;
    transform: rotate(45deg);
}
.item-tooltip.sm:after {
    border-radius: 0 1px 0px 0;
    width: 5px;
    height: 5px;

}
.ov-vis{
    overflow: visible !important;
}
.item-element {
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-element:hover .item-tooltip {
    opacity: 1;
    visibility: visible;
}
.item-element:hover .item-tooltip.left, .item-element:hover .item-tooltip.right {
    transform: perspective(1000px) rotateY(0deg);
}
.item-element:hover .item-tooltip.top, .item-element:hover .item-tooltip.bottom {
    transform: perspective(1000px) rotateX(0deg);
}
.dt-body-syl{
    background-color: #fbfbfb;
    box-shadow: 0px -4px 4px -5px #ddd inset, 0px 4px 4px -5px #ddd inset;
}
.anim--load-trs-top{
    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.5s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;

    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}
.anim--load-scale{
    -moz-animation-name: dropHeaderScale;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.2s;

    -webkit-animation-name: dropHeaderScale;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.2s;

    animation-name: dropHeaderScale;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.2s;
}
@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(-40px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0);
    }
}
@-moz-keyframes dropHeaderScale {
    0% {
        -moz-transform: scale(0);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-webkit-keyframes dropHeaderScale {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes dropHeaderScale {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

.mt-toolbar-ico{
    padding-bottom: 5px !important;
}
.cto-list-syl-wrap li{
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0,0, 0, 0.04), 2px -1px 2px -1px rgba(0, 0, 0, 0.06);
    padding: 6px 50px 6px 18px;
}
.cto-list-syl-wrap li .list-left > span:first-child{
    position: absolute;
    left: -6px;
    top: -7px;
    border-radius: 12px;
    opacity: 0.8;
}
.cto-list-syl-wrap li .list-body{
    position: absolute;
    right:0;
    top:0;
    height:100%;
    display: flex;
}
.cto-list-syl-wrap li .list-body >i{
    width: 34px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6em;
}
.ad_switch-custom.ad_sc-frm{
    background-color:#f9f9f9;
    border-radius: 6px;
    box-shadow : 0 0 3px 0 #ddd inset;
}
.ad_switch-custom > div:last-child{
    margin-top: 10px;
}
.warning-popup-wrap{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.4);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.warning-popup-wrap .wpw-container{
    max-width: 420px;
    background-color: #fff;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -moz-animation-name: dropTopModal;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.5s;

    -webkit-animation-name: dropTopModal;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;

    animation-name: dropTopModal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 4px;
}
@-moz-keyframes dropTopModal {
    0% {
        -moz-transform: translate(0,-50px);
        opacity:0;
    }
    100% {
        -moz-transform: translate(0,0);
        opacity:1;
    }
}
@-webkit-keyframes dropTopModal {
    0% {
        -webkit-transform: translate(0,-50px);
        opacity:0;
    }
    100% {
        -webkit-transform: translate(0,0);
        opacity:1;
    }
}
@keyframes dropTopModal {
    0% {
        transform:translate(0,-50px);
        opacity:0;
    }
    100% {
        transform: translate(0,0);
        opacity:1;
    }
}
.warning-popup-wrap .wpw-container .wpw-header{
    position: relative;
    padding-top: 1.2rem;
}
.warning-popup-wrap .wpw-container .wpw-header .wpw-h-icon-box{
    position: absolute;
    width: 76px;
    height: 57px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -47px;
    color: #fff;
    margin-left: 0;
}
.warning-popup-wrap .wpw-container .wpw-header .wpw-h-icon-box i{
    font-size: 4em;
}
.warning-popup-wrap .wpw-container .wpw-header h4{
    font-weight: 600;
    font-size: 1.9em;
    color: #525252;
}
.warning-popup-wrap .wpw-container .wpw-content-wrap p{
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    color: #626262;
    padding-top: 5px;
    margin-bottom: 10px;
}
.warning-popup-wrap .wpw-container .wpw-content-wrap small{
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 12px;
    font-size: 1em;
    line-height: 1.2;
    color: #919191;
}
.input-number-wrap{
    position: relative;
    overflow: hidden;
}
.input-number-wrap .input-number{
    position: absolute;
    width: 100%;
    left: 0;
    border-radius: 4px;
    border-color: #e4e6e8;
    padding: 0 25px;
}
.input-number-wrap .input-number-decrement,.input-number-wrap .input-number-increment{
    background-color: transparent;
    position: relative;
    z-index: 9;
    border: none;
    font-weight: 200;
    font-size: 1.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    font-family: 'Montserrat';
}
.input-number-wrap .input-number-increment{
    float: right;
}
.w-box-summery-once{
    border-radius: 10px;
    min-height: 100px;
    width: 90%;
    margin: 1rem 0;
    padding: 10px;
    clear: left;
    display: flex;
    margin-left: 20px;
    background-image: linear-gradient( 135deg, #2AFADF 10%, #4C83FF 100%);
    color:#fff;
    box-shadow: 2px 3px 3px 0 rgba(69,65,78,0.17);
    position: relative;
}
.w-box-summery-once .wbs-details{
    position: absolute;
    color: #fff;
    transform: scale(0.7) translate(-30px, 12px);
}
.w-box-summery-once h4{
    font-size: 1.7em;
    font-weight: 700;
}
.w-box-summery-once span{
    font-size: 2em;
    font-weight: 800;
}
.push-btn-float-wrap{
    position: absolute;
    right: 1rem;
    bottom: -32px;
    z-index: 10;
    cursor: pointer;
}
.push-btn-float{
    border-radius: 0 0 6px 6px;
    background-color: #fff;
    border: 1px solid #eeeff0;
    border-top: none;
    padding: 6px 1rem;
    position: relative;
    font-weight: 600;
    color: #1e87da;
    box-shadow: 0px 2px 2px -1px #f1f1f1;
}
.push-btn-float i{
    font-size: 0.9em;
}
.push-btn-float:before, .push-btn-float:after {
    background: #fff;
    width: 10px;
    height: 10px;
}
.push-btn-float:before {
    right: -10px;
}
.push-btn-float:after {
    left: -10px;
}

.push-btn-float  div:before,
.push-btn-float  div:after {
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #f6fafb;
    z-index: 2;
}
.push-btn-float  div:before {
    right:-16px;
    border-left: 1px solid #eeeff0;
    transform: rotate(-5deg);
}
.push-btn-float  div:after {
    left: -16px;
    border-right: 1px solid #eeeff0;
    transform: rotate(-26deg);
}
.push-btn-float:before,
.push-btn-float:after,
.push-btn-float  div:before,
.push-btn-float  div:after {
    content:"";
    position: absolute;
    top:0;

}
.sfb-w-corner{
    border-radius: 0 0 6px 6px;
    transition: all 0.2s;
}
.sidebar-filter-box.sd-close{
    margin-top: -118px;
}
.sidebar-filter-box.sd-close .push-btn-float{
    background-color: #ffffff;
    color: #1e87da;
}
.sidebar-filter-box.sd-close .push-btn-float:before,.sidebar-filter-box.sd-close .push-btn-float:after{
    background-color: #ffffff;
}
.sidebar-legend-chart .apexcharts-legend{
    padding:10px;
    border-radius: 8px;
}
.sidebar-legend-chart .apexcharts-legend-series {
    cursor: pointer;
    line-height: normal;
    background-color: #efefef;
    padding: 0;
    margin-bottom: 4px !important;
    display:flex;
    align-items: center;
    height:26px;
    overflow: hidden;
}
.sidebar-legend-chart .apexcharts-legend-series > span{
    display: flex;
    align-items: center;
    margin:0 4px;
}
.sidebar-legend-chart .apexcharts-legend-series > span:first-child{
    min-width: 12px;
    box-shadow: -3px 0 3px -2px rgba(96 ,96 ,96, 0.26) inset;
    margin:0;
    justify-content: center;
}
.sidebar-legend-chart .apexcharts-legend-series > span:last-child{
    height:inherit;
    width:100%;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.tb-w-more{
    position: relative;
    display: flex;
    align-items: center;
}
.tb-w-more .dropdown-menu > span {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    font-size: 0.9em;
    color: #565656;
}
.tb-w-more .dropdown-menu:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(-45deg);
    top: -5px;
    right: 8px;
}
.tb-w-more .dropdown-menu > span {
    padding: 6px 5px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    font-size: 0.8em;
    color: #565656;
}
.tb-w-more .dropdown-menu{
    right:2.8rem;
}
.tb-w-more .dropdown-menu > span i {
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}
.tb-w-more .dropdown-menu > span i.fa-mobile {
    font-size: 1.4em;
}
.tb-w-more .nav-link{
    padding: 0 4px !important;
    line-height: 0px;
    border-radius: 4px;
    margin-left: 4px;
    height: 16px;
}
.shared-channel-timeline-list{
    margin: 0;
    padding:0;
}
.shared-channel-timeline-list li{
    margin-bottom: 0;
}
.shared-channel-timeline-list li:last-child .bar-span{
    display: none;
}
.shared-channel-timeline-list li .bar-span{
    position: absolute;
    left: 32px;
    content: '';
    height: calc(100% - 45px);
    width: 4px;
    top: 52px;
    z-index: 1;
    border-radius: 15px;
}
.shared-channel-timeline-list li .list-body{
    border: 1px solid #f5f5f5;
    padding: 6px 10px 10px 10px;
    border-radius: 6px;
    background-color: #fdfdfd;
    box-shadow: 1px 1px 0px 1px #f7f7f7;
    margin-left: 45px;
}
.shared-channel-timeline-list li .avatar-w--status{
    position: relative;
    z-index: 6;
}
.shared-channel-timeline-list li .avatar-w--status span{
    outline: 4px solid #fff;
    box-shadow:none;
    width:35px;
    height:35px;
}
.shared-channel-timeline-list li .list-body:after{
    display: none;
}
.share-channel-items{
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 800;
    height:26px;
    overflow: hidden;
}
.share-channel-items .sci-lbl{
    overflow: hidden;
}
.share-channel-items .sci-lbl span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.share-channel-items i{
    height: 30px;
    width:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    overflow:hidden;
    max-width: 30px;
    min-width: 30px;
}
.share-channel-items i:after{
    position: absolute;
    content: '';
    width:6px;
    height:6px;
    transform: rotate(45deg);
    right:-3px;
    background-color: #ebebeb;
}
.share-channel-items .label{
    background-color: #e3e3e3;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: #2196f3;
    font-size: 1em;
}
.sidebar-legend-chart .apexcharts-toolbar{
    background-color: transparent !important;
}
.custom-marker{
    color:#fff;
    font-size:0.8em;
}
.widgets-list-chart .apexcharts-legend-series {
    width:100%;
    position: relative;
    margin-bottom: 4px !important;
    border: 1px solid #e9e9e9;
    padding: 4px 8px;
    height:34px;
}
.widgets-list-chart .apexcharts-legend-marker {
    position: unset !important;
    display: flex;
    align-items: center;
}
.widgets-list-chart .custom-marker{
    position: absolute;
    right: 10px;
    color: #000;
    font-size: 1em;
    font-weight: 600;
}
.widgets-list-chart .apexcharts-legend-text{
    width:90%;
    line-height: 1;
}
.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    border: 1px dashed #e0e0e0;
    border-radius: 5px;
    transition: 0.2s;
    margin-top: 5px;
    background-color: #fdfdfd;
    justify-content: center;
    flex-direction: column;
    transition: all 0.5s;
}
.file-drop-area:hover{
    background-color: #efefef;
}
.file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px dashed #3184bb;
}

.fake-btn {
    flex-shrink: 0;
    padding: 8px 15px;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.file-msg {
    font-size: small;
    font-weight: bold;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #757575;
    text-align: center;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.file-input:focus {
    outline: none;
}
.wbbi-no-border{
    border-color: transparent !important;
    background-color: #22b66e;
    color: #fff;
    margin: 0px -9px 6px;
}
.steps{
    width:100%;
}
.single-mail-box-wrap{
    background-color: #f5f5f5;
    padding:1rem 2rem;
    margin-bottom: 1rem;
    box-shadow: 0px 4px 3px -4px #ddd inset, 0px -4px 3px -4px #ddd inset;
}
.single-mail-box-wrap button{
    width:25%;
}

.switch-field {
    padding: 0 0 20px;
    overflow: hidden;
}

.switch-title {
    margin-bottom: 0.5em;
}

.switch-field input {
    display: none;
}

.switch-field label {
    float: left;
}

.switch-field label {
    /*background-color: #efefef;*/
    color: rgba(2, 117, 216, 0.45);
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
    padding: 0.5em 1em;
    width:45%;
    height:46px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 4px solid #e3f4ff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    -ms-transition:     all 0.4s ease-in-out;
    -o-transition:      all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;
}
.switch-field label.active:before{
    opacity: 1;
    width:100%;
}
.switch-field label:before{
    content:"";
    width:0;
    position: absolute;
    height:4px;
    background-color: #1893fd;
    bottom: -4px;
    opacity: 0;
    transition: all 0.5s;
}

.switch-field label:hover {
    cursor: pointer;
    color:#0275d8;
    text-shadow: 0px 3px 0px #e3f4ff;
}
.switch-field label.active:hover{
    text-shadow: none !important;
}
.switch-field label:hover:after{
    text-shadow: none !important;
}

.switch-field input:checked + label {
    background-color: #007ac2;
    color: white;
}

.switch-field label:first-of-type {
    border-radius: 0;
    position: relative;
    padding-right: 1.5rem;
}
.switch-field label.active:first-of-type:after{
    border-color: #efefef;
    border-left-color: #1995ff;
    border-bottom-color: #1995ff;
    transition: all 0.5s;
}
.switch-field label:first-of-type:after{
    position: absolute;
    content: 'Or';
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0275d8;
    right: -16px;
    bottom: -16px;
    z-index: 10;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #efefef;
    border-right-color: #1995ff;
    border-bottom-color: #1995ff;
    transition: all 0.5s;
}

.switch-field label:last-of-type {
    border-radius: 0;
    padding-left: 1.5rem;
}
.main-language-selections{
    width:82px;
}
.main-language-selections .dropdown-toggle.lang-cus{
    padding:6px 15px 6px 6px !important;
    position: relative;
    border:none !important;
    background-color: rgba(0 ,62 ,133 , 0.07);
}
.main-language-selections .dropdown-toggle.lang-cus:after{
    position: absolute;
    width:6px;
    height:6px;
    border-color: #94989f;
}
.main-language-selections .dropdown-toggle.lang-cus.w-full-dropdown > span{
    font-size: 0.8em;
}
.main-language-selections .dropdown-toggle.lang-cus.w-full-dropdown > span > span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-language-selections.range-box-head-cus.drp-b-h-cus .dropdown-toggle i{
    font-size: 1.5em !important;
    margin-right:6px !important;
}
.main-language-selections.range-box-head-cus .dropdown-menu{
    min-width: 68px !important;
    padding: 4px 2px;
    padding-right: 6px;
}
.main-language-selections.range-box-head-cus .dropdown-menu .dropdown-item i{
    opacity: 1;
}
.tb-detail-r-detail tbody tr td:last-child{
    /*padding: 0;*/
    position: relative;
    overflow: hidden;
}
.tb-detail-r-detail.ls-ov-vis tbody tr td:last-child{
    overflow:visible !important;
}
.tb-detail-r-detail.no-ovr tbody tr td:last-child{
    overflow:visible;
}
.tb-detail-r-detail tbody tr:hover td:last-child .btn-group{
    width: 90%;
}
.tb-detail-r-detail tbody tr td:last-child .btn-group{
    width: 75%;
    height: 100%;
    float: right;
    transition: all 0.2s;
}
.tb-detail-r-detail tbody tr td:last-child .btn-group .btn{
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border:none;
    box-shadow: none;
    outline: none;
}
.tb-detail-r-detail tbody tr td:last-child .btn-group .dl-tb-btn{
    background-color: #2196f3;
}
.tb-detail-r-detail tbody tr td:last-child .btn-group .dl-tb-btn > i{
    font-size:1em !important;
    color:#fff !important;
}
.tb-detail-r-detail tbody tr td:last-child .btn-group .btn i{
    font-size: 0.8em;
    color: #90a4ae;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color: #eceff1;
}
.tb-detail-r-detail tbody tr td:last-child .btn-group.trash-btn button i{
    color: unset;
    font-size: 1em;
    top: 3px;
}
.tb-detail-r-detail tbody tr:hover td:last-child .btn-group button i{
    animation: arrow-move-r 0.8s infinite;
}
.tb-detail-r-detail tbody tr:hover td:last-child .btn-group.trash-btn button i{
    animation: none !important;
}
@keyframes arrow-move-r
{
    0% {
        margin-right: 6px;
        opacity:0;
    }
    100% {
        margin-right: 0px;
        opacity:1;
    }
}

.toolbar-question-btn{
    background-color: rgba(0 ,62 ,133 , 0.07);
    border: none;
    padding: 4px 11px;
    color: #2196f3;
    font-size: 1.1em;
    margin-top: 4px;
}
.opt-sidebar-wrap.helper-sidebar-tab .nav-active-border .nav .nav-link.active:after{
    display: none;
}
.opt-sidebar-wrap.helper-sidebar-tab .nav-active-border .nav .nav-link:before{
    top: calc(100% - 0px);
    bottom: auto;
}
.opt-sidebar-wrap.helper-sidebar-tab .nav-active-border .nav .nav-link.active{
    background-color: transparent;
    box-shadow: none;
    color: #2196f3;
}
.opt-sidebar-wrap.helper-sidebar-tab .nav-active-border .nav .nav-link{
    border-right:none;
    margin-right: 10px;
    padding:12px;
    white-space: nowrap;
    font-size: 0.94em;
}
.opt-sidebar-wrap.helper-sidebar-tab .nav-active-border .nav .nav-link:hover{
    color: #2196f3;
}
.err-list-wrap{
    padding-left: 1.8rem;
    list-style: none;
}
.err-list-wrap li{
    position: relative;
    display:flex;
    align-items: center;
}
.err-list-wrap li:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border: 1px solid #c9c9c9;
    transform: rotate(-45deg);
    left: -10px;
}
.list-accord-type-wrap.list-status-latw{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0;
}
.list-accord-type-wrap.list-status-latw li{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 0 0;
    padding:0;
}
.list-accord-type-wrap.list-status-latw li:last-child{
    margin-right: 0;
}
.list-accord-type-wrap{
    padding:0;
}
.list-accord-type-wrap li{
    border:none;
    display: flex;
    /*cursor: pointer;*/

}
.list-accord-type-wrap li:after{
    display:none;
}
.list-accord-type-wrap li .list-left > span{
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 6px;
    background-color: #F3F6F9;
    width:50px;
    height:50px;
}
.list-accord-type-wrap li .list-body:after{
    display: none;
}
.list-accord-type-wrap li .list-body .list-desc{
    color:#757575;
    font-size: 1em;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: clip;
}
/*.list-accord-type-wrap li:hover .list-body .list-desc{
    display: block;
}*/
.alert-info > i{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid;
    opacity: 0.9;
}
.row-btn-wrap .btn-icon{
    line-height: unset;
    transition: all 0.2s;
    box-shadow: 0 0 0 0 #e7e7e7;
    box-shadow: 2px 2px 0 0px #e7e7e7;
    cursor: initial;
}
.row-btn-wrap .btn-icon:hover{
    box-shadow: 2px 2px 0 0px #e7e7e7;
}
.row-btn-wrap .btn-icon:hover > i{
    transform: rotate(6deg);
}
.row-btn-wrap .btn-icon > i{
    position: relative;
    top: unset;
    display: flex;
    font-style: normal;
    font-size: .9em;
    transition: all 0.3s;
    transform: rotate(6deg);
}
.info-w-tooltip > div{
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}
.info-w-tooltip > div >i{
    margin:0 !important;
}
.info-w-tooltip > div >i.flag-icon{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-size: cover;
}
.info-w-tooltip > div:hover > span{
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.info-w-tooltip > div > span{
    position: absolute;
    display: block;
    white-space: nowrap;
    background-color: inherit;
    border-radius: 4px;
    padding: 1px 6px;
    bottom: calc(100% + 5px);
    opacity: 0;
    transform: translateY(10px);
    transition:all 0.3s;
    font-weight: 600;
    font-size: 0.9em;
    box-shadow: 0 -2px 0 0;
    visibility: hidden;
}
.info-w-tooltip div.iw-t-msg-top > span{
    min-width:170px;
    max-width: 170px;
    white-space: normal;
    z-index:2;
    text-align:center;
}
.info-w-tooltip > div > span:after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: inherit;
    transform: rotate(45deg);
    bottom: -2px;
    left: calc(50% - 2px);
}
.err-alert-box {
    padding: 10px;
}
.err-alert-box ul{
    margin: 0;
    list-style: circle !important;
    padding: 0 2rem;
    font-weight: 600;
    line-height: 2;
}
.valid-card-modal{
    z-index: 1000000;
}
.valid-card-modal .modal-body{
    padding:0;
}
.modal-backdrop{
    z-index: 104000;
}
.modal{
    z-index: 105000;
}
.valid-card-banner{
    position:relative;
    overflow: visible;
    height:90px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.cus-lh-opt-tb{
    line-height: 1.8;
}
.ns-2col-grey tbody tr td:nth-child(2){
    background-color: #f1faff;
}
.ns-3col-grey tbody tr td:nth-child(3){
    background-color: #f1faff;
}
.ns-5col-grey tbody tr td:nth-child(5){
    background-color: #fafafa;
}
.tb-profile-us-mail .nested-tb{
    border-spacing: 0;
}
.tb-profile-us-mail .nested-tb > thead > tr > th:first-child,
.tb-profile-us-mail .nested-tb > thead > tr > th:last-child{
    border-radius: 0;
}
.tb-profile-us-mail .tb-detail-r-detail > thead > tr > th{
    background-color: #f5f5f5 !important;
    color: #00152c !important;
}
.ns-tb-xl-trans.nested-tb > tbody > tr{
    background-color: #fff !important;
}
.ns-tb-xl-trans.nested-tb > tbody > tr > td{
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    border-bottom:1px dashed #f3f3f3 !important;
    height:68px;
}
.ns-tb-xl-trans.nested-tb > tbody > tr:last-child > td{
    border-bottom: none !important;
}
.valid-card-banner .avatar{
    width:50px;
    height:50px;
    position: absolute;
    bottom:-38px;
    left:10px;
    border: 5px solid #fff;
    background-color: inherit;
    color:#fff;
    display:flex !important;
    justify-content: center;
    align-items: center;
}
.rv-v3-w .valid-card-banner .avatar{
    bottom:-40px;
    left:12px;
    border:none;
    outline:5px solid #fff;
    border-radius:5px;
}
.rv-v4-w .valid-card-banner .avatar{
    bottom:-32px !important;
}
.rv-v3-w.resualt-verify-v2-wrap .valid-main-status-wrap .valid-card-banner > span{
    margin-left:4.5rem !important;
}
.rv-v3-w.resualt-verify-v2-wrap .valid-card-content-wrap{
    margin-top:-2rem !important;
}
.rv-v3-w .valid-info-main-wrap .v-info-status{
    width:60px !important;
    margin-right:10px;
    margin-left: 5px;
    margin-top: 21px;
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li >div, .rv-v3-w .valid-info-main-wrap .v-info-status ul li >a{
    border-radius: 6px;
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li:last-child{
    margin-bottom: 0 !important;
}
.resualt-verify-v2-wrap.rv-v3-w .valid-info-main-wrap .v-info-summery{
    padding: 1rem 1.5rem 0 1.5rem !important;
    box-shadow: 0px 0px 2px 1px rgba(227,227,227,0.62) inset;
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li .flag-icon{
    width:32px !important;
    height:32px !important;
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li{
    width:50px !important;
    height:50px !important;
    margin-bottom:10px !important;
    margin-right:9px !important;
    opacity: 0;
    animation: fadeIn 0.3s ease-in both;
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li:nth-child(1) {
    animation-delay: 0.3s
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li:nth-child(2) {
    animation-delay: 0.5s;
}
.rv-v3-w .valid-info-main-wrap .v-info-status ul li:nth-child(3) {
    animation-delay: 0.8s;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content .form-group{
    border-bottom: none;
    width:50%;
    float:left;
    padding:0 10px;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content .form-group > div{
    width:50%;
    float:left;
    white-space: nowrap;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content .form-group > div:last-child{
    text-align:center;
}
/*no action when no grouping*/
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content.vac-no-ac-nogrp .form-group{
    width:100%;
    float:left;
    padding:7px 5px;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content.vac-no-ac-nogrp .form-group > div{
    width:100%;
    float:left;
    white-space: normal;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content.vac-no-ac-nogrp .form-group > div{
    width: 100%;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content.vac-no-ac-nogrp .form-group .lb-status-bg-wrap{
    float:left;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content.vac-no-ac-nogrp .form-group > div:last-child{
    text-align:left;
}
/*no action when no grouping END*/

.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .box-body,
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-gsm-wrap .box-body{
    height:auto !important;
}
.valid-card-banner .avatar > span{
    color:#fff;
}
.valid-card-banner > span{
    font-size: 2.6em;
    color: rgba(255,255,255,0.27);
    font-weight: 600;
    position: relative;
    top: -24px;
    left: 2rem;
}
.valid-card-content-wrap{
    position: relative;
    padding: 1rem;
    margin-top: -2.6rem;
    display: block;
    float: left;
    width: 100%;
}
.valid-card-acc{
    box-shadow: none;
    border: none;
}
.valid-card-acc .box-header{
    position: relative;
    padding: 1rem;
    border-radius: 5px;
    border: none !important;
    margin-bottom: 4px;
    background-color: rgba(151, 178, 201 , 0.21);
    box-shadow: none;
}
.valid-card-acc .box-header > h6{
    font-size:1em;
    color:#1d2e5e;
    padding: 8px 10px;
}
.valid-card-acc .box-body{
    border-radius: 5px;
    margin: 0 5px;
    background-color: #f9f9f9 !important;
    border-bottom: none;
    padding: 6px 10px;
}
.valid-info-main-wrap{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.valid-info-main-wrap .v-info-status{
    width:152px;
    margin-right: 10px;
}
.valid-info-main-wrap .v-info-status ul{
    list-style: none;
    padding:0;
    margin:0;
}
.valid-info-main-wrap .v-info-status ul li{
    width:70px;
    height:70px;
    float:left;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 5px;
    background-color: #fafafa;
    overflow: hidden;
}
.valid-info-main-wrap .v-info-summery{
    width:65%;
}
.valid-info-main-wrap .v-info-summery .form-group{
    margin-bottom: 8px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.65);
    padding-bottom: 7px;
    color: #505c6a;
}
.valid-info-main-wrap .v-info-summery .form-group:last-child{
    border-bottom: none;
}
.valid-info-main-wrap .v-info-status ul li >div,
.valid-info-main-wrap .v-info-status ul li >a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.valid-info-main-wrap .v-info-status ul li > div >span,
.valid-info-main-wrap .v-info-status ul li > div >i,
.valid-info-main-wrap .v-info-status ul li >a >i{
    position: absolute;
    left:0;
    top:0;
    width:inherit;
    height:inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.valid-info-main-wrap .v-info-status ul li > div >span{
    background-color: inherit;
    font-size: 0.6em;
    font-weight: 800;
    text-align: center;
    transition: all 0.2s;
}
.valid-info-main-wrap .v-info-status ul li:first-child > div >span{
    transform: translateX(-100%);
}
/*.valid-info-main-wrap .v-info-status ul li:nth-child(2) > div >span{
    transform: translateY(100%);
}*/
.valid-info-main-wrap .v-info-status ul li:nth-child(2)  >a >i:after{
    transform: translateY(-100%);
}
.valid-info-main-wrap .v-info-status ul li:last-child > div >span{
    transform: translateX(100%);
    background-color: #cfd9e3;
}
.valid-info-main-wrap .v-info-status ul li > div >i{
    font-size:1.5em;
}
.valid-info-main-wrap .v-info-status ul li:hover > div >span,
.valid-info-main-wrap .v-info-status ul li:hover >a >i:after{
    transform: translateY(0);
    transform: translateX(0);
}

.valid-info-main-wrap .v-info-status ul li >a >i{
    font-size:2em;
    font-style: normal;
}
.valid-info-main-wrap .v-info-status ul li >a >i:after{
    position: absolute;
    content: 'Score';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.2s;
    background-color: inherit;
    font-size: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.valid-info-main-wrap .v-info-status ul li:last-child{
    background-color: #cfd9e3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.valid-info-main-wrap .v-info-status ul li .flag-icon{
    font-size: 2em;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;
    background-size: cover;
    box-shadow: 0 0 3px 0 rgba(22, 22, 22, 0.5), 0 0 6px -1px #6e6e6e inset;
    left: auto;
    top: auto;
}
.valid-main-status-wrap .valid-card-banner{
    height: 40px;
    padding: 0;
    margin-bottom: 0;
    opacity: 0.8;
}
.valid-main-status-wrap .chg-list-view-wrap{
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    z-index: 100;
    font-size: 1.3em;
}
.valid-main-status-wrap .chg-list-view-wrap > div{
    position: relative;
    display: flex;
    justify-content: center;
    margin-left:10px;
}
.valid-main-status-wrap .chg-list-view-wrap > div:first-child i{
    font-size:0.9em;
    padding-top:1px;
}
.valid-main-status-wrap .chg-list-view-wrap > div > span{
    position: absolute;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    white-space: nowrap;
    font-size: 0.6em;
    top: calc(100% + 5px);
    right: 0;
    background-color: rgba(255, 255, 255,0.37);
    border-radius: 4px;
    color: #000;
    padding: 2px 6px;
    backdrop-filter: blur(18px);
}
.valid-main-status-wrap .chg-list-view-wrap > div:hover > span{
    transform:translateY(0);
    opacity: 1;
    visibility: visible;
}
.resualt-verify-v2-wrap .valid-main-status-wrap .valid-card-banner > span{
    top: 12px;
    text-transform: uppercase;
    font-size: 1.4em;
    margin-left: 4rem;
    position: relative;
    filter: drop-shadow(1px -1px 0px rgba(225,225,225,0.5));
    height: 82px;
}
.valid-main-status-wrap .valid-card-banner > span{
    position: relative;
    left: 7px;
    top: -20px;
    opacity: 1;
    /*color:#fff !important;*/
}
.resualt-verify-v2-wrap .valid-main-status-wrap .valid-card-banner .avatar{
    display: flex !important;
}
.valid-main-status-wrap .valid-card-banner .avatar{
    display: none !important;
}
.w-trc-statu > div{
    background-color: transparent !important;
}
.w-trc-statu > div > i{
    margin-right:5px;
}
.f-lbl-syl {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.f-lbl-syl > div:first-child{
    font-size: 0.7em;
    /*    opacity: 0.5;*/
    color: #a7b5bc;
    padding: 0 8px;
}
.f-lbl-syl > div:last-child{
    padding-top: 0;
}
.valid-acc-content .form-group {
    border-bottom: 1px dashed #e9e9e9;
    padding: 7px 5px;
    color: #505c6a;
    margin-bottom: 0;
}
.valid-acc-content .form-group:last-child{
    border-bottom: none;
}
.w-tooltip i {
    border: 1px solid;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}
.valid-leg-fixed .apexcharts-legend{
    display: flex;
    width: 100%;
    left: 0 !important;
}
.valid-leg-fixed .apexcharts-legend-series{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px !important;
    padding: 0;
    border-radius: 5px;
    float: left;
    width: auto;
}
.valid-leg-fixed .apexcharts-legend-series .apexcharts-legend-marker{
    height: 30px !important;
    border-radius: 6px !important;
}
.valid-leg-fixed .apexcharts-legend-series .apexcharts-legend-text{
    position: absolute;
    color: #fff !important;
    font-weight: 800 !important;
}
.wmap-frame-wrap{
    /*background-color:#f5f5f5;*/
    /*background-color:#1f283e;*/
    border-radius: 6px;
    box-shadow: 1px 1px 5px 1px rgba(225,225,225,0.8);
}
.country-map-list-wrap{
    overflow:hidden;
    position: relative;
}
.country-map-list-wrap:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    left: 0;
    bottom: 0;
    box-shadow: 0px -38px 8px -10px #fff inset;
}
.country-map-list-wrap ul{
    padding: 6px 10px 10px 0;
    margin: 0;
    overflow: auto;
    height: 390px;
}
.country-map-list-wrap.cmlw-w-percent{
    padding-top: 3rem;
}

.country-map-list-wrap ul li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    margin-bottom: 4px;
    background-color: #f1f1f1;
    border-radius: 6px;
    transition:all 0.2s;
    border:1px solid #fff;
    cursor:pointer;
}
.country-map-list-wrap.cmlw-w-percent ul li{
    margin-bottom: 0px;
    background-color: #ffffff;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.country-map-list-wrap ul li:hover{
    background-color: #ddd;
    box-shadow:2px 2px 1px 0 #ddd;
}
.country-map-list-wrap.cmlw-w-percent ul li:hover {
    border: 1px solid #f0f0f0;
    padding-bottom: 8px;
    background-color: transparent;
    box-shadow: none;
}
.country-map-list-wrap ul li:hover i{
    box-shadow:0 1px 4px 0 #000000,0 0 0 0 rgba(0,0,0,0) inset;
}
.country-map-list-wrap.cmlw-w-percent ul li .progress{
    position: relative;
    overflow:visible;
}
.country-map-list-wrap.cmlw-w-percent ul li .progress > span{
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    color: #fff;
    border-radius: 4px;
    padding: 0px 5px;
    display: flex;
    align-items:center;
    justify-content: center;
}
.country-map-list-wrap.cmlw-w-percent ul li .progress > span:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    bottom: -3px;
    right: 7px;
    background-color: inherit;
}
.country-map-list-wrap ul li > div > span.r-circle:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    top: calc(50% - 2px);
    left: -15px;
    border-radius: 50%;
    background-color: #ddd;
}
.country-map-list-wrap ul li > span{
    font-weight: 800;
    color:#455a64;
    font-size: 1.1em;
}
.country-map-list-wrap ul li > div{
    display: flex;
    align-items: center;
}
.country-map-list-wrap.cmlw-w-percent ul li > div:first-child{
    margin-bottom: 10px;
}
.country-map-list-wrap ul li > div > span{
    font-weight: 700;
    color: #4b5a64;
    position: relative;
    transition: all .2s
}
.country-map-list-wrap ul li i{
    margin-right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: 38px 28px;
    box-shadow: 0px 0px 3px 0px #7e7e7e, 0px 0px 10px -1px #4a4a4a inset;
    transition:all 0.5s;
}
.country-map-list-wrap ul li:hover > div > span{
    color:#000;
}
.unknown-flag,.flag-icon-zz{
    background-image: url('../../images/unknown-v.png');
}
.country-map-list-wrap ul li i.unknown-flag,
.country-map-list-wrap ul li i.flag-icon-zz{
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.status-tb-box > div{
    position: relative;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 0 0px #ccc;
    border: 1px solid #fff;
}
.status-tb-box > div > span{
    position: absolute;
    left:calc(100% + 8px);
    white-space: nowrap;
}
.status-tb-box > div > i{
    font-size: 1.1em;
}
.status-tb-box.iw-t-r-side > div > span:after{
    bottom: calc(50% - 2px);
    left: -2px;
}
.status-tb-box.iw-t-r-side > div > span{
    bottom:auto;
    left:calc(100% + 8px);
    box-shadow:2px 0 0 0;
    z-index: 10;
}
.valid-leg-fixed.vlf-w-tooltip .apexcharts-legend-series:hover .apexcharts-legend-text{
    transform: translateY(0);
    opacity: 1;
}
.valid-leg-fixed.vlf-w-tooltip .apexcharts-legend{
    overflow:visible;
}
.valid-leg-fixed.vlf-w-tooltip .apexcharts-legend-series .apexcharts-legend-text{
    position: absolute;
    color: #fff !important;
    font-weight: 500 !important;
    top: -23px;
    background-color: #8f9ebd;
    padding: 2px 6px;
    border-radius: 3px;
    transform: translateY(5px);
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.valid-leg-fixed.vlf-w-tooltip .apexcharts-legend-series .apexcharts-legend-text:after{
    position:absolute;
    content:'';
    width:4px;
    height:4px;
    transform: rotate(45deg);
    background-color:#8f9ebd;
    bottom: -2px;
}
.valid-leg-fixed.vlf-w-tooltip .apexcharts-legend-series .apexcharts-legend-marker{
    width:22px !important;
    height: 16px !important;
    border-radius:5px !important;
}
.detail-info-avatar-wrap.avatar-w--status.ms-validate > span >i{
    background-color: inherit !important;
}
.detail-info-avatar-wrap.avatar-w--status.ms-validate > span >i.fa-flash{
    background-color: #ffffff !important;
}
.detail-info-avatar-wrap.avatar-w--status.ms-validate > span >i:before{
    display: none !important;
}

.verify-streamline-wrap .sl-item{
    background-color: #fbfbfb;
    box-shadow: 0 0 3px -1px #c4c4c4;
    border-radius: 4px;
    margin-bottom: 8px;
    transition: all 0.5s;
    padding: 0 16px 4px 16px !important;
}
.verify-streamline-wrap .sl-item.active{
    background-color: #e6f2ff !important;
    box-shadow: -10rem 0rem 90px -4rem rgba(30, 100, 255, 0.24) inset !important;
}
.verify-streamline-wrap .sl-item:last-child:after{
    display: block;
}
.verify-streamline-wrap .sl-item .sl-item-time{
    display: flex;
    align-items: center;
    height:100%;
}
.verify-streamline-wrap.streamline-theme .sl-item:after{
    top:0;
    bottom: 0;
    border-left-width: 4px;
    left: 16% !important;
    opacity: 0.3;
}
.verify-streamline-wrap .sl-content{
    flex-direction: row;
    align-items: center;
}
.verify-streamline-wrap .sl-co-top{
    flex-direction: column;
    width: 90%;
    justify-content: center;
    align-items: flex-start;
}
.verify-streamline-wrap .sl-co-top > span{
    max-width:100% !important;
}
.verify-streamline-wrap .sl-co-top > span:first-child{
    font-size: 0.9em;
}
.verify-streamline-wrap .sl-co-top > span:last-child{
    font-size: 1.1em;
}
.verify-streamline-wrap .sl-item:before{
    display: none !important;
}
.verify-streamline-wrap .sl-item .valid-stream-status{
    position: absolute;
    width: 32px;
    height: 32px;
    outline: 3px solid #fbfbfb;
    left: 13.41%;
    top: 10px;
    background-color: #fff;
    box-shadow: 0px -5px 0 -2px #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.verify-streamline-wrap .sl-item .valid-stream-status > div{
    width:32px;
    height:32px;
    border-radius: 50%;
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;

}
.verify-streamline-wrap .sl-item .valid-stream-status > div:hover > span{
    opacity: 1;
    transform: translateY(0);
}
.verify-streamline-wrap .sl-item .valid-stream-status > div > span{
    display: flex;
    position: absolute;
    background-color: inherit;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
    font-size: 0.8em;
    border-radius: 4px;
    bottom: calc(100% + 4px);
    border-top: 2px solid;
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.4s;
}
.verify-streamline-wrap .sl-item .valid-stream-status > div > span:after{
    position: absolute;
    content: '';
    width:4px;
    height:4px;
    transform: rotate(45deg);
    background-color: inherit;
    bottom: -2px;
}
.verify-streamline-wrap .sl-co-bottom{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bebebe;
    border-radius: 50%;
}
.verify-streamline-wrap .sl-item:hover  .sl-co-bottom{
    background-color: #eee;
    color: #607d8b;
}
.nav-float-hvr-wrap{
    background-color: rgba(165 ,177,186, 0.1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.nav-float-hvr {
    border-radius: 6px;
    padding:6px;
    position: relative;
}
.nav-float-hvr a.active{
    color:#fff !important;
}
.nav-float-hvr a{
    color: #65696c !important;
    margin-right: 0 !important;
}
.nav-float-hvr a:hover{
    color: #2196f3 !important;
}
.nav-float-hvr a.active:hover{
    color:#fff !important;
}

.nav-float-hvr a:before{
    display: none;
}
.nav-float-hvr.nth-1:before{
    transform: translateX(0);
}
.nav-float-hvr.nth-2:before{
    transform: translateX(100%);
}
.nav-float-hvr:before{
    position: absolute;
    content: '';
    height: 79%;
    width: 47.4%;
    border-radius: 4px;
    background-color: #2196f3;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 1.34, 1, 1);
    transition-delay: 0s;
}
.bcw-percent-wrap .apexcharts-legend{
    display: flex;
    flex-direction: column;
}
.bcw-mail-lg-cus.bcw-percent-wrap .apexcharts-legend{
    flex-wrap: nowrap !important;
    padding: 6rem 12px 1rem;
    margin-top: 0rem;
    max-height: 134px !important;
}
.bcw-percent-wrap.archive-pw-legened .apexcharts-legend{
    padding:0 5rem;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-series{
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    margin-top: 4px !important;
    margin-bottom: 10px !important;
    position: relative;
    background-color: #f0f0f0;
    margin-left: 45% !important;
    box-shadow: 0px 0px 5px 0px #dedede inset;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-marker{
    transition: all 0.5s;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-marker:after{
    position: absolute;
    content: attr(data-percent);
    width: auto;
    border-radius: 3px;
    z-index: 1;
    color: #fff;
    background-color: inherit;
    padding: 2px 3px;
    right: calc(100% + 6px);
    font-size: 0.7em;
    top: -2px;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-marker:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    background-color: inherit;
    right: calc(100% + 4px);
    top: 2px;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-text{
    top: 0;
    color: #888 !important;
    position: absolute;
    right: 100%;
    text-align: left;
    width: 80%;
    padding-left: 12px;
    transition:all 0.45s;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-text:hover{
    color:#000 !important;
}
.bcw-percent-wrap .apexcharts-legend .apexcharts-legend-text:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    top: calc(50% - 3px);
    z-index: -1;
    border-bottom: 2px solid #888;
    border-right: 2px solid #c6c6c6;
    transform: rotate(-45deg);
}
.box-notification-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.2rem 13rem 2.2rem 2rem;
    background-image: url('../../images/email_verifier_crea.svg');
    background-repeat: no-repeat;
    background-position: center right -22px;
    background-size: 317px;
}
.box-notification-wrap.bnw-validation{
    background-image: url('../../images/email_valid_crea.svg');
}
.box-notification-wrap.bnw-gsm{
    background-image: url('../../images/gsm_crea.svg');
    background-position: center right -74px;
    background-size: 380px;
}
.box-notification-wrap.bnw-gsm.bnw-validation{
    background-image: url('../../images/gsm_valid_crea.svg');
}
.mt-big-btn {
    padding: 12px 30px !important;
    font-size: 1.2em;
}
.mt-big-btn::before {
    background: #fff;
    content: "";
    height: 100px;
    opacity: 0;
    position: absolute;
    top: -37px;
    transform: rotate(35deg);
    width: 37px;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.mt-big-btn::after {
    background: #fff;
    content: "";
    height: 5rem;
    opacity: 0;
    position: absolute;
    top: -24px;
    transform: rotate(35deg);
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 1rem;
}
.mt-big-btn::before {
    left: -50%;
}

.mt-big-btn::after {
    left: -20%;
}
.mt-big-btn:hover,
.mt-big-btn:active {
    background-color: #0275d8;
    border-color: #0275d8;
    transform: translateY(-3px);
    color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.mt-big-btn.green-500:hover,
.mt-big-btn.green-500:active {
    background-color: #388e3c;
    border-color: #388e3c;
}
.mt-big-btn:hover::before {
    left: 120%;
    opacity: 0.2;
}
.mt-big-btn:hover::after {
    left: 200%;
    opacity: 0.3;
}
.format-type-cus.range-box-head-cus .dropdown-toggle.lang-cus{
    color:#2196f3  !important;
    background-color: #ffffff !important;
    border-color: #2199f4 !important;
    padding: 6px 14px !important;
    box-shadow: 0 3px 5px -4px #085592;
}
.format-type-cus .dropdown-toggle > span > span{
    display: flex;
    align-items: center;
}
.range-box-head-cus.format-type-cus .dropdown-menu{
    background-color: rgba(138 , 138 , 138  , 0.17);
    border-radius: 0 0 4px 4px;
    border:none !important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
.format-type-cus .dropdown-toggle:after{
    border-color: #2199f4 !important;
    margin-top: 6px !important;
}
.format-type-cus .dropdown-menu .dropdown-item{
    width: 47.5% !important;
    padding: 1rem 14px !important;
    background-color: #ffffff;
    color: #4e657a !important;
    margin-top: 4px;
}
.format-type-cus .dropdown-menu .dropdown-item > span{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2em;
    justify-content: center;
}
.format-type-cus .dropdown-menu .dropdown-item > span > i{
    margin-right: 0 !important;
    margin-bottom: 5px;
    font-size: 1.4em;
    margin-left: 0px;
}
.range-box-head-cus.drp-b-h-cus.format-type-cus .dropdown-toggle i {
    font-size: 1em;
    background-color: #f0f8ff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    margin-right: 8px;
}
.fg-inner-shadow{
    box-shadow: 0px -4px 6px -7px #6a6a6a inset;
    background-color: #f9f9f9;
}
.filter-list-wrap{
    margin: 0;
    padding: 10px 1rem;
    list-style: none;
    display: flex;
    align-items: center;
}
.filter-list-wrap li{
    margin: 0 10px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 3px;
    height: 20px;
    width: auto;
    justify-content: center;
}
.filter-list-wrap li span:first-child {
    white-space: nowrap;
    position: absolute;
    background-color: #2196f3;
    padding: 1px 8px;
    border-radius: 3px;
    color: #fff;
    bottom: calc(100% + 0px);
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7em !important;
}
.filter-list-wrap li span:first-child:after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    transform: rotate(45deg);
    background-color: inherit;
    bottom: -2px;
}
.filter-list-wrap li:hover span:first-child{
    opacity: 1;
    transform: translateY(-4px);
}
.filter-list-wrap li span:last-child{
    border-radius: 5px;
    height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    text-align: center;
    line-height: 1.9;
    white-space: nowrap;
    color: #2196f3;
}
.filter-list-wrap li span.ln-keyword{
    max-width: 80px;
}
.filter-list-wrap li:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    right: -12px;
    background-color: #e2e2e2;
}
.filter-list-wrap li:first-child{
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    background-color: transparent;
}
.filter-list-wrap li:first-child:after,.filter-list-wrap li:last-child:after{
    display: none;
}
.score-head-tb a{
    width:24px !important;
    height:24px !important;

}
.score-head-tb a >i{
    font-size:0.8em !important;
}
.score-polar-chart .apexcharts-legend-series{
    height: 32px;
    position: relative;
    padding: 0;
    display: flex !important;
    justify-content: center;
    border: 1px solid #fff !important;
    box-shadow: 2px 2px 0 0px #e7e7e7;
    border-radius: 7px;
    overflow: visible !important;
}
.score-polar-chart .apexcharts-legend-series:hover {
    background-color: transparent !important;
    opacity: 0.7;
}
.score-polar-chart .apexcharts-legend-marker{
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    margin: 0;
    transform: rotate(4deg);
    border: 1px solid #fff !important;
}
.score-polar-chart .apexcharts-legend-text{
    position: absolute;
    color: #fff !important;
    font-weight: 600 !important;
}
.score-polar-chart .apexcharts-legend{
    height:36px;
    overflow: hidden;
}
.select2-container--default .select2-selection--multiple.score-select-2 .select2-selection__choice{
    padding: 0 8px 0 0 !important;
    margin-top: 6px;
}
.select2-container--default .select2-selection--multiple.score-select-2 .select2-selection__choice__remove{
    padding: 3px 6px 3px 6px !important;
    background-color: rgba(255, 255, 255,0.15);
    margin-left: -16px;
    border:none;
}
.select2-container--default .select2-selection--multiple.score-select-2 .select2-search.select2-search--inline{
    /*display: none !important;*/
}
.select2-dropdown.score-select-2,
.select2-dropdown.category-select{
    border-color: #e0e0e0;
    box-shadow: 0px 0px 9px -3px #ccc;
    z-index: 200;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.select2-dropdown.category-select .select2-results__option{
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid #f7f7f7;
    margin-bottom: 4px;
}
.select2-dropdown.category-select .select2-results__option:hover{
    border-color: #2196f3;
}
.select2-dropdown.category-select .select2-results__option[aria-selected=true]{
    padding-left: 1.4rem !important;
    border-color: #2196f3;
}
.select2-container .select2-selection__rendered li.select2-search--inline{
    /*position: relative;*/
    /*width:100%;*/
}
.select2-container .select2-selection__rendered li.select2-search--inline:after{
    border: none;
    border-bottom: 2px solid #55595c;
    border-right: 2px solid #55595c;
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
    right: 5px;
    top: calc(50% - 3px);
    width: 7px;
    height: 7px;
    position: absolute;
    display: block;
    content: "";
}
.select2-container .select2-selection__rendered li.select2-search--inline:last-child{
    /*display: none;*/
}
.select2-container .select2-selection__rendered li.select2-search--inline:first-child{
    display: block !important;
}
.select2-dropdown.score-select-2 .select2-results__option{
    width:28px;
    margin-left: 3px;
    margin-right: 2px;
    position: relative;
    border-radius: 5px;
    line-height: 1.2;
    height:28px;
    float:left;
    border:1px solid #ddd;
    padding: 6px 0;
    text-align: center;
}
.select2-container--default .select2-dropdown.score-select-2 .select2-results__option[aria-selected="true"] {
    position: relative;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(33, 150, 243) !important;
    transition: all 0.4s ease 0s;
    padding: 6px 0;
}
.select2-container--default .select2-dropdown.score-select-2  .select2-results__option[aria-selected=true]:after{
    width: 5px;
    height:5px;
    left:2px;
    top:2px;
    border-radius: 50%;
    background-color: #fff;
    border:none !important;
}
.select2-container--default .select2-dropdown.score-select-2 .select2-results__option--highlighted[aria-selected]{
    color: #fff !important;
    background-color: #2196f3 !important;
    border-color: #ffffff !important;
}

.resualt-verify-v2-wrap .valid-main-status-wrap .valid-card-banner > span:after{
    position: absolute;
    content: attr(data-value);
    clip: rect(0, 1000px, 19px, 0);
    color: rgba(0, 0, 0, 0.52) !important;
    left: 8px;
    top: 8px;
}
.resualt-verify-v2-wrap .valid-card-content-wrap{
    margin-top: -1rem;
    padding:1rem;
    width:100%;
}
.resualt-verify-v2-wrap .valid-info-main-wrap{
    width:100%;
}
.resualt-verify-v2-wrap .valid-info-main-wrap .v-info-summery{
    width: 100%;
    /*background-color: rgba(237,249,243,0.59);*/
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 1px #e9f5ef inset;
    backdrop-filter: blur(1px);
}
.resualt-verify-v2-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base{
    background-color:rgba(143, 218 ,182 , 0.32);
    border-radius:5px;
    color:#4ec58b;
    display:flex;
    align-items: center;
    padding:3px 0;
    border:none;
    font-weight: 700;
    position: relative;
}
.resualt-verify-v2-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base:after{
    position: absolute;
    content: attr(data-title);
    width: auto;
    height: 8px;
    right: 8px;
    opacity: 0.7;
    font-size: 0.9em;
    width:auto;
}
.resualt-verify-v2-wrap.rv-disconnected-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base:after,
.resualt-verify-v2-wrap.rv-prediction-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base:after{
    width: 52%;
    font-size: 0.7em;
    line-height: 1.4;
    text-align:right;
}

.resualt-verify-v2-wrap .f-lbl-syl > div:first-child{
    font-size:0.9em;
}
.resualt-verify-v2-wrap .f-lbl-syl > div:last-child {
    /*text-transform: capitalize;*/
}
.resualt-verify-v2-wrap .f-lbl-syl > div:last-child > div {
    background-color:transparent !important;
}
.resualt-verify-v2-wrap .valid-acc-content{
    margin:0 2px;
}
.cut-code-statu{
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cut-code-statu i.flag-icon {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-size: cover;
}
.country-behin-loc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 4px 0;
    background-color: #ececec;
}
.country-behin-loc i.flag-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 44px 32px;
    box-shadow: 0px 0px 3px 0px #7e7e7e, 0px 0px 10px -1px #4a4a4a inset;
    transition: all 0.5s;
    margin-bottom: 6px;
}
.country-behin-loc > span:last-child{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 52px);
}
.fm-state-wrap{
    background-color: #f0f0f0;
    margin: 10px 0 4px 0px;
    border-radius: 5px;
    overflow:hidden;
}
/*.resualt-verify-v2-wrap .valid-card-acc .box-header{
    background-color: rgba(172, 172, 172 , 0.11);
}
.resualt-verify-v2-wrap .valid-card-acc .box-header > h6{
    color: #747884;
}*/
.resualt-verify-v2-wrap.rv-valid-wrap .valid-info-main-wrap .v-info-summery {
    background-color: rgba(237,249,243,0.59);
    box-shadow: 0px 0px 2px 1px #e9f5ef inset;
}
.resualt-verify-v2-wrap.rv-valid-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base{
    background-color: rgba(143, 218 ,182 , 0.32);
}


.resualt-verify-v2-wrap.rv-invalid-wrap .valid-info-main-wrap .v-info-summery {
    background-color: rgba(249, 237, 237 , 0.59);
    box-shadow: 0px 0px 2px 1px #f5e9e9 inset;
}
.resualt-verify-v2-wrap.rv-invalid-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base{
    background-color: rgba(218, 143, 143,0.32);
    color: #af4c4c;
}

.resualt-verify-v2-wrap.rv-prediction-wrap .valid-info-main-wrap .v-info-summery {
    background-color: rgba(184, 225, 255,0.59);
    box-shadow: 0px 0px 2px 1px #9ed0ff inset;
}
.resualt-verify-v2-wrap.rv-prediction-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base{
    background-color: rgba(68, 132, 205,0.19);
    color:#4484cd;
}

.resualt-verify-v2-wrap.rv-disconnected-wrap .valid-info-main-wrap .v-info-summery {
    background-color: rgba(247, 247, 247, 0.59);
    box-shadow: rgb(236, 236, 236) 0px 0px 2px 1px inset;
}
.resualt-verify-v2-wrap.rv-disconnected-wrap .valid-info-main-wrap .v-info-summery .form-group.info-frame-base{
    background-color: rgba(208, 208, 208, 0.32);
    color: #7e7e7e;
}
.rbw-rslt-status{
    position:relative;
    display:flex;
    align-items:center;
}
.row-btn-wrap.rbw-rslt-status > div{
    position: relative;
}
.row-btn-wrap.rbw-rslt-status > span{
    position: absolute;
    white-space: nowrap;
    border-radius: 4px;
    padding: 1px 6px;
    left: calc(100% + 5px);
    opacity: 0;
    transform: perspective(9cm) translateX(20px) rotateY(90deg);
    transform-origin: left center;
    transition: opacity 0.1s ,all 0.3s;
    font-weight: 600;
    font-size: 0.9em;
    box-shadow: 1px 1px 0 0;
    display:flex;
    align-items: center;
    justify-content: center;
}
.row-btn-wrap.rbw-rslt-status > span:after{
    position:absolute;
    content:'';
    width:6px;
    height:6px;
    transform: rotate(45deg);
    background-color: inherit;
    left:-3px;
}
.row-btn-wrap.rbw-rslt-status:hover i{
    transform: rotate(0deg);
}
.row-btn-wrap.rbw-rslt-status:hover >span{
    opacity: 1;
    transform: perspective(800px) translateX(0) rotateY(0deg);
}
.single-verify-input-wrap{
    background-color: #f5f5f5;
    padding:1rem 2rem;
    margin-bottom: 1rem;
    box-shadow: 0px 4px 3px -4px #ddd inset, 0px -4px 3px -4px #ddd inset;
}
.single-verify-input-wrap button{
    width:25%;
    justify-content: center;
}
.single-verify-input-wrap .iti{
    width:100%;
}
.single-verify-input-wrap .iti--separate-dial-code .iti__selected-flag{
    background-color: transparent !important;
}
.region-status-wrap{
    background-color: #ececec;
    border-radius: 5px;
    margin-bottom: 10px !important;
    margin: 10px 10px;
    padding: 5px 0 !important;
}

/* Timeline Container */
.timeline-story-wrap .outer{
    counter-reset: section;
}
.timeline-story-wrap {
    margin: 0;
    padding: 0 1rem;
}
.timeline-story-card {
    position: relative;
    max-width: 400px;
    counter-increment: section;
}
.timeline-story-card:nth-child(odd) {
    padding: 10px 0 10px 33px;
}
.timeline-story-card:nth-child(even) {
    padding: 10px 30px 10px 0;
}
.timeline-story-card::before {
    content: '';
    position: absolute;
    width: 50%;
    border: solid #00b0ff;
}
.timeline-story-card:nth-child(odd)::before {
    left: 0px;
    top: -4.5px;
    bottom: -4.5px;
    border-width: 4px 0 4px 4px;
    border-radius: 24px 0 0 24px;
}
.timeline-story-card:nth-child(even)::before {
    right: 0;
    top: 0;
    bottom: 0;
    border-width: 4px 4px 4px 0;
    border-radius: 0 24px 24px 0;
}
.timeline-story-card:first-child::before {
    border-top: 0;
    border-top-left-radius: 0;
    bottom: -4px;
}
.timeline-story-card:last-child:nth-child(odd)::before {
    border-bottom: 0;
    border-bottom-left-radius: 0;
}
.timeline-story-card:last-child:nth-child(even)::before {
    border-bottom: 0;
    border-bottom-right-radius: 0;
}
.timeline-story-card:nth-child(even) > .timeline-story-info > div{
    text-align: right;
}
.timeline-story-info {
    display: flex;
    flex-direction: column;
    /*background: #333;*/
    color: gray;
    border-radius: 10px;
    padding: 10px;
}
.timeline-story-title {
    color: #3b414c;
    position: relative;
    font-size: 1em;
    display:flex;
    align-items: flex-start;
    flex-direction: column;
}

.timeline-story-card:nth-child(odd) .status-tb-box{

    left: -55px;
}
.timeline-story-title .status-tb-box {
    /*    content: counter(section);*/
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    outline: 4px solid #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    color: #00b0ff;
    font-weight: 600;
}
.timeline-story-card:nth-child(even) > .timeline-story-info > .timeline-story-title {
    text-align: right;
    justify-content: flex-end;
    align-items: flex-end;
}
.timeline-story-card:nth-child(odd) > .timeline-story-info > .timeline-story-title  .status-tb-box {
    left: -55px;
}
.timeline-story-card:nth-child(even) > .timeline-story-info > .timeline-story-title  .status-tb-box {
    right: -53px;
}
.copy-w-ico{
    position: relative;
    cursor: pointer;
}
.timeline-story-card:last-child{
    padding-bottom: 3rem;
    margin-bottom: 1rem;
}
.timeline-story-card .status-tb-box-first-step {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    outline: 4px solid #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    color: #00b0ff;
    font-weight: 600;
    right: -13px;
    bottom: 0;
}
.status-tb-box-first-step-wrap{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    padding-right: 2rem;
}
.timeline-story-card:nth-child(even) .timeline-story-info{
    align-items: flex-end;
}
.copy-w-ico:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c5";
    position: absolute;
    right:10px;
    top:5px;
    opacity: 0;
    transition: all 0.5s;
    color:#2e7d32!important
}
.copy-w-ico:hover:before{
    opacity: 1;
}
.score-polar-text-chart .apexcharts-legend-series{
    display: flex !important;
    align-items: center;
    border:1px solid #ddd;
    padding: 6px 14px;
}
.score-polar-text-chart .apexcharts-legend-series .apexcharts-legend-marker{
    margin-right:7px;
}
.score-polar-text-chart .apexcharts-legend-series .apexcharts-legend-text{
    text-transform: capitalize;
}
.select2-container--default .select2-selection--multiple.auto-height-select{
    height:auto !important;
}
.select2-container .auto-height-select .select2-search--inline{
    display:none;
}
.select2-container--open .select2-dropdown--above.ah-select{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-color: #e4e6e8;
}
/*Horizental Main Menu*/
.hr-nav{
    height:100vh;
    overflow: hidden;
}
.hr-nav .app-aside{
    width:100%;
    min-height:58px;
    height:auto !important;
    top:0;
}
.hr-nav .app-aside .navside{
    flex-direction: row;
    height:58px;
    overflow:visible;
}
.hr-nav .app-aside .navside .navbar{
    display: block;
    order: 1;
    border-right: 1px solid #1f2937;
    border-left: 1px solid #1f2937;
    transform:translateY(0) !important;
    width: 60px;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: auto;
    margin-right:0;
    background-color: transparent;
    box-shadow: none;
    min-height:3.5rem;
}
.hr-nav .app-aside .navside .navbar:after,.hr-nav .app-aside .navside .navbar:before,
.hr-nav .app-aside .navside .navbar > div:after,.hr-nav .app-aside .navside .navbar > div:before{
    display:none;
}
.hr-nav .app-aside .navside .navbar .fa-th-large{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em !important;
}
.hr-nav .app-aside .navside .navbar .fa-th-large:after{
    position: absolute;
    content: 'Switch to Verticaly';
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #2196f3;
    right: 100%;
    font-size: 0.5em;
    white-space: nowrap;
    color: #fff;
    transition: all 0.5s;
    transform: translateX(-10px);
    opacity: 0;
    visibility: hidden;
    font-family: 'Roboto', sans-serif;
}
.hr-nav .navside .nav-header img.main-logo{
    display: none !important;
}
.hr-nav .app-aside .navside .navbar .fa-th-large:hover:after{
    transform: translateX(8px);
    opacity: 1;
    visibility: visible;
}
.hr-nav [flex-no-shrink],.hr-nav [data-flex-no-shrink]{
    order: 1;
}
.hr-nav [data-floded]{
    display: none !important;
}
.hr-nav .user-info-sidemenu-wrap{
    background-color: transparent;
}
.hr-nav .app-aside .navside [flex],.hr-nav .app-aside .navside [data-flex]{
    width:100%;
    overflow:visible;
    display: flex;
    align-items: center;
}
.hr-nav .app-aside:not(.hide) ~ .app-content{
    margin-top: 58px;
    top: 58px;
    left: auto;
    margin-left: 0;
    height: calc(100vh - 58px);
}
.hr-nav .app-aside:not(.hide) ~ .app-content > iframe{
    height:inherit !important;
}
.hr-nav .app-aside,.hr-nav  .app-aside .scroll{
    width: 100%;
    height:100%;
}
.hr-nav .app-aside .scroll .nav,.hr-nav  .app-aside .scroll .nav{
    display: flex;
    flex-direction: row;
    height:inherit;
}
.hr-nav .nav-stacked.nav-stacked-rounded .nav > li > a,.hr-nav  .nav-stacked.nav-stacked-rounded .nav > li > a{
    display: flex;
    padding-right: 30px;
    padding-left:12px;
    height:100%;
    align-items: center;
}
.hr-nav .nav-stacked.nav-stacked-rounded .nav li .nav-caret{
    position: absolute;
    right:6px;
    margin-top: 0;
}
.hr-nav .nav-stacked .nav > li > a .nav-icon{
    margin-right:0;
    padding-top:0;
}
.hr-nav .nav-stacked .nav > li:not(.nav-header){
    padding:0;
}
.hr-nav .nav-stacked .nav > li > a:before{
    border-radius: 0px;
    width: 100%;
    border-width: 1px;
    height: 2px;
    top: 0;
}
.hr-nav .nav-color .nav > li.active > a:before{
    width: 100%;
    left: 0;
    right: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top-width: 2px;
    background-color: #0c1016;
    height: 100%;
    border-radius: 0 !important;
}
.hr-nav .nav-stacked.nav-stacked-rounded .nav li .nav-sub:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: -3px;
    left: calc(50% - 3px);
    box-shadow: none !important;
    background-color: #202f42;
}
.hr-nav .nav-stacked.nav-stacked-rounded .nav li .nav-sub{
    border-radius:4px;
    margin-top:6px;
    overflow: visible;
    background-color: #202f42;
    transition: all 0.3s;
    transform: perspective(600px) rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0;
    padding:2px 5px 5px 5px;
    max-height: unset !important;
}
.hr-nav .nav-stacked.nav-stacked-rounded .nav li .nav-sub > li:after{
    display: none;
}
/*.hr-nav .active > .nav-sub{
    transform: unset !important;
    visibility: unset !important;
    opacity:unset !important;
}*/
.hr-nav .navside .nav-header span{
    display: none
}
.hr-nav .navside .nav-header img{
    display: block !important;
    width: 70px;
    height: 100%;
    background-color: rgba(12, 16, 22, 0.68);
    padding: 10px 16px;
}
.hr-nav .navside .nav-header{
    padding:0;
}
.hr-nav .nav > li:hover > .nav-sub{
    transform: perspective(600px) rotateX(0deg) !important;
    visibility: visible !important;
    opacity:1 !important;
}
.hr-nav .user-info-sidemenu-wrap{
    padding:8px 1rem;
}
.hr-nav .user-info-sidemenu-wrap.open .dropdown-menu{
    top: 100%;
    bottom: auto;
    margin-top: 6px;
    box-shadow: none;
    border: none;
    transform-origin: top center;
}
.hr-nav .user-info-sidemenu-wrap.open .dropdown-menu:after{
    top: -3px;
    bottom:auto;
    box-shadow: none !important;
}
.hr-nav .user-info-sidemenu-wrap.open .main-language-selections .dropdown-menu:after{
    top:calc(50% - 5px);
    bottom:auto;
    left:calc(100% - 8px);
}
.hr-nav .user-info-sidemenu-wrap.open .dropdown-menu .dropdown-item.lng-wrap{
    position: relative;
    z-index: 8;
}
.hr-nav .main-language-selections.range-box-head-cus .dropdown-menu{
    top:-13px !important;
    right:calc(100% + 10px);
    width:88px;
}
.hr-nav .lng-wrap .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item{
    margin-left:3px;
}
.hr-nav .user-info-sidemenu-wrap.open .dropdown-menu .dropdown-item:hover{
    background-color: rgba(14,17,22,0.54);
    box-shadow:none;
}
.navside .nav-header img.main-logo{
    margin-bottom: 7px;
    width: 85%;
    margin-top:10px;
}
.app-aside .navside .navbar {
    background-color: #1d2b3d;
    min-height: unset;
    width: 50px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin-right: 20px;
    border-radius: 0 0 6px 6px !important;
    position: relative;
    box-shadow: 0px 1px 2px 0px #000000;
    transform: translateY(-3px);
    opacity: 0.5;
    transition: all 0.5s;
}
.app-aside .navside .navbar:hover{
    transform:translateY(0);
    opacity: 1;
}
.app-aside .navside .navbar i{
    width: 20px;
    height: 20px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 0.8em;
}
.app-aside .navside .navbar i.fa-th-large{
    line-height: 2;
}
.app-aside.folded .navside .navbar{
    margin-right:10px;
}
.folded .navbar.t-curv{
    margin-right:10px;
    margin-bottom: 8px;
}
.pr-detail-wrap{
    margin: 1rem 1.5rem;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    background-clip: border-box;
    border: 1px solid #eff2f5;
}
.pr-detail-wrap .dt-body-syl{
    background-color: transparent;
    box-shadow: none;
    padding: 2rem 1.25rem 0.5rem;
}
.pr-detail-wrap .opt-sidebar-wrap .nav-active-border .nav .nav-link{
    /*    font-size: 1.2em;*/
    color: #a1a5b7;
    border:none !important;
    padding: 10px 22px;
    transition:all 0.1s;
    font-weight: 700;
    opacity:0.8;
}
.pr-detail-wrap .opt-sidebar-wrap .nav-active-border .nav .nav-link:hover{
    opacity: 1;
}
.pr-detail-wrap .opt-sidebar-wrap .nav-active-border .nav .nav-link.active{
    background-color: transparent;
    box-shadow: none;
    border-right:none;
    color: #2196f3;
    opacity: 1;
}
.pr-detail-wrap .opt-sidebar-wrap .nav-active-border .nav .nav-link.active:after{
    width:4px;
    height:4px;
    right: calc(50% - 2px);
    bottom:-2px;
    border: none !important;
    background-color: #2196f3;
}
.pr-detail-wrap .nav-active-border .nav-link:before{
    height:4px;
    border-bottom-width: 2px;
    z-index: 1;
}
.pr-detail-wrap .opt-sidebar-wrap .nav-active-border .nav .nav-link:before{
    bottom:auto;
    top:calc(100% - 4px);
    background-color:#fff;
}
.pr-detail-wrap .detail-info-fue-wrap > .inf-l-side > .info-fue-wrap{
    justify-content: flex-start;
}
.dm-thumb-wrap{
    width:160px;
    height:160px;
    border-radius: 6px;
    display:flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding:1rem;
    border:1px dashed #e4e6ef;
}
.dm-thumb-wrap img{
    width:100%;
    height: auto;
}
.svg-icon {
    -webkit-mask: url(../../images/checkmark.svg);
    mask: url(../../images/checkmark.svg);
    background: #18a8ec no-repeat;
    width: 26px;
    height: 26px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 26px;
    mask-size: 26px;
    -webkit-mask-position: center left;
    mask-position: center left;
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.svg-icon:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    top: 9px
}
.svg-icon.unavilable{
    background: #a2a2a2 no-repeat !important;
}
.svg-icon.unavilable:after{
    content:"!";
    width:auto;
    height:auto;
    border:none !important;
    transform: rotate(0deg) !important;
    top:3px;
    color:#fff;
}
.pr-detail-wrap .user-info-detail-list-wrap > li:hover span,.pr-detail-wrap .user-info-detail-list-wrap > li:hover i{
    color:#18a8ec;
}
.pr-detail-wrap .user-info-detail-list-wrap > li > span i {
    font-size: 1em;
    color: #898c98;
    transition: all 0.5s;
}
.pr-detail-wrap .user-info-detail-list-wrap{
    color: #b5b5c3;
}
.pr-detail-wrap .user-info-detail-list-wrap > li > span {
    color: #aaaaac;
    font-weight: 500;
    text-transform: lowercase;
    max-width: 250px;
    font-size: 1.1em;
    transition: all 0.5s;
}
.pr-detail-wrap .detail-info-fue-wrap > .inf-l-side{
    height:auto !important;
}
.inf-r-side .fl-syl legend{
    font-size:1.1em;
    margin-top:-1.8rem;
    font-weight:500;
}
.more-info-wrap{
    margin: 0;
    /*padding: 16px 0 10px;*/
    list-style: none;
    display: flex;
}
.more-info-wrap > li{
    border:1px dashed #e4e6ef;
    border-radius:4px;
    padding:12px 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    /*margin-right: 1rem;*/
    position: relative;
}
.more-info-wrap > li > span{
    line-height:1;
}
.more-info-wrap > li > span:first-child{
    font-size: 1.1rem;
    font-weight:700;
    color:#181c32;
    margin-bottom: 2px;
}
.more-info-wrap > li > span:first-child small{
    font-size: 0.5em;
    color: #8990b2;
    margin-left: 6px;
    text-transform: uppercase;
    font-weight: 500;
}
.more-info-wrap > li > span:last-child{
    color: #b5b5c3;
    font-size: 0.8em;
    font-weight: 500;
}
.pr-detail-wrap .detail-info-fue-wrap{
    display: flex;
    flex-direction: row;
    height:auto;
}
.bx-w-title-wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.fb a, .fb:before, .fb {
    background: #3b5999;
    color: #3b5999;
}
.tw a, .tw:before, .tw {
    background: #55acee;
    color: #55acee;
}
.inst a, .inst:before, .inst {
    background: #e4405f;
    color: #e4405f;
}
.ytb a, .ytb:before, .ytb {
    background: #f20000;
    color: #f20000;
}
.ln a, .ln:before, .ln {
    background: #0e76a8;
    color: #0e76a8;
}

.social-md-list{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
.social-md-list li {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;
    background: transparent;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    margin-right: 8px;
    border: 1px solid #e4e5ee;
}

.social-md-list li a {
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 1em;
    background: transparent;
    transition: .5s;
    animation: icon-out .5s forwards;
    animation-timing-function: cubic-bezier(0.5, -0.6, 1, 1);
}

.social-md-list li:before {
    content: "";
    width: 62px;
    height: 62px;
    display: block;
    position: absolute;
    transform: rotate(-45deg) translate(-110%, -23px);
    z-index: 0;
    animation: back-out .5s forwards;
    animation-timing-function: cubic-bezier(0.5, -0.6, 1, 1);
}

.social-md-list li:hover a {
    animation: icon-in .5s forwards;
    animation-timing-function: cubic-bezier(0, 0, 0.4, 1.6);
}

.social-md-list li:hover:before {
    animation: back-in .5s forwards;
    animation-timing-function: cubic-bezier(0, 0, 0.4, 1.6);
}

@keyframes back-in {
    0% {
        transform: rotate(-45deg) translate(-110%, -23px);
    }
    80% {
        transform: rotate(-45deg) translate(5%, -23px);
    }
    100% {
        transform: rotate(-45deg) translate(0%, -23px);
    }
}

@keyframes back-out {
    0% {
        transform: rotate(-45deg) translate(0%, -23px);
    }
    20% {
        transform: rotate(-45deg) translate(5%, -23px);
    }
    100% {
        transform: rotate(-45deg) translate(-110%, -23px);
    }
}

@keyframes icon-in {
    0% {
        font-size: 1.25em;
    }
    80% {
        color: #fff;
        font-size: 1.5em;
    }
    100% {
        color: #fff;
        font-size: 1.35em;
    }
}

@keyframes icon-out {
    0% {
        color: #fff;
        font-size: 1.35em;
    }
    20% {
        color: #fff;
        font-size: 1.5em;
    }
    100% {
        font-size: 1.25em;
    }
}

.inf-r-side{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.bx-w-title-wrap h6{
    border-bottom: 1px dashed #e4e6ef;
    padding-bottom: 8px;
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 400;
    color: #181c32;
}
.select2-container--default .select2-selection--multiple.side-dark-ctr,
.select2-container--default.select2-container--focus .select2-selection--multiple.side-dark-ctr{
    background-color:transparent !important;
    border-color: #3b4a60 !important;
    min-height: 20px;
    padding-right: 18px;
    position:relative;
}
.select2-container--default .select2-selection--multiple.side-dark-ctr:after{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    border-bottom: 1px solid #3b4a60;
    border-right:1px solid #3b4a60;
    transform: rotate(45deg);
    right:7px;
    top:calc(50% - 3px);
}
.select2-container .auto-height-select.side-dark-ctr .select2-search--inline{
    display: flex !important;
    align-items: center;
    margin-top: 4px;
}
.select2-container .auto-height-select.side-dark-ctr .select2-search--inline > .select2-search__field{
    margin: 0;
    line-height: 4px;
    padding: 0 4px;
    display: none;

}
.select2-container .auto-height-select.side-dark-ctr .select2-search--inline > input.select2-search__field:placeholder-shown{
    display: block !important;
}
.select2-container .auto-height-select.side-dark-ctr .select2-search--inline > .select2-search__field::placeholder{
    color: #59677c;
    font-weight:500;
}
.keyword-input::placeholder{
    color: #59677c;
    opacity: 1;
    font-weight:500;
}
.select2-container--default .select2-selection--multiple.side-dark-ctr .select2-selection__rendered{
    min-height:inherit !important;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    padding-bottom: 4px;
}
.select2-container--default .select2-selection--multiple.side-dark-ctr .select2-selection__choice{
    font-size: .8em;
    line-height: 1;
}
.select2-dropdown.side-dark-select{
    background-color:rgba(44, 60, 85 , 0.73);
    backdrop-filter:blur(6px);
    border-color:#3b4a60 !important;
    color:#fff;
    transition: transform 0.5s;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.select2-container--open .select2-dropdown--below.side-dark-select{
    -moz-animation-name: dropHeaderCat;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.2s;

    -webkit-animation-name: dropHeaderCat;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.2s;

    animation-name: dropHeaderCat;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.2s;
    transform-origin: top center;
}
@-moz-keyframes dropHeaderCat {
    0% {
        opacity:0;
        -moz-transform:  perspective(600px) translateY(15px);
    }
    100% {
        opacity:1;
        -moz-transform: perspective(600px) translateY(0);
    }
}
@-webkit-keyframes dropHeaderCat {
    0% {
        opacity:0;
        -webkit-transform:  perspective(600px) translateY(15px);
    }
    100% {
        opacity:1;
        -webkit-transform: perspective(600px) translateY(0);
    }
}
@keyframes dropHeaderCat {
    0% {
        opacity:0;
        transform: perspective(600px) translateY(15px);
    }
    100% {
        opacity:1;
        transform: perspective(600px) translateY(0);
    }
}

.side-dark-select .select2-results__option{
    padding:2px 8px;
    margin-bottom: 2px;
    border-radius:4px;
}
.select2-container--default .side-dark-select .select2-results__option[aria-selected=true]{
    background-color: #2196f3 !important;
    color:#fff;
}
.select2-container--default .side-dark-select .select2-results__option--highlighted[aria-selected=true]{
    color:#fff !important;
}
.select2-container--default .side-dark-select .select2-results__option[aria-selected=true]:after{
    border-color:#fff;
}
.side-dark-ctr-statu .range-box-head-cus .dropdown-toggle.lang-cus{
    background-color: transparent;
    border:1px solid #3b4a60;
    padding: 4px 8px !important;
    margin-top:0;
    box-shadow:none !important;
    height:32px;
    padding-top: 7px !important;
}
.side-dark-ctr-statu .sdcs-input{
    height:32px;
}
.side-dark-ctr-statu .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span{
    color:#59677c;
    font-weight:500;
}
.side-dark-ctr-statu .range-box-head-cus.open .dropdown-menu{
    background-color: rgba(44, 60, 85 , 0.73);
    backdrop-filter: blur(6px);
    border-color: #3b4a60 !important;
    border-radius: 0 0 6px 6px;
}
.side-dark-ctr-statu .range-box-head-cus .dropdown-menu .dropdown-item{
    color:#fff !important;
    background-color:transparent;
    font-weight:400;
    font-size: 1em;
    margin: 0 0 2px;
    padding:3px 14px;
    width:100%;
}
.side-dark-ctr-statu .range-box-head-cus .dropdown-menu .dropdown-item:hover{
    background-color: #fff;
    color:#2196f3 !important;
}
.side-dark-ctr-statu .range-box-head-cus.with-arrow .dropdown-toggle:after{
    border-bottom: 1px solid #3b4a60;
    border-right:1px solid #3b4a60;
    width:6px;
    height:6px;
    margin-top:4px;
}
.side-dark-ctr-statu .d-rang-cus > a{
    height:32px;
    border-color: #3b4a60 !important;
    padding:4px;
}
.side-dark-ctr-statu .d-rang-cus .dropdown-toggle > span{
    font-weight: 500;
    color: #59677c;
    height: 100%;
    line-height: 1.5;
}
.side-dark-ctr-statu .range-box-head-cus .dropdown-toggle i{
    color: #59677c;
    font-size:1em;
    margin-left:4px;
}
.side-dark-ctr-statu .d-rang-cus .dropdown-toggle:after{
    width:6px;
    height:6px;
    border-bottom:1px solid #d2e4ff;
    border-right: 1px solid #d2e4ff;
    border-radius:0;
    right:10px;
}
.side-dark-ctr-statu .range-box-head-cus .dropdown-menu .dif .form-control{
    color:#fff;
    padding:0.4rem 0.75rem;
}
.side-dark-ctr-statu .range-box-head-cus.d-rang-cus.open .dropdown-menu{
    width:auto !important;
    transform: translateY(-3px);
}
.side-dark-ctr-statu .d-rang-cus{
    display:flex;
}

.box-header.dl{
    padding: 10px 1rem;

}
.box-header.dl .summary-chart-title{
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
}
.dt-list-wrap{
    margin:0;
    width:100%;
    display: flex;
    flex-wrap: wrap;
}
.dt-list-wrap > li{
    padding: 10px 1rem;
    border: 1px dashed #eeeeee;
    width: 49%;
    float: left;
    margin: 4px;
    border-radius: 4px;
    color: #3f4254;
    font-weight: 500;
    position: relative;
    overflow:hidden;
    display:flex;
    align-items: center;
}
.dt-list-wrap.dt-mx-lw > li{
    width: calc(100% / 4.1);
    justify-content: space-between;
    padding: 12px 1rem;
    box-shadow: 3px 3px 2px 0px rgba(236, 236, 236, .35);
    border:1px solid #eee;
    margin-top: 6px;
    opacity: 0;
    animation: fadeIn 0.3s ease-in both;
}
.dt-list-wrap.dt-mx-lw > li:nth-child(1) {
    animation-delay: 0.1s
}
.dt-list-wrap.dt-mx-lw > li:nth-child(2) {
    animation-delay: 0.3s;
}
.dt-list-wrap.dt-mx-lw > li:nth-child(3) {
    animation-delay: 0.5s;
}
.dt-list-wrap.dt-mx-lw > li:nth-child(4) {
    animation-delay: 0.7s;
}
.dt-list-wrap.dt-mx-lw > li > span:first-child{
    font-size: 1.2em;
    color: #2b3246;
}
.dt-list-wrap.dt-mx-lw > li > span:last-child{
    font-size: 1.8em;
    margin-right: 12px;
    position: absolute;
    right: -10%;
    padding-top: 0;
    height: 100px;
    border-radius: 90%;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1.9rem;
    margin-top: 0;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.23);
    box-shadow: 5px 4px 6px 0px rgba(101, 101, 101,0.19) inset;
}
.cy-flag{
    position: absolute;
    right: -3px;
    width: 52px;
    top: -11px;
    display: flex;
    border-radius: 50% 0 0 50%;
    overflow: hidden;
    height: 152%;
    opacity: 0.4;
}
.cy-flag i{
    font-size:4em;
}
.dt-list-wrap > li > span:first-child{
    text-transform: capitalize;
    color: #a1a5b7;
    white-space: nowrap;
}
.cp-btn-wrap{
    opacity: 0.5;
    transition: all 0.4s;
}
.cp-btn-wrap:hover{
    opacity: 1;
}
.info-list-type-wrap{
    width:100%;
    margin:0;
    padding:0;

}
.info-list-type-wrap li{
    padding: 10px 1rem;
    display: flex;
    font-size: 1.2em;
    flex-direction: row;
    margin-bottom: 8px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-weight: 500;
    position:relative;
}
.info-list-type-wrap li:last-child{
    margin-bottom: 0;
}
.info-list-type-wrap li > span{
    position: relative;
    z-index: 1;
}
.info-list-type-wrap li >i{
    position: absolute;
    font-size: 2em;
    left: 4px;
    top: 2px;
    opacity: 0.1;
    color: inherit;
}
.fl-syl{
    position:relative;
    border:1px dashed #e4e6ef;
    display: block;
    border-radius: 4px;
    padding:1rem;
}
.fl-syl legend{
    margin-top:-2rem;
    background-color:#fff;
    width:auto;
    max-width:fit-content;
    padding:0 12px;
    font-size:1.4em;
    color: #263238;
}
.fl-syl ul.list-w-bfr{
    margin:0;
    padding:10px 0;
    list-style:none;
    counter-reset: li;
    max-height: 180px;
    overflow: auto;
}
.fl-syl ul.list-w-bfr.l-wo-bfr li{
    padding:5px 1rem 5px 1rem;
}
.fl-syl ul.list-w-bfr li{
    width: 100%;
    padding: 5px 1rem 5px 4rem;
    border: 1px solid #eeeff0;
    border-radius: 4px;
    margin-bottom: 12px;
    counter-increment: li;
    position: relative;
}
.fl-syl ul.list-w-bfr.l-wo-bfr li:before{
    display: none;
}
.fl-syl ul.list-w-bfr li:before{
    content: "ns " counter(li);
    position: absolute;
    height: 127%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    border: 1px solid #eeeff0;
    border-radius: 4px;
    color: #727272;
    left: 10px;
    top: -4px;
    box-shadow: 0px 0px 3px -2px #8e8e8e;
}
.fl-syl ul.list-w-bfr li:last-child{
    margin-bottom: 0;
}
.pos-sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.sticky-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modern-info-alert{
    background-color: #f1faff!important;
    border: 1px dashed #009ef7!important;
    color: #5e6278!important;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.2em;
}
.modern-info-alert.mia-sm-syl{
    font-size:1em !important;
}
.modern-info-alert-fun-colors{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.2em;
}
.modern-info-alert-fun-colors > i{
    color: #009ef7;
    border: 2px solid #a9defd;
    border-radius: 50%;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modern-info-alert > i{
    color: #009ef7;
    border: 2px solid #a9defd;
    border-radius: 50%;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pr-detail-wrap .detail-info-fue-wrap > .inf-l-side > .info-fue-wrap .flag-icon{
    border-radius: 50%;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-size: 26px;
    box-shadow: 1px 1px 1px 1px #ccc;
}
.box-head-n-gen .box-header > i {
    font-size: 1.4em;
    color: #009bff;
    margin-right: 8px;
}
.box-head-n-gen .box-header h6{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    color: #646e74;
    padding:0;
    margin: 0 10px;
}

.box-head-n-gen .box-header{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items: center;
    padding:1rem;
}
.dt-list-wrap.dt-mdr-cus li{
    border:none;
    overflow:visible;
    padding:0 1rem;
    margin-bottom: 1rem;
    width:100%;
    display:block;
}
.dt-list-wrap.dt-mdr-cus > li > span:first-child{
    color: #009bff;
    font-size: 1.2em;
    width: 100%;
    float: left;
    text-transform: uppercase;
}
.dt-list-wrap.dt-mdr-cus > li > span{
    font-size: 1.1em;
    position: relative;
    z-index: 2;
}
.dt-list-wrap.dt-mdr-cus > li > span:nth-child(2){
    font-size: 1.2em;
    padding-right: 1rem;
    opacity: 0.3;
    transform: scale(2);
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 94, 154 , 0.2);
    transform-origin: left center;
    position: absolute;
    text-transform: uppercase;
    left: 16px;
    top: -5px;
    z-index: 0;
}
.single-row-list-w-count{
    margin:0;
    padding:0;
    width:100%;
    counter-reset: count;
}
.single-row-list-w-count li{
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.1em;
    counter-increment: count;
    color: #3f4254;
    font-weight: 500;
    border: 1px solid #e4e6ef;
    border-radius: 5px;
    margin-bottom: 6px;
    height: 34px;
    overflow: hidden;
}

.single-row-list-w-count li:before{
    content: "0" counter(count);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    border-radius: 50%;
    color: #ffffff;
    left: -8px;
    top: -6px;
    padding-top: 10px;
    height: 170%;
    padding-right: 12px;
    padding-left: 18px;
    box-shadow: -5px 0px 3px -4px rgba(0, 44, 80, 0.64) inset;
    background-color: #009bff;
}
.single-row-list-w-count li .cp-btn-wrap{
    position:absolute;
    right:10px;
}
.emp-color{
    background-color: #f1f1f1;
}
.anchor-t-domain{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2196f3;
    color: #2196f3;
    box-shadow: 1px 1px 1px 1px #e4e4e4;
    transition: all 0.4s;
}
.anchor-t-domain:hover,.anchor-t-domain:focus{
    opacity: 0.7;
    color: #2196f3;
    box-shadow: 0 0 0 0 #e4e4e4;
}
.alert-pulse{
    position: absolute;
    top:10px;
    right:10px;
    font-size: 0.6em !important;
    -webkit-animation: wiggle 1.5s infinite;
    animation: wiggle 1.5s infinite;
}
@-webkit-keyframes wiggle {
    0%,
    100% {
        transform: scale(1);
        opacity:0.4;
    }

    50% {
        transform: scale(0.9);
        opacity:1;
    }
}

@keyframes wiggle {
    0%,
    100% {
        transform: scale(1);
        opacity:0.4;
    }

    50% {
        opacity:1;
        transform: scale(0.9);
    }
}
.dt-list-wrap .cp-btn-wrap{
    position: absolute;
    right:1rem;
}
.width-p-85{
    width:85%;
}
.width-p-10{
    width:10% !important;
}
.width-p-90{
    width:90% !important;
}
.pre-syl{
    display:block;
    padding:10px;
    margin:0 0 10px;
    font-size:13px;
    line-height:1.5;
    color:#333;
    word-break: break-all;
    background-color: #f5f5f5;
    border-radius:4px;
}
.whois-content-txt-wrap{
    position: relative;
}
.whois-content-txt-wrap ul{
    padding:0;
    display: flex;
    justify-content: flex-end;
    margin:0 0 -15px;
    position: relative;
}
.whois-content-txt-wrap ul li{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    cursor: pointer;
}
.whois-content-txt-wrap ul li >span{
    position: absolute;
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 1px 6px;
    border-radius: 4px;
    top: calc(100% + 4px);
    color: #8c8c8c;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}
.whois-content-txt-wrap ul li:hover >span{
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.ssl-list-wrap li:last-child{

}
.ssl-list-wrap li >span:last-child{
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
}
.ssl-list-wrap li:last-child >span:last-child{
    white-space: normal;
}
.expiry-countdown-row{
    padding: 12px 10px !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 5px 0 8px!important;
    flex-direction: row !important;
    box-shadow: 0px 5px 5px -3px rgb(85 85 85 / 10%) inset, 0px -5px 5px -3px rgb(85 85 85 / 10%) inset;
    border-radius: 0 !important;
    background-color: #fafafa;
}
.expiry-countdown-row > span{
    color:#263238;
}
.ssl-status-wrap{
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.ssl-status-wrap.ssl-sw-m-list{
    position:absolute;
    right:1rem;
    top:calc(50% - 10px);
}
.ssl-status-wrap.ssl-sw-m-list > span{
    bottom: auto;
    top: auto;
    right: calc(100% + 6px);
    transform: perspective(600px) rotateX(-90deg) translateX(-10px);
    transform-origin: center;
    font-size: 0.7em;
    transition:all 0.2s;
}
.ssl-status-wrap.ssl-sw-m-list > span:after{
    display: none !important;
}
.ssl-status-wrap.ssl-sw-m-list:hover > span{
    transform: perspective(600px) rotateY(0) translateX(0);
}
.ssl-status-wrap > span{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: calc(100% + 6px);
    transform: translateY(10px);
    transition: all 0.4s;
    white-space: nowrap;
    border: 1px solid;
    border-radius: 5px;
    padding: 0 5px;
    background-color: #fff;
    display: flex;
    justify-content: center;
}
.ssl-status-wrap > span:after{
    position: absolute;
    content:"";
    width:6px;
    height:6px;
    transform: rotate(225deg);
    border-bottom: 1px solid;
    border-right: 1px solid;
    background-color: #fff;
    top: -4px;
}
.ssl-status-wrap:hover > span{
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.mx-tb-wrap{
    /*max-height: 150px;*/
}
.mx-tb-reports-wrap{
    max-height: 400px;
    position: relative;
}
/*.mx-tb-reports-wrap:after{
    position: absolute;
    content:'';
    width:100%;
    height:30px;
    bottom:0;
    left:0;
    background-color: #000;
}*/
.hnp-cus-tb-wrap{
    /*max-height: 110px;*/
}
.h-sticky table{
    overflow: auto;
}
.h-sticky table >thead{
    position: sticky;
    top: 0px;
    z-index: 1;
}
.w-scroll-cloud{
    position:relative;
}
.w-scroll-cloud:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 24px;
    box-shadow: 0 -14px 10px -10px #ffffff inset;
    bottom: 0;
    z-index: 10;
    left: 0;
}
.block-status-wrap{
    position: absolute;
    height: 100%;
    width: 1px;
    border-right: 2px solid rgba(33, 150, 243,0.12);
    left: -5px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-status-wrap > span{
    transform: rotate(-90deg);
    position: absolute;
    padding: 0px 10px;
    background-color: #f6fafb;
    font-weight: 600;
    color: #2196f3;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing:1px;
}

.verification-logo-list{
    margin:-1px 0;
    padding:0;
    display: inline-block;
    width:100%;
    overflow:hidden;
}
.verification-logo-list > li{
    height: 120px;
    width: calc(100% / 2.988);
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    filter: grayscale(1);
    margin: 0px -1px -1px 0;
    border: 1px solid #efefef;
    border-left: none;
    box-shadow: 0 0 10px -6px #bbb;
    padding: 14px;
    background-color: #d9d9d9;
    opacity: 0.6;
}
.verification-logo-list.vll-helper  > li{
    border-left:  1px solid #efefef;
    margin: 0px -1px 0px 0;
}
.verification-logo-list.vll-helper  > li:after{
    display: none !important;
}
.verification-logo-list > li.active{
    filter: grayscale(0);
    position: relative;
    background-color: transparent;
    opacity: 1;
}
.verification-logo-list > li.active:after{
    position: absolute;
    top: 10px;
    right: 10px;
    content: "\f058";
    color: #2196f3;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.3em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.verification-logo-list > li > span{
    font-weight: 700;
    font-size: 1em;
    text-transform: capitalize;
}
.verification-logo-list > li > span:first-child{
    height: 40px;
    margin-bottom: 10px;
}
.verification-logo-list > li img{
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px 1px 0px #fff);
}
.pr-detail-wrap .base-info-content{
    transition: all 0.3s,transform 0.5s;
    overflow: hidden;
    max-height: 400px;
}
/*Domain Summary Info*/
.pr-detail-wrap .d-summary-info-content{
    transition: all 0.3s,transform 0.5s;
    overflow: hidden;
    border-bottom: 1px solid #eff2f5;
    transform: perspective(800px) rotateX(-90deg);
    visibility: hidden;
    max-height: 0px;
}
.pr-detail-wrap.info-sticky-c-h .d-summary-info-content{
    transform: perspective(800px) rotateX(0deg);
    visibility: visible;
    max-height: 100px;
}
.d-summary-info-content .dm-thumb-wrap{
    width:60px;
    height:60px;
    padding:5px;
}
.d-summary-info-content .social-md-list{
    justify-content: flex-end;
}
.d-summary-info-content .social-md-list .alert{
    display: none;
}
.pr-detail-wrap .d-summary-info-content .dt-body-syl{
    padding: 0.5rem 1.25rem;
}
.pr-detail-wrap .d-summary-info-content .dt-body-syl > .list-item{
    display:flex;
    justify-content: space-between;
}
.pr-detail-wrap .d-summary-info-content .detail-info-fue-wrap{
    width:100%;
    margin-left:0;
    align-items: center;
}
.pr-detail-wrap .d-summary-info-content .user-info-detail-list-wrap{
    line-height:2;
}
/*Domain Summary Info END*/
.pr-detail-wrap.info-sticky-c-h{
    margin: 0 0 10px 0;
    box-shadow: 0px 4px 6px -5px #e1e1e1;
    border-radius: 0;
    z-index: 9;
    position: relative;
}
.pr-detail-wrap.info-sticky-c-h .base-info-content{
    transform-origin: top center;
    transform: perspective(800px) rotateX(-90deg);
    visibility: hidden;
    max-height: 0px;
}
.scrollable-el-cus{
    overflow: auto !important;
    height: calc(100vh - 347px);
    /*max-height: calc(100vh - 314px);*/
    scroll-behavior: smooth;
}
.pr-collaps-head-wrap{
    overflow: hidden !important;
    position:relative;
    min-height: calc(100vh + 30vh);
}
.h-v-srb-cus{
    height:calc(100vh - 112px);
    /*max-height: calc(100vh - 102px);*/
}
.bx-head-w-helper .w-tooltip > i{
    background-color: #2196f3;
    color: #fff;
    border-color: #2196f3;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    padding-right:2px;
    transition: all 0.5s;
}
.bx-head-w-helper .w-tooltip:hover > i{
    background-color: #ffffff;
    color: #2196f3;
    border-color: #2196f3;
}
.bx-head-w-helper .w-tooltip .tt-fu{
    opacity: 0;
    visibility: hidden;
    transform: translateX(-14px);
    background-color: #2196f3;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    transition:all 0.5s;
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
.bx-head-w-helper .w-tooltip .tt-fu:after{
    position: absolute;
    content:"";
    width:6px;
    height:6px;
    transform: rotate(45deg);
    background-color: inherit;
    right:-3px;
}
.bx-head-w-helper .w-tooltip:hover .tt-fu{
    transform: translateX(-3px);
    opacity: 1;
    visibility: visible;
}
.scrol-to-info-btn {
    position: absolute;
    top: 7px;
    right: 12px;
    width: 20px;
    height: 30px;
    border: 2px solid #2196f3;
    border-radius: 50px;
    box-sizing: border-box;
    /*    visibility: hidden;
        opacity: 0;*/
    visibility: visible;
    opacity: 1;
    transition: all 0.2s;
    cursor: pointer;
}
.info-sticky-c-h .scrol-to-info-btn::before{
    -webkit-animation: sdb11 2s infinite;
    animation: sdb11 2s infinite;
}
.scrol-to-info-btn::before {
    position: absolute;
    bottom: 16px;
    left: 50%;
    content: '';
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-left: 1px solid #2196f3;
    border-top: 1px solid #2196f3;
    /*transform:rotate(45deg) translate(0, 0);*/
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;

}
.scrol-to-info-btn::after{
    content: "Info";
    position: absolute;
    right: calc(100% - 5px);
    transform: rotate(-90deg);
    top: 4px;
    font-weight: 600;
    color: #2196f3;
    text-transform: uppercase;
    font-size: 0.8em;
}
@-webkit-keyframes sdb10 {
    0% {

        -webkit-transform:rotate(-136deg) translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform:rotate(-136deg) translate(-8px, -8px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb10 {
    0% {
        transform:rotate(-136deg) translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {

        transform:rotate(-136deg) translate(-8px, -8px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes sdb11 {
    0% {

        -webkit-transform:rotate(45deg) translate(8px, 8px);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform:rotate(45deg) translate(0, 0);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb11 {
    0% {
        transform:rotate(45deg) translate(8px, 8px);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {

        transform:rotate(45deg) translate(0, 0);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

ul.cu-list-pr-wrap {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.cu-list-pr-wrap li {
    width: calc(100% / 3.2);
    margin: 5px;
    border: 1px solid #e3e3e3;
    padding: 5px;
    border-radius: 5px;

}
.cu-list-pr-wrap li .cut-code-statu{
    min-width:26px;
}
.cu-list-pr-wrap li div > span:last-child{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}
.aa-status-fixed .apexcharts-legend-marker{
    width:12px !important;
}
.box-footer select.page-size, .box-footer select.page-drop {
    padding: 4px 30px 4px 10px;
    text-align: left;
}
.box-footer.foot-fixed-pager select.page-size, .box-footer.foot-fixed-pager  select.page-drop {
    padding: 7px 30px 5px 10px;
    text-align: left;
}
.box-footer.modal-footer-wrap select.page-size,
.box-footer.modal-footer-wrap select.page-drop {
    padding: 6px 30px 6px 10px;
    text-align: left;
}
.box-footer .btn-group{
    padding-right:0;
}
.lb-status-bgd{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.9em;
}
.resualt-verify-v2-wrap .valid-card-content-wrap.no-grouping-wrap .valid-acc-content .form-group .lb-status-bg-wrap{
    float: right;
}
/*#status-summary-graph .apexcharts-canvas,
#status-summary-graph .apexcharts-canvas > svg,
#status-summary-graph .apexcharts-canvas > svg > foreignObject{
    width:100% !important;
}
#status-summary-graph .apexcharts-canvas{
    top:2rem;
}*/
#status-summary-graph .apexcharts-legend{
    padding: 0 2rem !important;
    width:53%;
}
#status-summary-graph{
    display: flex;
    align-items: center;
}
.status-rd-cus.src-t-s{
    margin-top:3px;
}
.status-rd-cus.src-t-s > a.btn{
    height:38px;
}
.select2-container .side-dark-ctr .select2-selection__rendered li.select2-search--inline:after{
    display: none !important;
    opacity: 0;
}
.sidebar-filter-box.sd-close{
    margin-top: -118px;
}
.sidebar-filter-box.sd-close-sm{
    margin-top: -68px;
}
.sidebar-filter-box.sd-close-sm .push-btn-float,
.sidebar-filter-box.sd-close .push-btn-float{
    background-color: #ffffff;
    color: #1e87da;
}
.sidebar-filter-box.sd-close-sm .push-btn-float:before,.sidebar-filter-box.sd-close-sm .push-btn-float:after,
.sidebar-filter-box.sd-close .push-btn-float:before,.sidebar-filter-box.sd-close .push-btn-float:after{
    background-color: #ffffff;
}
.sidebar-legend-chart .apexcharts-legend{
    padding:10px;
    border-radius: 8px;
}
.sidebar-legend-chart .apexcharts-legend-series {
    cursor: pointer;
    line-height: normal;
    background-color: #efefef;
    padding: 0;
    margin-bottom: 4px !important;
    display:flex;
    align-items: center;
    height:26px;
    overflow: hidden;
}
.sidebar-legend-chart .apexcharts-legend-series > span{
    display: flex;
    align-items: center;
    margin:0 4px;
}
.sidebar-legend-chart .apexcharts-legend-series > span:first-child{
    min-width: 12px;
    box-shadow: -3px 0 3px -2px rgba(96 ,96 ,96, 0.26) inset;
    margin:0;
    justify-content: center;
}
.sidebar-legend-chart .apexcharts-legend-series > span:last-child{
    height:inherit;
    width:100%;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}

.floating-app-overlapping-wrap{
    position: absolute;
    right:5px;
    top:0;
}
.floating-app-overlapping-wrap.faow-list-wrap{
    right:10px;
    top:calc(50% - 12px);
}

.floating-app-overlapping-wrap.faow-list-wrap ul.fa-overlap-list.show-all >li{
    display: flex !important;
}
.floating-app-overlapping-wrap.faow-list-wrap ul.fa-overlap-list >li{
    width:26px;
    height:26px;
    border: 2px solid #2c3c55;
    margin-left: -8px;
    font-size: 0.7em;
    box-shadow: 0 0 0 0 rgba(12, 16, 22, 0.27);
    padding-top: 0;
    transition: all 0.5s;
}
.floating-app-overlapping-wrap.faow-list-wrap ul.fa-overlap-list >li.hide-w-anim {
    transform: translateX(200%);
    visibility: hidden;
    opacity: 0;
}
.floating-app-overlapping-wrap.faow-list-wrap ul.fa-overlap-list.show-all >li.hide-w-anim {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}
ul.fa-overlap-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
ul.fa-overlap-list >li{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-left: -10px;
    position: relative;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    padding-top: 2px;
    z-index: 1;
    justify-content: center;
    font-size: 0.9em;
    box-shadow: 1px 2px 2px 0px #ddd;
}
ul.fa-overlap-list >li:hover{
    z-index: 2;
}
.list-left + .list-brand-body {
    margin-left: 50px;
}
.keyword-f-row{
    padding: 0.3rem 0.5rem !important;
}

.profile-detail-stack-wrap {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    height: 160px;
    background-color: rgba(114, 114, 114, 0.35);
    background-image: url('../../images/subtle-grey.png');
    box-shadow: 0px -1px 4px -2px #464646 inset;
}
.bic-p-card-wrap.base-info-content{
    position: relative;
    margin-bottom: 1rem;
}
.bic-p-card-wrap .dt-body-syl {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin: 2px;
}
.bic-p-card-wrap .dt-body-syl .list-item {
    display: flex;
    position: relative;
    padding: 1rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.bic-p-card-wrap .dt-body-syl .list-item .detail-info-fue-wrap{
    display:flex;
    margin-left: 0 !important;
    align-items: center;
    height:auto;
}
.bic-p-card-wrap .user-info-detail-list-wrap > li > span i{
    color: #0266b9;
    font-size: 1.2em;
}
.tb-holder-wrap{
    margin-top: -4rem;
    display: flex;
    justify-content: center;
}
.avatar-place-holder-wrap{
    position: relative;
    margin: 10px 0;
}
.avatar-place-holder-wrap .avarar-upload-btn{
    position: absolute;
    top: 96px;
    background-color: #ffffff;
    right: 10px;
    color: #0266b9;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    width: 24px;
    height: 24px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    box-shadow: 0px 0px 8px -1px #b7b7b7;
    cursor: pointer;
    padding-top: 1px;
}
.avatar-place-holder-wrap .avatar-place-holder{
    font-weight: 800;
    font-size: 2rem;
    color: #0266b9;
    box-shadow: 0px 0px 10px 0 rgba(135, 135, 135, 0.34);
    border-style: solid;
    overflow: hidden;
    border-radius: 50%;
    width: 128px;
    height: 128px;
    border: 5px solid rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}
.avatar-place-holder-wrap:hover .avatar-place-holder{
    border-color:rgba(106, 106, 106, 0.7);
}
.avatar-place-holder-wrap:hover .avarar-upload-btn{
    background-color:#929292;
    color:#fff;
}
.avatar-place-holder-wrap .avatar-place-holder> img{
    width:100%;
}
.uidlw-profile{
    flex-direction: column;
    display: flex;
    margin: 10px 2rem;
    list-style: none;
    padding: 0;
    margin-left: 1rem;
}
.uidlw-profile > li{
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    padding: 14px 1.5rem;
    border-bottom: 1px solid #f3f3f3;
}
.uidlw-profile > li > span:first-child{
    color: #263238;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.uidlw-profile > li > span:last-child{
    color: #9f9f9f;
    font-weight: 600;
}
.uidlw-profile > li:last-child{
    border-bottom: none;
}
.sc-drp-anim > .dropdown-menu{
    width: 100%;
    padding: 0;
    transition: all 0.3s;
    transform: perspective(800px) rotateX(-90deg);
    visibility: hidden;
    opacity: 0;
    transform-origin: top center;
    display: block;
}
.sc-drp-anim > .dropdown-menu .dropdown-item{
    transition: all 0.3s;
    padding:3px 14px !important;
    border-bottom: 1px solid #fbfbfb !important;
}
.sc-drp-anim > .dropdown-menu .dropdown-item:last-child{
    border-bottom: none !important;
}
.sc-drp-anim > .dropdown-toggle{
    transition: all 0.3s;
    border-color: #e4e6e8;
}
.sc-drp-anim > .dropdown-toggle:after{
    width: 8px;
    height:8px;
    margin-left:14px;
    margin-bottom: 4px;
    border-left: none;
    border-top: none;
    border-right: 2px solid #838383;
    border-bottom: 2px solid #838383;
    transform: rotate(45deg);
}
.sc-drp-anim.open > .dropdown-menu{
    visibility: visible;
    opacity: 1;
    transform:  perspective(800px) rotateX(0deg);
}
.btn-rmv-grid {
    border-radius: 4px;
    transition: all 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    background-color: #F5F8FA;
    box-shadow: 1px 1px 1px 0 #ddd;
}
.btn-rmv-grid > i{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    font-size: 1.1em;
}
.sm-even-bg-color > .list-item:nth-child(even){
    background-color: #fbfbfb;
}
.uidlw-profile-brand{
    margin: 20px 10px 10px 0;
    border: 1px dashed #e5e3e3;
}
.uidlw-profile-brand > li{
    border-bottom: 1px dashed #e5e3e3;
    padding: 14px 1rem;
}
.more-app-list-wrap{
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    margin: 0;
    min-width: 150px;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.26);
    padding: 0;
    z-index: 100;
    backdrop-filter: blur(6px);
    border-radius: 6px;
    color: #202c3d;
    font-weight: 600;
    box-shadow: 0px 1px 14px 0px rgba(94, 94, 94, 0.13);
    transition: all 0.3s;
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0;
}
.more-app-usr-btn:hover .more-app-list-wrap{
    transform: perspective(600px) rotateX(0deg);
    -webkit-transform: perspective(600px) rotateX(0deg);
    visibility: visible;
    opacity: 1;
}
.more-app-list-wrap > li{
    padding: 8px 10px;
    border-bottom: 1px solid #f1f1f1;
    white-space: nowrap;
}
.more-app-list-wrap > li:last-child{
    border-bottom: none;
}
.sidebar-specific-brand{
    padding: 1rem;
    align-items: flex-start;
    border: 2px dashed #2196f3 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 2px 1px #ddd;
    flex-direction: column;
    font-size: 1em;
}
.sidebar-specific-brand h6{
    font-size: 1.2em;
    color: #0275d8;
}
.mail-template-content-wrap .mail-template-content{
    width:calc(100% - 150px);
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.mail-template-content-wrap{
    display: flex;
    flex-direction: row;
    position: relative;
}
.mail-themes-wrap{
    width: 150px;
}
.mail-themes-wrap .action-page-theme{
    max-height: none;
    height:100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0;
    box-shadow: 2px 0px 5px -2px #bfbfbf inset;
    display: flex;
    flex-direction: column;
    padding-right: 10px;
}
.box-header.bh-abs.bh-zoom-tools{
    position: absolute;
    width: 100%;
}
.box-header.bh-abs.bh-zoom-tools .box-tool.bt-exp-wrap {
    right: 144px;
    top: 0;
    z-index: 10;
}
.box-header.bh-abs.bh-zoom-tools .box-tool.bt-exp-wrap.d-w-send-st-wrap{
    display: flex;
    flex-direction: row;
    right:151px;
}
.box-header.bh-abs.bh-zoom-tools .box-tool.bt-exp-wrap.d-w-send-st-wrap.d-w-global{

    right:10px;
}
.box-header.bh-abs.bh-zoom-tools .box-tool.bt-exp-wrap.d-w-send-st-wrap.d-w-global .range-box-head-cus{
    min-width: 130px !important;
}
.box-header.bh-abs.bh-zoom-tools .box-tool .range-box-head-cus .dropdown-toggle {
    background-color: #f5f5f5;
    border-radius: 0 0 6px 6px;
    padding: 6px 10px 5px;
    color: #6e8192 !important;
    font-weight: 500;
    box-shadow: none !important;
}
.box-header.bh-abs.bh-zoom-tools .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle{
    margin-top: 0;
    padding: 7px 14px !important;
    border: none;
}
.summary-info-detail-wrap{
    margin: 3rem 0 2rem;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f8f8f8;
    border-radius:8px;
}
.summary-info-detail-wrap li{
    width: 100%;
    margin: 5px 5px 12px;
    border: none;
    border-radius: 12px;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    opacity: 1;
    animation: widgetLoad 1s ease-out;
}
.summary-info-detail-wrap.in-cus-sid-wrap{
    /*overview*/
    /*margin: 2rem 0 0rem;*/
    margin: 0 0 0rem;
    max-height: 510px;
    overflow: auto;
}
.summary-info-detail-wrap.in-cus-sid-wrap li{
    /*overview*/
    /*    margin: 3px 5px 3px;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow:hidden;
        padding: 0;*/
    margin: 0px 4px;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    overflow: hidden;
    padding: 10px 4px;

}
.summary-info-detail-wrap.in-cus-sid-wrap li:last-child{
    border-bottom: none !important
}
.summary-info-detail-wrap.in-cus-sid-wrap li .list-body .flex-label{
    padding: 0.25rem 4px;
    text-align: center;
    display: flex;
    float: right;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    height: 30px;
    font-size: 0.9em;
    border-radius: 4px;
    min-width: 32px;
}
.summary-info-detail-wrap.in-cus-sid-wrap li .list-body{
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.summary-info-detail-wrap.in-cus-sid-wrap li .list-body:after{
    display: none;
}

.summary-info-detail-wrap li .widget-top-rel{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.tb-ns-info-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
}
.tb-ns-info-list li > span {
    display: flex;
    align-items: center;
}
.with-list-buble > li:first-child:after{
    display: none;
}
.with-list-buble > li {
    overflow: visible;
}
.with-list-buble > li:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #121922;
    border-radius: 50%;
    top: calc(50% - 1px);
    left: -10px;
}
.lbl-inset-nav-shadow{
    box-shadow: 0px 0px 2px 0px #00060e inset;
}
.tab-v-list-search-items > button{
    position: absolute;
    right: 5px;
    padding: 0;
}
.range-cus-graph-sch{
    right: 151px;
    top: 0;
    z-index: 10;
}
.range-cus-graph-sch.box-tool .range-box-head-cus .dropdown-toggle {
    background-color: #f5f5f5;
    border-radius: 0 0 6px 6px;
    padding: 6px 10px 5px;
    color: #6e8192 !important;
    font-weight: 500;
    box-shadow: none !important;
}
.msg-box-status-shadow {
    box-shadow: 1px 1px 2px 1px #e5e5e5;
}
.ls-dm-left-panel{
    overflow: hidden;
    display: block;
}
.ls-dm-left-panel > .row-row{
    height:calc(100vh - 314px);
    display: flex;
}
.va-hourglass-anim .fa-hourglass:before{
    animation-name: hourglass;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    content: "\f251";
}
@keyframes hourglass {
    0% {
        content: "\f251";
    }
    33.3% {
        content: "\f252";
    }
    66.6% {
        content: "\f253";

    }
}
.arrow-left-cu{
    position:relative;
}
.arrow-left-cu:after{
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    left: -3px;
    transform: rotate(45deg);
    background-color: inherit;
    border-bottom: 1px solid #317bb8;
    border-left: 1px solid #317bb8;
}
ul.breadcrumb-cus-wrap li.validation-brd i:hover{
    background-color: #4caf50!important;
    color:#fff;
    border-color: #4caf50!important;
}
.pos-relative{
    position: relative !important;
}
.box-flex-col-w-doghnut{
    height:100%;
    padding: 0 !important;
}
.box-flex-col-w-doghnut > .summary-info-detail-wrap{
    height:100%;
    align-items: flex-start;
    flex-direction: column;
}
.shadow-box-light{
    box-shadow: 0 0rem 0.6rem rgba(0,0,0,.05)!important;
}
.bh-right-drp{
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem !important;
    z-index:99 !important;
}
.bh-right-drp > h6{
    font-size:1.2em;
}
.bh-right-drp .box-tool{
    right:0 !important;
    height: 100%;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp  .box-tool.bt-exp-wrap.d-w-send-st-wrap.d-w-global .range-box-head-cus{
    height:100%;
    min-width: 150px !important;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle{
    height:100%;
    display:flex;
    align-items: center;
    background-color: #2196f3 !important;
    color:#fff !important;
    border-radius: 0 6px 6px 0 !important;
    font-size:1.1em;
    padding:7px 14px 6px !important;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle:after{
    border-color: #fff;
    margin-top:-2px;
}
.bh-right-drp .range-box-head-cus .dropdown-menu .dropdown-item:hover{
    background-color: #2196f3 !important;
}
.bh-right-drp .range-box-head-cus .dropdown-menu{
    box-shadow: 0px 3px 5px 0px rgba(0, 0 ,0 ,0.21);
    min-width:320px !important;
}
.bh-right-drp .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item{
    width:47.8%;
    min-height:40px;
    display:flex;
    align-items: center;
    margin:2px 3px 2px;
}
.bh-right-drp .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item i{
    font-size:1.3em;
}
.bh-right-drp .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item:hover i{
    color:#fff !important;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle i{
    color:#fff !important;
    font-size:1.1em;
    margin-right: 8px !important;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle > span > span{
    display: flex;
}
.lb-w-arrow-r{
    position:relative;
}
.lb-w-arrow-r:after{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: inherit;
    transform: rotate(45deg);
    right: -2px;
    z-index:-1px;
}
.tb-list-info-wrap{
    display: inline-block;
    background-color: #ebebeb;
    margin: 0 !important;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    box-shadow: 1px 20px 10px -5px #f5f5f5 inset;
}
.tb-list-info-wrap li{
    float: left;
    border-right: 1px solid #dbdbdb;
    padding: 8px !important;

    transition: all 0.2s;
    position: relative;
}
.tb-list-info-wrap li:first-child{
    border-radius: 6px 0 0 6px;
}
.tb-list-info-wrap li:last-child{
    border-radius: 0 6px 6px 0;
}
.tb-list-info-wrap li.desc-tb-wrap:hover b,.tb-list-info-wrap li.desc-tb-wrap:hover b i{
    color: #fff !important;
}
.tb-list-info-wrap li.desc-tb-wrap:hover{
    background-color: #2196f3;

}
.tb-list-info-wrap li:last-child{
    border-right: none;
}
.tb-list-info-wrap li b{
    padding:0 6px 0 0;
}
.tb-list-info-wrap li.desc-tb-wrap{
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.tb-list-info-wrap li.desc-tb-wrap > span{
    position: absolute;
    bottom: 100%;
    transform: translateY(-10px);
    opacity: 0;
    min-width: 360px;
    max-width: 360px;
    overflow: hidden;
    visibility: hidden;
    padding: 5px;
    background-color: #fff;
    border-top: 3px solid #2196f3;
    border-radius: 5px;
    font-size: 0.9em;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0,0.15);
    transition: all 0.3s;
    z-index: 21;
    text-align: center;
}
.tb-list-info-wrap li.desc-tb-wrap > span.dtz{
    min-width: 60px;
}
.tb-list-info-wrap li.desc-tb-wrap > span:after{
    position: absolute;
    content:'';
    width:8px;
    height:8px;
    bottom:-4px;
    background-color: #fff;
    left:calc(50% - 4px);
    transform: rotate(45deg);
    box-shadow: 2px 2px 2px 0px rgba(82, 82, 82, 0.13);

}
.tb-list-info-wrap li.desc-tb-wrap:hover > span{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.btn-grp-quar button {
    border-radius: 4px;
    transition: all 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    background-color: #F5F8FA;
    box-shadow: 1px 1px 1px 0 #ddd;
}
.btn-grp-quar button > i {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    font-size: 1.1em;
}
.btn-grp-quar button:hover {
    opacity: 0.8;
}
.bh-right-drp.lang-bh-globe .range-box-head-cus .dropdown-menu{
    min-width:180px;
}
.bh-right-drp.lang-bh-globe .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item{
    width:99%;
    min-height: 30px;
}
.bh-right-drp.lang-bh-globe .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item .flag-icon{
    border-radius: 50%;
    background-size: cover;
    min-height: 1.2rem;
    box-shadow: 1px 1px 1px 1px rgba(64, 64, 64, 0.30);
    border: 1px solid #f2f2f3;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp.lang-bh-globe .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle i.flag-icon{
    border-radius: 50%;
    background-size: cover;
    min-height: 1.5rem;
    min-width: 1.5rem;
    box-shadow: 0 0 2px 1px rgba(0, 56, 100, 0.80);
    border: 1px solid #f2f2f3;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp.lang-bh-globe .box-tool .range-box-head-cus.valid-send-st-drp .dropdown-toggle > span > span{
    align-items: center;
}
.tb-left-side-wrap {
    padding:  0;
    width:100%;
}
.tb-left-side-wrap .nav-sm .nav-link{
    padding: 14px 10px;
    transition: all 0.2s;
    border-radius: 0 2px 2px 0;
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 2px;
    width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f5f5f5;
    position: relative;
}
.tb-left-side-wrap .nav-sm .nav-link:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 14px;
    top: calc(50% - 5px);
    opacity: 0;
    transition: all 0.6s;
    transform: perspective(50px) rotate(-43deg) rotateX(8deg);
}
.tb-left-side-wrap .nav-sm .nav-link.active:after{
    opacity: 1;
}
.tb-left-side-wrap .nav-sm > .nav-item {
    cursor: pointer;
}
.tb-left-side-wrap > div.white{
    border:none !important;
    padding-top: 0 !important;
}
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(2) .nav-link,
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(1) .nav-link{
    color: #fff;
    background-color: #0071cb;
}
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(1) .nav-link{
    background-color: #2b5e87;
}
.ct-cu-btn-wrap .col-form-label{
    font-size: 1em !important;
    color: #3c3c3c !important;
}
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(2) .nav-link > span i,
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(1) .nav-link > span i{
    font-size: 1.2em;
    margin-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.38);
    padding:4px 10px 4px 4px;
    box-shadow: 1px 0px 0px 0px rgba(147, 147, 147, 0.46);
}
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(1) .nav-link > span i{
    font-size: 1.3em;
    padding-right: 11px;
}
.tb-left-side-wrap.tb-lsw-ctl .nav-sm > .nav-item:nth-last-child(1) .nav-link > span{
    display: flex;
    align-items: center;
}
.tb-left-side-btn .btn i{
    font-size: 1.2em;
    margin-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.38);
    padding:3px 10px 3px 4px;
    box-shadow: 1px 0px 0px 0px rgba(147, 147, 147, 0.46);
}
.tb-left-side-wrap .nav-sm .nav-link > span{
    white-space: nowrap;
    transform: perspective(50px) rotateX(-1deg);
    transform-origin: left center;
    display: block;
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tb-left-side-wrap .nav-sm .nav-link.active:before,
.tb-left-side-wrap .nav-sm .nav-link:hover:before{
    display: none !important;
}
.tb-left-side-wrap .nav-sm .nav-link:hover{
    background-color: #ddd;
    transform: perspective(50px) rotateX(2deg);
    transform-origin: left center;
}
.tb-left-side-wrap .nav-sm .nav-link.active{
    background-color: #2196f3;
    color: #fff;
    width: 100%;
    border-radius: 0 6px 6px 0;
    transform: perspective(50px) rotateX(1deg);
    transform-origin: left center;
}
.tb-left-side-wrap .nav-active-border{
    margin-bottom: 0;
}
.tb-left-side-btn{
    width: 94%;
    margin-top: 3px;
    padding: 0px 0 5px 0px;
    transition: all 0.4s;
}
.tb-left-side-btn:hover{
    width:98%;
}
.tb-left-side-btn .btn{
    width: 100%;
    padding: 14px 10px;
    border-radius: 0 2px 2px 0;
    transition: all 0.5s;
    text-align: left;
}
.tab-content-toolbox-head{
    width: 100%;
    display: flex;
    padding: 14px 10px;
    justify-content: flex-end;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(129, 129, 129, 0.08);
    background-color: #fdfdfd;
    align-items: center;
}
.btn-sm-cus-ico{
    padding: 0.18rem 0.5rem;
}
.edit-content-custom-input{
    max-height:200px;
    min-height: 180px;
    overflow: auto;
}
.include-iframe-wrap{
    height:calc(100vh - 263px);
    width:100%;
    max-height: 657px;
    min-height: 600px;
    top:1rem;
}
.include-iframe-wrap iframe{
    border:none;
    box-shadow: none;
    outline: none;
}
.d-w-global-btn .btn{
    height: 46px;
    border-radius: 0;
    padding: 0 15px;
    font-weight: 400;
    transition: all 0.4s;
}
.d-w-global-btn .btn.slider-effect i {
    transition: all 0.6s;
}
.d-w-global-btn .btn.slider-effect{
    max-width: 46px;
    overflow: hidden;
    transition: all 0.6s;
}
.d-w-global-btn .btn.slider-effect:hover{
    max-width:100%;
}
.d-w-global-btn .btn.slider-effect:hover i{
    margin-right:10px !important;
}
.zxy-0-header{
    height:46px;
}
.form-legent-syl{
    position: relative;
    padding-top: 4px;
}
.form-legent-syl .col-form-label > span{
    margin-right: 3px;
}
.form-legent-syl select.form-control{
    padding: 0.8rem 0.75rem 0.6rem;
}
.form-legent-syl .form-control{
    padding: 0.8rem 0.75rem;
    font-size: 0.9rem;
    height: auto !important;
}
.form-legent-syl .col-form-label{
    padding: 0 6px 0 !important;
    margin-bottom: 0;
    background-color: #fff;
    transform: translate(22px ,0px);
    position: relative;
    z-index: 1;
    line-height: 1px;
    display: inline-block;
    font-size: 0.8em;
    color: #858585;
    position: absolute;
}
.form-legent-syl.text-danger .col-form-label{
    color:#ef193c!important;
}
.form-legent-syl.text-danger input{
    border-color: #ef193c;
}
.tab-content-settings-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /*    overflow-x: hidden;
        overflow-y: auto;*/
}
.tab-content-settings-wrap .tcsw-content-wrap{
    transition: all 0.4s;
    transform: perspective(800px) rotateY(90deg);
    transform-origin: center left;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    width:100%;
}
.tab-content-settings-wrap .tcsw-content-wrap .tcsw-content-items{
    display: none;
}
.tab-content-settings-wrap .tcsw-content-wrap .tcsw-back-to-nav{
    display: none;
    height: 38px;
    border-bottom: 1px solid #ebebeb;
    background-color: #f9f9f9;
    float: right;
    width: 100%;
    z-index: 10;
}
.tab-content-settings-wrap .tcsw-content-wrap .tcsw-back-to-nav >i{
    width: 35px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    float: left;
    color: #2196f3;
    padding-top: 4px;
    padding-right: 6px;
    margin: 0px 8px 0 5px;
    border-right: 1px dashed #ebebeb;
}
.tab-content-settings-wrap.active .tcsw-content-wrap .tcsw-content-items.active,
.tab-content-settings-wrap.active .tcsw-content-wrap .tcsw-back-to-nav{
    display: block;
}
.tab-content-settings-wrap .tcsw-tabs-wrap{
    display: flex;
    transform: perspective(800px) rotateY(0deg);
    transform-origin: center left;
    visibility: visible;
    transition: all 0.4s;
    flex-direction: row;
    padding: 0;
    margin: 0;
    min-width: 100%;
    position: relative;
    z-index: 10;
    flex-wrap: wrap;
}
.tab-content-settings-wrap.active .tcsw-content-wrap{
    min-width: 100%;
    transform: translateX(-100%) !important;
    visibility: visible;
}
.tab-content-settings-wrap.active .tcsw-tabs-wrap{
    width: 100%;
    min-width: 100%;
    transform: perspective(500px)  translateX(-100%);
    visibility: hidden;
    transition: all 0.4s;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item{
    padding: 0 16px;
    transition: all 0.2s;
    cursor: pointer;
    border-bottom: 1px dashed #ededed;
    font-weight: 500;
    background-color: #fff;
    transition-timing-function: ease-in-out;
    width: 100%;
    margin: 0px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #263238;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item > span{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    height: 100%;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item > span i{
    font-size: 1.4em;
    width: 42px;
    min-width: 42px;
    height: 42px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #2196f3;
    transition: all 0.2s;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item > span >div{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px dashed #ededed;
    padding-left: 18px;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item:hover > span > div {
    transform: perspective(700px) rotateY(-3deg);
    transform-origin: right center;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item > span > div >p{
    margin: 0;
    font-size: 0.8em;
    opacity: 0.4;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item:last-child{
    border-bottom: none;
}
.tab-content-settings-wrap .tcsw-tabs-wrap > li{
    width:100%;
}
/*.tab-content-settings-wrap .tcsw-tabs-wrap > li:first-child{
    border-bottom: 1px solid #edf7ff;
}*/
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item:hover{
    background-color: #2196f3;
    color:#fff;
    padding-left: 22px;
}
.tab-content-settings-wrap .tcsw-tabs-wrap .tcsw-tabs-item:hover i{
    box-shadow: 2px 2px 1px 0px #0478dd;
}
/*Appearance*/
.list-radio-quee-wrap.lrqw-profile-frq{
    flex-direction:column;
}
.list-radio-quee-wrap.lrqw-profile-frq >li{
    border-style: solid;
}
.list-radio-quee-wrap.lrqw-profile-frq >li .md-check{
    width: 100%;
}
.list-radio-quee-wrap{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding:0;
    margin: 0;
}
.list-radio-quee-wrap >li{
    margin: 5px;
    border: 1px dashed #e4e6ef;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7e8299;
    transition: all 0.5s;
}
.list-radio-quee-wrap >li:hover,
.list-radio-quee-wrap >li.active{
    color: #009ef7;
    border-color: #009ef7;
    background-color: #f1faff!important;
}
.list-radio-quee-wrap >li .md-check{
    padding: 10px 20px;
    font-size: 1.1em;
    white-space: nowrap;
}
.list-radio-quee-wrap >li .md-check > i{
    display: none !important;
}
.list-radio-quee-wrap + p{
    font-weight: 600;
    margin-top: 4px;
    color:#7e8299;
}
.list-radio-quee-wrap.mockup-selection-radio >li{
    width:47%;
    height: 70px;
    margin:4px;
    background-color: transparent !important;
    border:none;
    position: relative;
    overflow:hidden;
    border: none;
    border-radius: 4px;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu{
    overflow: visible;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i{
    position: absolute;
    z-index: 2;
    right:5px;
    top:5px;
    opacity: 0.8;
    transition: all 0.4s;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i:hover{
    z-index: 4;
    opacity: 1;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i > div:after {
    background-color: #4dabf5;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i > div {
    background-color: #4dabf5;
    width:160px;
    line-height: 1.2;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0,0.62);
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i.left > div {
    right: calc(100% + 5px);
    left:auto;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i.left > div:after{
    border-radius: 33px 0px 0px 29px;
    left: auto;
    transform: rotate(66deg);
    right: 1px;
    top: -3px;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i.right > div {
    left: calc(100% + 5px);
    right:auto;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i.right > div:after{
    border-radius: 6px 0px 0px 31px;
    right: auto;
    transform: rotate(85deg);
    left: -1px;
    top: -3px;
}
.list-radio-quee-wrap.mockup-selection-radio >li.item-hint-cu .info-inpt-tooltip-i > span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #e76c96;
    font-size: 16px;
    margin-left: 0;
    color: #eef2f3;
}
.list-radio-quee-wrap.mockup-selection-radio >li .md-check{
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0;
    width: 100%;
    height: 100%;
    /*visibility: hidden;Remove*/
}
.list-radio-quee-wrap.mockup-selection-radio >li .md-check > input{
    opacity: 0;
}
.list-radio-quee-wrap.mockup-selection-radio >li .md-check > b{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.76);
    color: #2196f3;
    text-shadow: rgba(255, 255, 255, 0.55) 1px 1px 1px;
    transform: perspective(800px) rotateY(90deg) translateX(100%);
    transform-origin: left center;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    font-size: 0.9em;
}
.list-radio-quee-wrap.mockup-selection-radio >li:hover .md-check > b,
.list-radio-quee-wrap.mockup-selection-radio >li.active .md-check > b{
    transform: perspective(800px) rotateY(0deg) translateX(0);
    visibility: visible;
    opacity: 1;
}
.list-radio-quee-wrap.mockup-selection-radio >li.active .md-check > b{
    color: #029400;
    border:1px solid #029400;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 4px;
}
.list-radio-quee-wrap.mockup-selection-radio >li .md-check > i{
    display: block !important;
    opacity: 0;
    transition: all 0.4s;
    width: 20px;
    height: 20px;
    border-radius: 0 0 6px 0;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #029400;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0 , 0.18);
}
.list-radio-quee-wrap.mockup-selection-radio >li .md-check > i:before{
    display:none !important;
}
.list-radio-quee-wrap.mockup-selection-radio >li .md-check input[type="radio"]:checked + i:after {
    position: absolute;
    left: 5px;
    top: 5px;
    display: table;
    width: 11px;
    height: 6px;
    background: transparent;
    border-radius: 0;
    content: ' ';
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
}

.list-radio-quee-wrap.mockup-selection-radio >li.active .md-check > i{
    opacity: 1;
}
.mockup-method{
    position: absolute;
    width:99%;
    height:100%;
    top:0;
    left:0;
    background-color: #e3f3fc!important;
}
.mockup-method:after{
    width:10px;
    height:10px;
    background-color: #2196f3;
    content:"";
    position:absolute;
    border-radius: 2px;
}
.mockup-method .d-b-i{
    width:100%;
    height:30px;
    background-color: #2196f3;
    content:"";
    position:absolute;
    border-radius: 2px;
}
.mockup-method.mc-footerline .d-b-i,.mockup-method.mc-footerline:after{
    bottom:0;
}
.mockup-method .d-b-i:after{
    position: absolute;
    content: "";
    left: 5px;
    top: 4px;
    height: 4px;
    width: 30%;
    background-color: rgba(255, 255, 255, 0.2);
}
.mockup-method .d-b-i > i{
    position: absolute;
    bottom: 3px;
    left: 5px;
    width: 14px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    box-shadow: 16px 0 0 0 rgba(255, 255, 255, 0.2);
}
.mockup-method .d-b-i > i:after{
    position: absolute;
    content: "";
    bottom: 0px;
    left: 32px;
    width: 22px;
    height: 6px;
    background-color: rgba(3, 44, 77,0.14);
    border-radius: 2px;
}
.mockup-method .d-b-i:before{
    position: absolute;
    content: "";
    left: 5px;
    top: 10px;
    height: 8px;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.2);
}
.mockup-method .d-b-i:before{
}
/*.mockup-method .d-p-i*/
/*simple*/
.mockup-method.mc-simple:after{
    bottom: 6px;
    right: 8px;
}
.mockup-method.mc-simple .d-b-i{
    bottom: 19px;
    right: 8px;
    width: 60%;
}
/*headline*/
.mockup-method.mc-headline:after{
    bottom: 6px;
    right: 8px;
}
.mockup-method.mc-headline .d-b-i{
    top: 0;
    right: 0;
    width: 100%;
}
/*interstitial*/
.mockup-method.mc-interstitial{
    background-color: #bbd5e4 !important;
    backdrop-filter: blur(5px);
}
.mockup-method.mc-interstitial:after{
    bottom: 6px;
    right: 8px;
}
.mockup-method.mc-interstitial .d-b-i{
    bottom: 19px;
    right: 8px;
    width: 90%;
}
/*interstitial*/
.mockup-method.mc-standalone{
    background-color: rgba(0, 109, 255,0.16) !important;
    backdrop-filter: blur(5px);
}
.mockup-method.mc-standalone:after{
    bottom: 6px;
    right: 8px;
}
.mockup-method.mc-standalone .d-b-i{
    bottom: 19px;
    right: 8px;
    width: 90%;
}
/*left_top*/
.mockup-method.mc-left_top:after{
    top: 6px;
    left: 8px;
}
.mockup-method.mc-left_top .d-b-i{
    top: 19px;
    left: 8px;
    width: 75%;
}
/*right_top*/
.mockup-method.mc-right_top:after{
    top: 6px;
    right: 8px;
}
.mockup-method.mc-right_top .d-b-i{
    top: 19px;
    right: 8px;
    width: 75%;
}
/*left_bottom*/
.mockup-method.mc-left_bottom:after{
    bottom: 6px;
    left: 8px;
}
.mockup-method.mc-left_bottom .d-b-i{
    bottom: 19px;
    left: 8px;
    width: 75%;
}
/*right_bottom*/
.mockup-method.mc-right_bottom:after{
    bottom: 6px;
    right: 8px;
}
.mockup-method.mc-right_bottom .d-b-i{
    bottom: 19px;
    right: 8px;
    width: 75%;
}
/*d-left*/
.mockup-method > span.d-p-i{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.mockup-method > span.d-p-i:before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(4px);
    z-index: 1;
}
.mockup-method > span.d-p-i:after{
    width: 40px;
    height: 100%;
    position: absolute;
    background-color: #2196f3;
    content: "";
    box-shadow: 0 0 4px -1px rgba(0, 0, 0,0.53);
    z-index: 2;
}
.mockup-method.mc-d-left > span:after{
    left: 0;
    top:0;
}
.mockup-method.mc-d-right > span:after{
    right: 0;
    top:0;
}
.mockup-method.mc-d-center > span:after{
    width:80%;
    left: 10%;
    height:50px;
    top:calc(50% - 25px);
    border-radius: 4px;
}
/*Appearance END*/
/*Appearance Switch mode*/
.tcsw-toggle-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.toggle-slot {
    position: relative;
    height: 2.2em;
    width: 5.3em;
    border: 2px solid #ffe925;
    border-radius: 10em;
    background-color: #fff7a5;
    transition: background-color 250ms;
    overflow: hidden;
}

.tcsw-toggle-checkbox:checked ~ .toggle-slot {
    background-color: #374151;
    border-color: #1a3156;
}

.toggle-button {
    transform:translate(40px, 2px);
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: rgba(255, 194, 10, 0.21);
    box-shadow: inset 0 0 0 1px #ffe38f;
    transition: background-color 250ms, border-color 250ms, transform 500ms cubic-bezier(.26,2,.46,.71);
}

.tcsw-toggle-checkbox:checked ~ .toggle-slot .toggle-button {
    background-color: #5d6574;
    box-shadow: inset 0px 0px 0px 1px #1d2128;
    transform: translate(3px, 2px);
}

.sun-icon {
    position: absolute;
    height: 14px;
    width: 14px;
    color: #ffbb52;
}

.sun-icon-wrapper {
    position: absolute;
    height: 23px;
    width: 23px;
    font-size: 1.6em;
    color: #ffbf5d;
    opacity: 1;
    transform: translate(4px, -2px) rotate(15deg);
    transform-origin: 50% 50%;
    transition: opacity 150ms, transform 500ms cubic-bezier(.26,2,.46,.71);
}

.tcsw-toggle-checkbox:checked ~ .toggle-slot .sun-icon-wrapper {
    opacity: 0;
    transform: translate(-23px, 3px) rotate(0deg);
}

.moon-icon {
    position: absolute;
    height: 14px;
    width: 14px;
    color: white;
}

.moon-icon-wrapper {
    position: absolute;
    height: 23px;
    width: 23px;
    font-size: 1.6em;
    color: #009ef7;
    opacity: 0;
    transform: translate(65px, -2px) rotate(0deg);
    transform-origin: 50% 50%;
    transition: opacity 150ms, transform 500ms cubic-bezier(.26,2.5,.46,.71);
}

.tcsw-toggle-checkbox:checked ~ .toggle-slot .moon-icon-wrapper {
    opacity: 1;
    transform: translate(34px, -2px) rotate(-105deg);
}
.tcsw-theme-mode {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*border-bottom: 1px solid #efefef;*/
    margin: 0;
    padding: 0 10px;
}
.tcsw-theme-mode .tcsw-theme-mode-switch {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 57px;
}
.tcsw-theme-mode .tcsw-theme-mode-switch > label{
    margin-bottom: 0;
    display: flex;
    font-weight: 500;
    align-items: center;
    color: #212121;
    cursor:pointer;
}
.custom-theme-btn{
    color: #2196f3;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 500;
    opacity: 0.7;
}
.custom-theme-btn:hover,.custom-theme-btn.active{
    opacity: 1;
}
.tcsw-theme-mode-custom{
    max-height: 100%;
    width:100%;
    transition: all 0.3s;
    overflow: visible;
    padding-top: 1rem;
    border-top: 1px solid #eeeff0;
}
/*.tcsw-theme-mode-custom > *{
    visibility: hidden;
    opacity: 0;
}*/
.tcsw-theme-mode-custom.active{
    max-height: 100%;
    overflow: visible;
    padding-top: 1rem;
    border-color:#eeeff0;
}
/*Appearance Switch mode End*/
/*Language Settings*/
.lang-defualt-settings-wrap {
    margin-bottom: 0;
    border-bottom: 1px solid #f7f7f7;
    padding: 18px 10px;
    display: flex;
    align-items: center;
}
.lang-defualt-settings-wrap .range-box-head-cus .dropdown-toggle.lang-cus{
    border:none !important;
    margin:0 !important;
    display:flex;
    padding: 6px !important;
    justify-content: flex-end;
    box-shadow: none;
}
.lang-defualt-settings-wrap .range-box-head-cus .dropdown-menu{
    z-index: 9999999;
}
.lang-defualt-settings-wrap .d-lang-banner-flag .dropdown-toggle > span > span {
    display: flex;
    align-items: center;
    float: right;
    color: #2196f3;
    padding-right: 6px;
}
.lang-defualt-settings-wrap .range-box-head-cus.with-arrow .dropdown-toggle:after{
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #2196f3;
    border-right: 2px solid #2196f3;
    border-radius: 1px;
    margin-top: 5px;
}
.lang-defualt-settings-wrap:hover .range-box-head-cus .dropdown-toggle.lang-cus{
    /*    box-shadow: 0px 0px 3px 1px #cbe8ff;*/
}
.lang-defualt-settings-wrap .d-lang-banner-flag .dropdown-toggle i.flag-icon{
    border-radius: 4px;
    min-height: 1.3rem;
    min-width: 1.3rem;
    margin-right: 7px;
    background-size: 34px 30px;
    font-size: 1.6em;
}
.lang-defualt-settings-wrap:hover .range-box-head-cus.with-arrow .dropdown-toggle:after{
    border-color:#2196f3;
}
.sc-2-mh-64 .select2-container--default .select2-selection--multiple{
    min-height:100px;
}
/*Language Settings END*/
.code-cutom-view-script pre{
    width:100%;
    word-break: break-word;
    position: relative;
    overflow: hidden;
}
.code-cutom-view-script pre .fa-copy{
    position: absolute;
    background-color: #fff;
    color: #2196f3;
    z-index: 20;
    right: 8px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 10px;
    cursor: pointer;
    transition: all 0.3s;
    transform: perspective(1000px) rotateY(90deg);
    visibility: hidden;
    opacity: 0;
}
.code-cutom-view-script pre:hover .fa-copy{
    transform: perspective(1000px) rotateY(0deg);
    visibility: visible;
    opacity: 1;
}
.code-cutom-view-script .CodeMirror{
    width:100%;
    border-radius: 4px;
    height:auto;
}
.howitwork-list-wrap > ul{
    counter-reset: hiw-counter;
}
.howitwork-list-wrap > ul > li:before {
    content: counter(hiw-counter);
    counter-increment: hiw-counter;
    position: absolute;
    font-size: 1.1em;
    font-weight: 600;
    width: 32px;
    height: 32px;
    left: -14px;
    top: calc(50% - 15px);
    background-color: #2196f3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 4px solid #fff;
}

.howitwork-list-wrap > ul > li{
    padding: 10px 1.5rem;
    margin-bottom: 10px;
    background-color: #f6fafb;
    line-height: 2.5;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px #ddd inset;
    font-weight: 600;
}
.howitwork-list-wrap > ul >  li:last-child{
    margin-bottom:0;
}
.howitwork-list-wrap > ul >  li > ul > li{
    padding: 16px 10px 10px;
    line-height: 1.5;
    margin: 20px 10px 0;
    border-radius: 5px;
    position: relative;
    border: 1px solid #bcdff1;
    color: #424f6c;
    font-weight: 400;
}
.howitwork-list-wrap > ul > li>span.alert{
    font-weight: 400;
}
.howitwork-list-wrap > ul >  li > ul > li>span.alert{
    position: absolute;
    top: -12px;
    left: 10px;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 4px 10px;
}
.p-t-0-lb > .col-form-label{
    padding-top:0;
}
.select-btn-toolbox-wrap{
    display: flex;
    height: 100%;
    position: relative;
}
.select-btn-toolbox-wrap .range-box-head-cus .dropdown-toggle{
    margin-top: 0;
    border: none;
    background-color: #2196f3;
    border-radius: 0 6px 6px 0;
    display: flex;
    align-items: center;
    height:100%;
    color: #fff !important;
    font-size: 1.1em;
}
.select-btn-toolbox-wrap .range-box-head-cus.drp-b-h-cus{
    min-width:170px;
    height:100%;
}
.select-btn-toolbox-wrap .range-box-head-cus .dropdown-toggle.lang-cus:after{
    border-color:#fff;
    margin-top:-3px;
}
.select-btn-toolbox-wrap .range-box-head-cus.open .dropdown-menu{
    min-width: 230px;
    overflow-x:hidden;
}
.select-btn-toolbox-wrap .dropdown-search-input{
    margin-left:3px;
}
.select-btn-toolbox-wrap .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item{
    line-height:2.3;
    padding:5px 14px 3px;
}
.select-btn-toolbox-wrap .range-box-head-cus .dropdown-menu .dropdown-item:hover,
.select-btn-toolbox-wrap .range-box-head-cus .dropdown-menu .dropdown-item.active{
    background-color: #2196f3;
    color:#fff !important;
}
.select-btn-toolbox-wrap > .btn {
    /*background-color: #4caf50;*/
    color:#fff;
    border-radius:0 !important;
    border-right: 1px solid #147ed3;
    font-size: 1.1em;
}
.sct-f-s-cus{
    font-size:1.3em !important;
}

.side-dark-ctr-statu .range-box-head-cus.open .dropdown-menu .dropdown-search-input{
    width: 99%;
    background-color: #2c3c55 !important;
    box-shadow: -6px -12px 0 17px #2c3c55 !important;
    border: 1px solid #3b4a60;
    margin-left: 3px !important;
    color:#fff;
}
.form-legent-syl.fls-sidebar .col-form-label{
    background-color: #2c3c55;
    color: #2196f3;
}
.fls-sidebar .side-dark-ctr-statu  .range-box-head-cus .dropdown-toggle.lang-cus{
    padding: 8px 8px 5px !important;
}
.fls-sidebar{
    padding-top:10px;
}
ul.purpose-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
ul.purpose-list-wrap > li{
    width: calc(100% / 2.1);
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    margin: 5px 5px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    box-shadow: 1px 1px 2px 1px #ededed;
}
.mf-title-wrap{
    border-left: 5px solid #2196f3;
    padding: 4px 7px !important;
    margin: 10px 0 !important;
    font-size: 1em;
}
ul.purpose-list-wrap .fa-check,.to-check-cus i.fa-check{
    background-color: rgba(76, 175, 80, 0.29);
    color: #4caf50;
}
ul.purpose-list-wrap .fa-question{
    background-color: rgba(33, 150, 243, 0.29);
    color: #2196f3;
}
ul.purpose-list-wrap .fa-times,.to-check-cus i.fa-times{
    background-color: rgba(244, 67, 54, 0.29);
    color: #f44336;
}
ul.purpose-list-wrap i{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width:24px;
    min-width:24px;
    height:24px;
}
.to-check-cus i{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    line-height: 2;
}
.tb-non-head thead{
    display: none;
}
.tb-non-head {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 1px 1px 1px 1px #f3f3f3;
    border-bottom: 4px solid #f7f7f7;
}
.tb-non-head table tbody tr td{
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.tb-non-head table{
    margin-bottom: 0;
}
.country-lbl-info-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.country-lbl-info-wrap .country-flag-frame{
    position: relative;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}
.country-lbl-info-wrap .flag-icon{
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    position: relative;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 27px 24px;
    box-shadow: 1px 1px 1px 1px rgba(64, 64, 64,0.28);
    z-index: 2;
}
.country-lbl-info-wrap  .country-flag-frame:after{
    position:absolute;
    content: '';
    width:6px;
    height:6px;
    background-color: #dfdfdf;
    transform: rotate(45deg);
    left: -2px;
}
.side-dark-ctr-statu.sdcs-light .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span{
    color: #d2e4ff;
    font-weight: 400;
}
.side-dark-ctr-statu.sdcs-light .d-rang-cus .dropdown-toggle > span{
    color: #d2e4ff;
    font-weight: 400;
}
.side-dark-ctr-statu.sdcs-light .range-box-head-cus.with-arrow .dropdown-toggle:after{
    border-color:#d2e4ff;
}
.side-dark-ctr-statu.sdcs-light .range-box-head-cus .dropdown-toggle i{
    color: #d2e4ff;
}
.legend-vci-wrap .apexcharts-legend-series{
    display: flex !important;
    align-items: center;
    border: 1px solid #ddd;
    padding: 5px 8px;
}
.flag-rounded-custom i{
    margin-right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: 38px 28px;
    box-shadow: 0px 0px 3px 0px #7e7e7e, 0px 0px 10px -1px #4a4a4a inset;
    transition: all 0.5s;
}
.brs-custom-legend{
    /*    height:450px;*/
    height: calc(100% - 257px);
}
.brs-custom-legend .apexcharts-legend .apexcharts-legend-series{
    border: 1px solid #e9e9e9;
    padding: 12px 14px;
    margin-bottom: 4px !important;
    position: relative;
    overflow: hidden;
    width: calc(100% / 3.8);
    text-align: center;
    justify-content: center;
}
.brs-custom-legend .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker{
    position: absolute;
    width: 16px !important;
    min-width: 16px;
    height: 26px !important;
    min-height: 16px;
    left: -6px !important;
    top: -6px !important;
    transition: all 0.2s;
}
.brs-custom-legend .apexcharts-legend .apexcharts-legend-series:hover .apexcharts-legend-marker{
    width:20px !important;
    min-width: 20px;
    height:20px !important;
    min-height: 20px;
}
.d-lang-banner-flag .dropdown-toggle i.flag-icon{
    border-radius: 50%;
    background-size: cover;
    min-height: 1.2rem;
    min-width: 1.2rem;
    color: #fff !important;
    font-size: 1em;
}
.d-lang-banner-flag .dropdown-toggle > span > span{
    display:flex;
    align-items: center;
}
.form-legent-syl.fls-4t .col-form-label{
    transform: translate(22px ,4px);
}
.form-legent-syl.fls-4t .dropdown-search-input{
    margin-left:4px;
}
.form-legent-syl.fls-4t .range-box-head-cus > .btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-legent-syl.fls-4t .range-box-head-cus > .btn:after {
    margin-top: -1px !important;
}
.cookie-logo-list-wrap{
    width: 100%;
    min-width: 50px;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    height: 38px;
    justify-content: space-between;
}
.cookie-logo-list-wrap .minicolors-theme-bootstrap .minicolors-input{
    width:140px;
    text-align: center;
}
.cookie-logo-list-wrap .dropdown-toggle{
    width: 100%;
    height: 38px;
    padding-right: 16px;
    padding-left: 0;
    display: flex;
    align-items: center;
    border-color: #e4e6e8;
    transition: all 0.4s;
}
.cookie-logo-list-wrap .dropdown-toggle > span{
    width: 60px;
    height: 100%;
    display: flex;
    flex-flow: column;
    padding: 3px;
}
.cookie-logo-list-wrap .dropdown-toggle > span > *{
    width: 100%;
    height:100%;
    fill:#fff;
}
.cookie-logo-list-wrap .dropdown-menu .dropdown-item:hover {
    background-color: #f1f1f1;
    box-shadow: 0px 0px 3px 0px #c2c1c1 inset;
}
.cookie-logo-list-wrap .dropdown-menu{
    transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    right: 0px;
    left: auto;
    min-width: 378px;
    flex-wrap: wrap;
    background-color: #fcfcfc;
    padding: 0 !important;
    justify-content: flex-end;
    border-radius: 6px;
    transition: all 0.4s;
    display: flex;
}
.cookie-logo-list-wrap .custom-filter-drop-down.open>.dropdown-menu{
    transform: translateY(4px);
    opacity: 1;
    visibility: visible;
}
.cookie-logo-list-wrap .dropdown-menu .dropdown-item{
    max-width: calc(100% / 4.4);
    height: 57px;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    margin: 4px;
    display: flex;
    padding: 10px;
    background-color: #fff;
    transition: all 0.4s;
}
.cookie-logo-list-wrap .dropdown-menu .dropdown-item > *{
    width:100%;
    height:100%;
}
.cookie-logo-list-wrap .dropdown-toggle:after{
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    margin-left: 10px;
    margin-top: -3px;
}
.cookie-logo-list-wrap > li{
    width: calc(100% / 4.3);
    margin: 3px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding:10px;
    transition: all 0.5s;
    position: relative;
    cursor: pointer;
}
.cookie-logo-list-wrap > li:hover{
    background-color: #dbdbdb;
    box-shadow: 0px 0px 2px 0px #555;
}
.cookie-logo-list-wrap > li.active{
    background-color: #dbdbdb;
    box-shadow: 0px 0px 2px 0px #555;
}
.cookie-logo-list-wrap > li.active:after{
    position: absolute;
    content: "";
    width: 7px;
    height: 12px;
    border-right: 2px solid #0b8f0b;
    border-bottom: 2px solid #0b8f0b;
    transform: rotate(45deg);
    right: 7px;
    top: 1px;
}
.cookie-logo-list-wrap > li svg{
    width:100%;
    height:100%;
}
.box-header-search{
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,.06)!important;
}

.box-header-search h6{
    padding: 12px 8px;
    margin: 0 !important;
    border: none;
    color: #2196f3;
}
.box-header-search .bh-full-p-search-wrap{
    flex-direction: row;
    border-top: 1px solid #f6f6f6;
    padding: 10px;
    box-shadow: 0px -2px 2px -1px #f4f4f4;
    width: 100%;
    display: flex;
    align-items: center;
}
.box-header-search .bh-full-p-search-wrap > i{
    color: #878787;
    font-size: 1.4em;
    margin-left:2px;
}
.box-header-search .bh-full-p-search-wrap > input{
    border:none !important;
    outline: none !important;
    box-shadow:none !important;
    padding-left: 8px;
}
.box-header-search .bh-full-p-search-wrap > input::placeholder{
    color: #878787;
}
.box-header-search .bh-full-p-search-wrap .full-search-action-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.box-header-search .bh-full-p-search-wrap .full-search-action-btn > button{
    border-radius: 4px;
    padding: 6px 30px;
    text-transform: uppercase;
    transition: all 0.5s;
}
.box-header-search .bh-full-p-search-wrap .full-search-action-btn > button.btn-clear-search{
    margin-left: 10px;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 6px 15px;
    color: #b6b6b6;
    font-size: 1em;
    letter-spacing: 1px;
}
.box-header-search .bh-full-p-search-wrap .full-search-action-btn > button.btn-clear-search:hover{
    color:#000;
}
.tsbw-scan-co .fb-head{
    padding: 2px 12px;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 3px 0 rgba(177, 177, 177 , 0.40);
    border-radius: 5px;
    margin-top: 12px !important;
}
.tsbw-scan-co .sidebar-list-items-wrap{
    overflow: auto;
    max-height: calc(100vh - 365px);
    /*min-height: calc(100vh - 360px);*/
}
.tsbw-scan-co .sidebar-list-items-wrap >li:hover,.tsbw-scan-co  .sidebar-list-items-wrap >li.active{
    background-color: #fff;
    border-left: 4px solid #66bb6a;
    color: #fff;
}
.tsbw-scan-co .sidebar-list-items-wrap >li:hover .user-info-detail-list-wrap > li > span,
.tsbw-scan-co  .sidebar-list-items-wrap >li.active .user-info-detail-list-wrap > li > span{
    /*color:#fff !important;*/
}
.tsbw-scan-co .sidebar-list-items-wrap .user-info-detail-list-wrap > li > span{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    transition: all 0.3s;
    display:block;
}
.tsbw-scan-co .sidebar-list-items-wrap >li{
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 4px;
    box-shadow: 0px 1px 1px 0px #f1f1f1;
    border:1px solid #f1f1f1;
    transition: all 0.3s;
    min-height:57px;
}
.tsbw-scan-co .sidebar-list-items-wrap >li:after{
    display:none !important;
}
.bh-w-se-t{
    padding-top:10px !important;
}
.tsbw-scan-co .fb-body{
    position:relative;

}
.tsbw-scan-co .fb-body:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 25px;
    /*box-shadow: 0px -22px 10px -11px #f6fafb inset;*/
    left: 0;
    bottom: 0;
    z-index: 10;
}
.url-details-meta-list-wrap{
    margin: 10px 0 0;
    max-height: 450px;
    overflow: auto;
    background-color: #f6faff;
    padding: 0 10px;
    list-style: none;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 0px 3px 0px #d3e3ff inset;
}
.url-details-meta-list-wrap > li{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e2ebf7;
    border-radius: 0;
    margin: 0;
    padding: 10px;
    align-items: flex-start;
}
.url-details-meta-list-wrap > li:last-child{
    border-bottom: none;
}
.url-details-meta-list-wrap > li > span{
    font-weight: 600;
    font-size: 1.2em;
    text-transform: capitalize;
    color: #2296f3;
}
.url-details-meta-list-wrap > li > div{
    overflow-wrap: anywhere;
    color: #060274;
}
.coo-s-l-respo-btn{
    margin-top:-4px !important;
}
.elip-title-flow{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    width:100%;
    color: #001534;
    font-size: 0.96em;
}
.co-status-action-wrap{
    position: absolute;
    right: -15px;
    top: -10px;
    width: 35px;
    height: 56px;
    background-color: rgba(233, 233, 233, 0.39);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    box-shadow: -1px 0px 5px -1px #e2e2e2;
}
.co-status-action-wrap i.fa-spinner {
    -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.box-w-overview-acc .acc-more-detail-row {
    display:flex;
    flex-direction: row;
    margin:0;
    padding:0;
    align-items: center;
    list-style: none;
}
.box-w-overview-acc .acc-more-detail-row > li{
    position: relative;
    margin-right: 20px;
    max-width: calc(100% / 3);
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box-w-overview-acc .acc-more-detail-row > li:after{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #aed9fd;
    right: -12px;
    top: calc(50% - 2px);
}
.box-w-overview-acc .acc-more-detail-row > li:last-child:after{
    display:none;
}
.acc-elm-action {
    border-radius: 4px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition:all 0.5s;
    color:#fff !important;
}
.acc-elm-action:hover{
    opacity: 0.6;
}
.acc-elm-action .acc-elm-count{
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 2px;
    margin-right: 4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 400;
}
.acc-elm-action > i {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.26);
}
.scanner-loading-spinner-overly{
    width:100%;
    height:100%;
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(3px);
    position: absolute;
    top:0;
    left:0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.scanner-loading-spinner-wrap{
    margin:10% auto 20px;
    position:relative;
    width:250px;
    height:250px;
    border:1px solid rgba(0,0,0,.1);
    z-index: 10;
}
.scanner-loading-spinner-wrap .slsw-screen
{
    margin:auto;
    margin-top:10px;
    width:230px;
    height:230px;
    background: transparent url('../../images/layout.svg');
    background-size:cover;
    background-color: rgba(0,0,0,0);
}

.scanner-loading-spinner-wrap .slsw-scan
{
    width:100%;
    height:10px;
    background-color:rgba(0,0,0,.8);
    position:absolute;
    z-index:9999;
    -moz-animation: scan 5s infinite;
    -webkit-animation: scan 5s infinite;
    animation: scan 5s infinite;
    -webkit-animation-direction: alternate-reverse;
    box-shadow:0px 0px 30px rgba(255,204,102,.5);
}

@-webkit-keyframes scan {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(210px);
        transform: translateY(240px);
    }
}
.external-pager-wrap {
    width: 100%;
    border-top: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    padding: 8px 4px 8px 10px;
    align-items: center;
    background-color: #fff;
}
.external-pager-wrap > .count{
    display:none;
}
.external-pager-wrap > .page-size,
.external-pager-wrap > .btn-group > .page-drop{
    min-width: 60px;
    text-align: left;
    background-color: #ffffff;
    border-color: #e9e9e9;
}
.external-pager-wrap > .btn-group{
    display:flex;
}
.external-pager-wrap > .btn-group > a{
    background-color: #ffffff;
    border-color: #e9e9e9;
    font-size: 0.8em;
    color: #585858;
}
.tracker-count-sum-wrap {
    border: 1px solid #ddd;
    padding: 8px 20px;
    border-radius: 5px;
    margin: -41px 10px 10px;
    font-size: 1.23em;
    font-weight: 600;
    float: right;
}
.scan-icon-fa{
    -webkit-mask: url(../../images/scan-icon.svg);
    mask: url(../../images/scan-icon.svg);
    background: #4CAF50 no-repeat;
    width: 35px;
    height: 30px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 30px;
    mask-size: 30px;
    -webkit-mask-position: center left;
    mask-position: center left;
}
.cookiepedia-icon-fa{
    -webkit-mask: url(../../images/cookie-pedia-icon.svg);
    mask: url(../../images/cookie-pedia-icon.svg);
    background: #21a3f6 no-repeat;
    width: 35px;
    height: 30px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 30px;
    mask-size: 30px;
    -webkit-mask-position: center left;
    mask-position: center left;
}
.tsfb-coo{
    position: sticky;
    top:0;
}
.d-grid-gap10-temp3{
    display: grid;
    gap:10px;
    grid-template-columns: calc(100% / 3.02) calc(100% / 3.02) calc(100% / 3.02);
}
.bck-list-wrap{
    padding:10px;
    margin:0;
    list-style: none;
    max-height: calc(100vh - 477px);
    min-height: 65px;
    overflow: auto;
}
.bck-list-wrap:empty:after{
    position: relative;
    content: "No values have been added to this list.";
    width: 100%;
    height: 45px;
    background-color: #f6faff;
    border: 1px dashed #cedfff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #80beff;
    opacity: 0.8;
}

.bck-list-wrap > li{
    border: 1px solid #eff1f5;
    border-radius: 8px;
    margin-bottom: 6px;
    box-shadow: 0 0 0 0 #eff1f5;
    transition: all 0.3s;
    color: #444e5a;
    font-weight: 600;
    overflow:hidden;
    animation: changeStyle .5s ease-in-out;
    position: relative;
}
.bck-list-wrap > li:hover{
    box-shadow: 2px 2px 3px 0 #dee1e6;
}
.bck-list-wrap > li.active{
    background-color: #3185fc;
    box-shadow: 1px 2px 3px 0 #dee1e6;
    border-color:#3185fc;
    color:#ffffff;
}
.bck-list-wrap > li > label{
    width: 100%;
    margin: 0;
    padding: 0;
    height: 45px;
    display: flex;
    align-items: center;
    padding-right: 3rem;
    padding-left:10px;
}

.bck-list-wrap > li > label > span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.bck-list-wrap > li > label > i{
    position: absolute;
    right:10px;
}
.bck-list-wrap > li > label > i:before{
    background:#eff1f5;
    box-shadow: 0px 0px 3px 0px rgba(9, 9, 9, 0.21) inset;
    border-radius: 50%;
    border:none;
}
.bck-list-wrap > li> i{
    display: none;
}
.blw-as-level-wrap.bck-list-wrap > li> i{
    display: flex;
    position: absolute;
    right: 8px;
    top: calc(50% - 10px);
    color: #fff;
    font-size: 0.87em;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.4s;
}
.blw-as-level-wrap.bck-list-wrap > li> i:hover{
    opacity: 1;
}
.blw-as-level-wrap.bck-list-wrap > li > label{
    padding-left: 2rem;
}
.blw-as-level-wrap.bck-list-wrap > li > label > i{
    right:auto;
    left:8px;
    height:16px;
}
.blw-as-level-wrap.bck-list-wrap > li > label > i:before{
    background: #f8f8f8;
    box-shadow: 0px 0px 3px 0px rgba(9, 9, 9, 0.21) inset;
    width: 16px;
}
.blw-as-level-wrap.bck-list-wrap > li > label > i:after,
.blw-as-level-wrap.bck-list-wrap > li > label input[type="checkbox"]:checked + i:after{
    font:normal normal normal 14px/1 FontAwesome;
    content: "";
    position: absolute;
    display: block;
    color: #fff;
    left: 3px;
    top: 3px;
    font-size: 0.8em;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg) !important;
    border:none !important;
}
.blw-as-level-wrap.bck-list-wrap > li > label input[type="checkbox"]:checked + i:after{
    color: #ff9191;
    content: "\f00c";
}
.blw-as-level-wrap.bck-list-wrap > li > label input[type="checkbox"]:checked + i:before{
    background: #fff;
}
.blw-as-level-wrap.bck-list-wrap > li{
    animation: changeStyle .5s ease-in-out;
}
.blw-as-level-wrap.bck-list-wrap > li.active{
    background: #ff9191;
    border-color:#ff9191;
}
.bck-list-wrap > li > label input[type="checkbox"]:checked + i:after{
    border-color:#3185fc!important;
}
.action-input-blocker {
    display: flex;
    align-items: center;
    padding: 20px 1.5rem;
    background-color: #e5e5e5;
    box-shadow: 0px 5px 5px -4px #c8c8c8 inset;
}
.abtest-list-wrap .action-input-blocker{
    padding: 12px 1.5rem;
}
@keyframes changeStyle {
    from {
        transform-origin: top center;
        transform: perspective(800px) rotateX(90deg);
        opacity: 0;
        box-shadow: 0px 400px 400px -40px #f8f8f8 inset;
    }
    to{
        transform-origin: top center;
        transform: perspective(800px) rotateX(0deg);
        opacity: 1;
        box-shadow: 0 0 0 0 #f8f8f8 inset;
    }
}

.ellips-drp-wrap .dropdown-menu{
    margin: 0;
    padding: 0;
    min-width:140px;
    border-radius: 5px;
}
.ellips-drp-wrap .dropdown-menu:after{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: -4px;
    right: 7px;
    transform: rotate(45deg);
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background-color: #fff;
}
.ellips-drp-wrap .dropdown-item{
    padding: 5px 15px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 500;
    font-size: 0.9em;
    transition: all 0.4s;
}
.ellips-drp-wrap .dropdown-item:last-child{
    border-bottom: none;
}
.url-details-meta-list-wrap.udmlw-dns-record{
    background-color: transparent;
    border:none;
    border-radius: 0;
    box-shadow: none;
    margin-top: 1rem;
}
.url-details-meta-list-wrap.udmlw-dns-record > li{
    border:none;
    padding-top:0;
    padding-right:0;
    padding-left:2rem;
    position: relative;
}
.url-details-meta-list-wrap.udmlw-dns-record > li table{
    margin-bottom: 0;
}
.url-details-meta-list-wrap.udmlw-dns-record > li:first-child table > thead{
    visibility: visible;
    height:auto;
}
.url-details-meta-list-wrap.udmlw-dns-record > li:first-child{
    margin-bottom: 9px;
}
.url-details-meta-list-wrap.udmlw-dns-record > li table > thead{
    visibility: collapse;
    height: 0;
    overflow: hidden;
}
.dns-grade-label{
    height: 4px;
    margin-bottom: 7px;
    border: none;
    border-bottom: 1px dashed #dbe0e3 !important;
    width: 101%;
    position: relative;
    left: -10px;
}
.dns-grade-label> span{
    position: absolute;
    right: 97%;
    font-weight: 600;
    top: calc(50% - 9px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 47px;
    height: 22px;
    font-size: 0.8em;
    line-height: 2;
}
.dns-grade-label> span b{
    position: relative;
    z-index:4;
}
.dns-grade-label> span:before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    left: calc(100% - 6px);
    background-color: inherit;
    transform: rotate(45deg);
}
.nested-tb.ns-dns > tbody > tr{
    background-color: #f6f6f6 !important;
}
/*grade Proccess*/
.header-grade-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
grade-view-info-wrap{
    width:100%;
}
.grade-view-info-wrap > ul{
    padding:0;
    list-style: none;
    margin:0;
}
.grade-view-info-wrap > ul > li{
    border-bottom: 1px dashed #ddd;
    padding:10px;
}
.grade-view-info-wrap > ul > li:last-child{
    border:none !important;
}
.grade-view-info-wrap > ul > li > ul{
    padding: 0;
    margin:0;
    list-style: none;
}
.grade-view-info-wrap > ul > li > ul > li{
    border-radius: 4px;
    padding: 6px 10px;
    margin: 4px;
    float: left;
}
.grade-view-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/*grade Proccess END*/
.tcsw-headers{
    border-radius:0;
    width:100%;
    margin:0;
    border:none;
    border-bottom:1px dashed #ddd;
}
.ssl-summary-wrap > li{
    float: left;
    width: 47%;
    margin: 5px 5px;
    flex-direction: column;
}
.ssl-summary-wrap li > span{
    text-shadow: 1px 1px 1px rgba(0, 0, 0,0.40);
}
.ssl-summary-wrap li:first-child > span{
    text-shadow:none;
}
.dt-list-wrap.ssl-list-wrap > li{
    width:100%;
    border: 1px dashed #e0e0e0;
    align-items: baseline;
}
.dt-list-wrap.ssl-list-wrap > li > span:first-child{
    width:50%;
}
.dt-list-wrap.ssl-list-wrap .flag-icon{
    background-position: 50% 11px;
}
.reg-x320_tb{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 320px;
}
.btn-cus-abss{
    padding-right:36px !important;
}
.ov-btn-visible-corner button:first-child{
    border-radius: 0 6px 6px 0 !important;
}
.drp-header-srp-wrap.ellips-drp-wrap .dropdown-menu:after{
    border: none;
    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    top: -5px;
}
.drp-header-srp-wrap.ellips-drp-wrap .dropdown-item{
    padding: 10px 15px !important;
    position:relative;
    z-index: 2;
}
.drp-header-srp-wrap.ellips-drp-wrap .dropdown-menu{
    box-shadow: 0 2px 10px 0 rgba(89, 89, 89,0.32);
    margin-top: 6px;
}
.collapse-form-group{
    height:auto;
    overflow: hidden;
    transition: all .4s;
}
.collapse-form-group.active{
    height:37px;
}
.srp-cus-modal .modal-body{
    padding:0 !important;
}
.single-summary-validation ul{
    padding:0;
    margin:0;
    list-style: none;
    font-weight: 500;
}

.bck-list-wrap > li> i.coppy-clipboard{
    position: absolute;
    background-color: #fff;
    color: #2196f3;
    z-index: 20;
    right: 0;
    height: 100%;

    width: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0,0.10);
    transform-origin: right center;
    transform: perspective(1000px) rotateY(90deg);
    visibility: hidden;
    opacity: 0;
}
.bck-list-wrap > li:hover > .coppy-clipboard{
    transform: perspective(1000px) rotateY(0deg);
    visibility: visible;
    opacity: 1;
}
.blw-as-level-wrap.bck-list-wrap > li> i.coppy-clipboard{
    width: 28px;
    right:auto;
    left:0;
    transform-origin: left center;
}
.blw-as-level-wrap.bck-list-wrap > li.active > i.fa-times{
    border:1px solid #fff;
}
.fls-single-syl{
    padding:6px 0;
    border: 1px solid #ebebeb;
    height: 50px;
    margin-left: -10px;
    margin-right: -10px;
}
.fls-single-syl select{
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: #2196f3 !important;
    font-size: 1em;
    text-align:right;
    padding-right:1.4rem;
    padding-left:0;
    background-position: right 4px center !important;
    background-image: url("../../images/select-arrow-blue.png") !important
}
.fls-single-syl input:focus{
    color: #1467a8 !important;
}
.fls-single-syl input{
    border: none;
    text-align: right;
    font-weight: 600;
    font-size: 1em;
    min-width: 10px;
    float: right;
    line-height: 1.5;
    color: #2196f3 !important;
    transition: all 0.4s;
}
ul.sidebar-grp-btn-wrap {
    margin: 0 2px 10px 2px;
    padding: 0;
    box-shadow: 0 0rem 0.6rem rgba(0,0,0,.05)!important;
    list-style: none;
    display: flex;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    background-color: #fff;
    flex-direction: row-reverse;
    overflow:hidden;
}
ul.sidebar-grp-btn-wrap > li{
    /*background-color: #fff;*/
    font-size: 1.4em;
    padding: 0;
    width: calc(100% / 4);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    border-left: 1px solid #f1f1f1;
    transition: all 0.4s;
    flex-direction: column;
}
ul.sidebar-grp-btn-wrap.sgbw-wo-lic > li{
    width: calc(100% / 2);
}
ul.sidebar-grp-btn-wrap > li:first-child{
    border-radius: 0 6px 6px 0;
}
ul.sidebar-grp-btn-wrap > li:last-child{
    border:none;
    border-radius: 6px 0 0 6px;
}
ul.sidebar-grp-btn-wrap > li >i{
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: perspective(800px) rotateX(0deg) translateY(0px);
    transform-origin: top center;
    transition: all 0.4s ease 0s;
}
ul.sidebar-grp-btn-wrap > li >span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7em;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    width: 100%;
    min-height: 50px;
    transform: perspective(800px) rotateX(90deg);
    transform-origin: top center;
    transition: all 0.4s ease 0s;
}
ul.sidebar-grp-btn-wrap > li:hover{
    box-shadow: 0px 0px 300px 30px rgba(0, 0, 0, 0.16);
    z-index: 1;
}
ul.sidebar-grp-btn-wrap > li:hover > i{
    transform: perspective(800px) rotateX(90deg) translateY(-20px);
}
ul.sidebar-grp-btn-wrap > li:hover > span{
    transform: perspective(800px) rotateX(0deg) translateY(-50px);
}

.browser-mockup {
    border-top: 2.5em solid rgba(205, 205, 205, 0.7);
    box-shadow: 0 0 5px -1px rgba(110, 110, 110, 0.27);
    position: relative;
    border-radius: 5px;
}

.browser-mockup:before {
    display: block;
    position: absolute;
    content: '';
    top: -20px;
    opacity: 0.6;
    left: 1em;
    width: 0.7em;
    height: 0.7em;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

.browser-mockup:after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ededed;
    z-index: 4;
}

.browser-mockup > * {
    display: block;
}
.browser-mockup >  .title-b-wrap{
    position: absolute;
    top: -28px;
    left: 5rem;
    background-color: #ededed;
    height: 28px;
    padding: 5px 16px 3px 28px;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #6b7079;
    z-index: 1
}
.browser-mockup >  .title-b-wrap.tbw-cus-style{
    left: 17.5rem;
    background-color: #e2e2e2;
    z-index: 0;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding-left: 2.5rem;
    cursor: pointer;
    transition: all 0.4s;
}
.browser-mockup >  .title-b-wrap.tbw-cus-style:hover,
.browser-mockup >  .title-b-wrap.tbw-cus-style.active{
    background-color: #263238;
    left: 18rem;
    border-color: #263238;
    color: #fff;
    padding-bottom: 6px;
}
.browser-mockup >  .title-b-wrap.tbw-cus-style.active:after,
.browser-mockup >  .title-b-wrap.tbw-cus-style.active:before{
    display: block !important;
}
.browser-mockup >  .title-b-wrap.tbw-cus-style:before{
    width: 5px !important;
    height: 5px !important;
    background-color: #18db0b !important;
    left: auto !important;
    right: 5px;
    top: 5px !important;
    display: none !important;
}
.browser-mockup >  .title-b-wrap.tbw-cus-style:after{
    width:5px;
    height:5px;
    background-color: #3db72f !important;
    left:auto;
    top:5px;
    display: none !important;
    right:5px;
}
.browser-mockup >  .title-b-wrap:after{
    position: absolute;
    content: '';
    top: 9px;
    left: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #64ab65;
}
.acw-tab-head {
    padding: 12px 16px 12px 12px;
    cursor: pointer;
    font-size: 1.1em;
    transition: all 0.4s;
    border: 1px solid #f5f5f5;
    margin-bottom: 5px;
    border-radius: 8px;
}

.acw-tab-head > i{
    transform: rotate(90deg);
    margin-top: 2px;
    transition: all 0.3s
}
.collapsed .acw-tab-head > i{
    transform: rotate(0deg);
    margin-top: 0;
}
.collapsed .acw-tab-head{
    color: #212121;
    border-color: #f5f5f5;
}
.acw-tab-head,.acw-tab-head:hover{
    color:#2196f3;
    border-color: #82c8ff;
}
.cmbtn-cus{
    font-size: 1.1em;
    font-weight: 600;
    padding-left: 6px;
}
.color-pallet-list-wrap{
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    height: 32px;
    justify-content: flex-end;
}
.color-pallet-list-wrap .dropdown{
    width:100%;
}
.color-pallet-list-wrap .dropdown-toggle{
    width: 100%;
    height: 32px;
    padding-right: 12px;
    padding-left: 6px;
    padding-top: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    background-color: transparent;
    border-radius: 25px;
    border-color: #f4f4f4;
    transition: all 0.4s ease 0s;
    box-shadow: 0 1px 3px rgba(77, 77, 77,0.08), 0 1px 2px rgba(117, 117, 117, 0.02);
}
.color-pallet-list-wrap .dropdown-toggle:hover{
    border-color: #f2f2f2;
    box-shadow: 0 0 0px #f0f0f0 !important;
}
.color-pallet-list-wrap .dropdown-toggle > span{
    width: 100px;
    height: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 2px;
    line-height: 2;
    color: #2196f3;
    font-weight: 600;
    font-size: 0.9em !important;
    text-align: left;
}
.color-pallet-list-wrap .dropdown-toggle > span > span{
    height:100%;
    width:100%;
    border-radius: 25px;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.color-pallet-list-wrap .dropdown-menu .dropdown-item:hover {
    background-color: #f1f1f1;
    box-shadow: 0px 0px 3px 0px #c2c1c1 inset;
}
.color-pallet-list-wrap .dropdown-menu{
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    right: -5px;
    left: auto;
    min-width: 373px;
    flex-wrap: wrap;
    background-color: #fcfcfc;
    padding: 0 !important;
    justify-content: flex-end;
    border-radius: 6px;
    transition: all 0.4s;
    display: flex;
    height:0;
    max-height: 287px !important;
}
.color-pallet-list-wrap .custom-filter-drop-down.open>.dropdown-menu{
    transform: translateY(8px);
    opacity: 1;
    visibility: visible;
    height:auto;
}
.color-pallet-list-wrap .dropdown-menu .dropdown-item{
    max-width: calc(100% / 2.1);
    height: 45px;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    margin: 4px;
    display: flex;
    padding: 10px;
    background-color: #fff;
    transition: all 0.4s;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.color-pallet-list-wrap .dropdown-menu .dropdown-item > *{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    box-shadow: 2px 2px 1px #f1f1f1;
}
.color-pallet-list-wrap .dropdown-toggle:after{
    content: '';
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #2196f3;
    border-right: 1px solid #2196f3;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    margin-left: 10px;
    margin-top: -2px;
}
.normal-info-drop-wrap .dropdown-toggle{
    box-shadow: none !important;
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.normal-info-drop-wrap .dropdown-toggle >span{
    color: #2196f3;
    padding-right: 4px;
}
.normal-info-drop-wrap.range-box-head-cus.with-arrow .dropdown-toggle:after{
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #2196f3;
    border-right: 2px solid #2196f3;
    border-radius: 1px;
}
.normal-info-drop-wrap.range-box-head-cus .dropdown-menu .dropdown-item:hover,
.range-box-head-cus.d-lang-banner-flag .dropdown-menu .dropdown-item:hover{
    background-color: #2196f3;
}
.normal-info-drop-wrap.range-box-head-cus.with-arrow .dropdown-toggle{
    padding: 4px 6px 4px;
}
.range-slider-t-tooltip .range-slider{
    width:100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    position:relative;
}
.range-slider-t-tooltip .range-slider .range-slider__range{
    width:100% !important;
    margin:10px 0 !important;
}
.range-slider-t-tooltip .range-slider .range-slider__value{
    position: absolute;
    top: -31px;
    right: -6px;
    width: 32px;
    border-radius: 50%;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding-right: 11px;
}
.range-slider-t-tooltip .range-slider .range-slider__value:after{
    position: absolute;
    top: calc(100% - 4px);
    left: 9px;
    width: 0;
    height: 0;
    border-top: 7px solid #2c3e50;
    border-right: 7px solid transparent;
    border-bottom: none;
    border-left: 7px solid transparent;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-domain-drp-and-action-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.btn-add-grp-drp-b-edit{
    width: 34px;
    background-color: #fff;
    height: 38px;
    margin-top: 4px;
    margin-right: 0;
    border-radius: 5px 0 0 5px;
    transition: all 0.3s;
    border: 1px solid #ddd;
    border-right: none;
}
.btn-add-grp-drp-b-edit:hover{
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    color:#fff;
}
.btn-add-grp-drp-b{
    height: 37px;
    margin-top: 3px;
    padding: 0px 13px;
    margin-left: 6px;
    z-index: 222;
}
.domain-cus-grp.form-legent-syl.fls-4t .col-form-label{
    /*transform: translate(46px ,4px);*/
    transform: translate(91px ,4px);
}
.domain-cus-grp .range-box-head-cus .dropdown-toggle.lang-cus{
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-left: 5px !important;
}
.mbtn-p-cus .col-sm-8{
    padding-left: 0 !important;
}
.h-scroller{
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: inline-block;
    vertical-align: middle;
    width:100%;
}
.cpl-lb-w-arrow-r{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #ddd;
    padding: 0;
    overflow: hidden;
}
.cpl-lb-w-arrow-r > img{
    width: 80%;
    height: 80%;
    border-radius: 50%;
}
.co-logo-syl{
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 2px;
}
.tb-profile-us-mail .flag-icon {
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    width: 18px;
    height: 18px;
    box-shadow: 0 0 2px 0 #000;
}
.text-nowrap{
    white-space: nowrap;
}
.word-break-all{
    word-break: break-word;
}
.space-break-word{
    white-space: break-spaces;
}
.cpl-acc-box-wrap{
    border-radius: 4px;
}
.cpl-acc-box-wrap > .box-header{
    height: 40px;
    border-radius: 5px 5px 0 0;
    background-color: #fcfcfc;
}
.cpl-acc-arrow {
    border-left: 1px solid #eeeff0;
    color: #909497;
    padding: 0 0 0 10px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}
.cpl-abw-f-p-wrap .cpl-acc-arrow{
    padding: 0 4px 0 12px;
}
.box-header.collapsed .cpl-acc-arrow i:before{
    content: "\f067";
}
.cc-open i:before{
    content: "\f066";
}
.cpl-paragraph-wrap{
    white-space: break-spaces;
    border-radius: 6px;
    background-color: #f9f9f9;
}
.cpl-text-overflow-cloud{
    max-height: 400px;
    overflow: hidden;
    position: relative;
}
.cpl-text-overflow-cloud.active{
    max-height: 100%;
    padding-bottom: 60px;
}
.cpl-text-overflow-cloud.active .r-m-btn-wrap > i:before{
    content: "\f102";
}
.cpl-text-overflow-cloud:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 68px;
    bottom: 0;
    left: 0;
    z-index: 10;
    box-shadow: 0px -76px 34px -16px #f9f9f9 inset;
}
.r-m-btn-wrap{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #2196f3;
    height: 50px;
    z-index: 20;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.r-m-btn-wrap > i{
    -webkit-animation: ca3_fade_move_down 1.5s ease-in-out infinite;
    -moz-animation:    ca3_fade_move_down 1.5s ease-in-out infinite;
    animation:         ca3_fade_move_down 1.5s ease-in-out infinite;
}
@-webkit-keyframes ca3_fade_move_down {
    0%   {
        -webkit-transform:translate(0,-10px);
        opacity: 0;
    }
    50%  {
        opacity: 1;
    }
    100% {
        -webkit-transform:translate(0,10px);
        opacity: 0;
    }
}
@-moz-keyframes ca3_fade_move_down {
    0%   {
        -moz-transform:translate(0,-10px);
        opacity: 0;
    }
    50%  {
        opacity: 1;
    }
    100% {
        -moz-transform:translate(0,10px);
        opacity: 0;
    }
}
@keyframes ca3_fade_move_down {
    0%   {
        transform:translate(0,-10px);
        opacity: 0;
    }
    50%  {
        opacity: 1;
    }
    100% {
        transform:translate(0,10px);
        opacity: 0;
    }
}
.cpl-di-social-media-list{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.cpl-di-social-media-list li{
    margin: 0 10px;
    width:auto !important;
}
.ico-appgallery{
    background-image: url('../../images/Huawei_AppGallery.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
}
.over-view-other-tabs{
    list-style: none;
    margin: 0;
    padding: 1rem 10px 0;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.over-view-other-tabs > li{
    width: 120px;
    height: 90px;
    border: 1px dashed #E4E6EF;
    border-radius: 10px;
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position:relative;
    overflow: hidden;
    transition: all 0.4s;
}
.over-view-other-tabs > li i{
    color: #A1A5B7;
    font-size: 1.3em;
    margin-bottom: 10px;
    transition: all 0.4s;
}
.over-view-other-tabs > li:hover i,.over-view-other-tabs > li.active i{
    color:#009ef7;
}
.over-view-other-tabs > li.active{
    border-bottom-color: #009ef7;
    border-style: solid;
    box-shadow: 0 5px 11px -4px rgba(0, 0, 0,0.20);
}
.over-view-other-tabs > li:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #009ef7;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
    transform: perspective(800px) rotateY(90deg);
}
.over-view-other-tabs > li.active:after{
    transform: perspective(800px) rotateY(0deg);
}
.over-view-other-tabs > li span{
    color:#3F4254;
    font-weight: 600;
    text-transform: capitalize;
}
.sidw-n-g{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height:100%;
}
.sidw-n-g .ch-va-ng{
    width:50%;
}
.sidw-n-g .summary-info-detail-wrap{
    width:50%;
    max-height: 400px;
}
.sidw-n-g .summary-info-detail-wrap > li{
    width: calc(100% / 2.1);
    height: 105px;
    border-bottom: none;
    background-color: #f5f8fa;
    padding: 1rem;
    border-radius: 6px;
    margin: 0 11px 12px 0;
    flex-direction: column;
    justify-content: space-around;
    box-shadow: 2px 2px 1px 0 #efefef;
}
.sidw-n-g .summary-info-detail-wrap > li b{
    display: flex;
    flex-direction: row;
    font-size: 1.2em;
    color: #8086a3;
    align-items: center;
}
.sidw-n-g .summary-info-detail-wrap > li .list-body{
    overflow:visible !important;
    align-items: flex-start;
}
.sidw-n-g .summary-info-detail-wrap > li b .ng-vc-icon{
    width: 42px;
    height: 42px;
    border-radius: 25%;
    padding: 6px;
    font-size: 1.1em;
    margin-right: 10px;
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1px 3px rgba(255, 255, 255,0.47) inset;
    color: #fff;
    margin-bottom: 18px;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-2st > li b .ng-vc-icon{
    margin-bottom: 0;
}
.sidw-n-g .summary-info-detail-wrap > li b  i.cookiepedia-icon-fa{
    background-color: #fff;
    position: relative;
    -webkit-mask-size: 22px;
    mask-size: 22px;
    -webkit-mask-position: center;
    mask-position: center;
}
.sidw-n-g .summary-info-detail-wrap > li label.label{
    color: #607d8b!important;
    background-color: #eceff1 !important;
    font-size: 1.2em !important;
}

.sidw-n-g .summary-info-detail-wrap.in-cus-sm > li{
    width: calc(100% / 3.2);
    height: 56px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-sm > li b .ng-vc-icon{
    margin-bottom: 0;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-sm > li .list-body{
    align-items: center;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-sm > li i{
    font-size:1.2em;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-2st > li{
    width: 100% !important;
}
.sidw-n-g.sidw-n-g-full .summary-info-detail-wrap{
    width:100% !important;
}
.head-tb-question-btn{
    position: absolute;
    right: 0;
    top: calc(50% - 11px);
}
.rpf-list-wrap{
    list-style: none;
    padding:0;
    margin:0;

}
.rpf-list-wrap > li{
    width: calc(100% / 3.2);
    height: 100px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    float: left;
    margin: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 0.9em;
    position: relative;
    overflow:hidden;
    opacity: 0.7;
}
.rpf-list-wrap > li > i{
    margin-bottom: 15px;
    font-size: 1.1em;
    width: 32px;
    height: 32px;
    border: 2px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 3px rgba(255, 255, 255,0.34);
    transition: all 0.4s;
}
.rpf-list-wrap > li > span{
    position: relative;
    z-index: 1;
}
.rpf-list-wrap > li .after-elm{
    height:100%;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index: 0;
    transform: perspective(600px) rotateX(-88deg) scale(1.1);
    transform-origin: bottom center;
    transition: all 0.4s;
}
.rpf-list-wrap > li:hover .after-elm{
    transform: perspective(600px) rotateX(-87deg) scale(1.1);
}
.rpf-list-wrap > li:hover i{
    transform: perspective(100px) rotateX(14deg);
    transform-origin: center;
    box-shadow: 0px 4px 4px -2px;
}
.rpf-list-wrap > li.active:hover i{
    transform: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255,0.34);
}
.rpf-list-wrap > li:hover{
    opacity: 1;
}
.rpf-list-wrap > li.active{
    color:#fff !important;
    opacity: 1;
}
.rpf-list-wrap > li.active .after-elm{
    transform: perspective(600px) rotateX(0deg) scale(1);
}
.over-view-other-tabs.o-v-o-t-vertical{
    padding: 0;
    margin: 0;
    height: 100%;
    box-shadow: -5px 0px 6px -3px #e3e3e3 inset;
    flex-direction: column;
    background-color: #f7f8fa;
}
.over-view-other-tabs.o-v-o-t-vertical > li{
    border: none !important;
    width:100%;
    height:105px;
    margin:0;
    box-shadow: none !important;
    border-radius: 0;
    border-bottom: 1px solid #efefef !important;
}
.over-view-other-tabs.o-v-o-t-vertical > li.active{
    background-color: #fff;
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding-left: 2rem;
    box-shadow: -7px 0px 4px 0px #e3e3e3 !important;
}
.over-view-other-tabs.o-v-o-t-vertical > li i{
    font-size: 1.7em;
}
.over-view-other-tabs.o-v-o-t-vertical > li.active span{
    margin-left: 8px;
}
.over-view-other-tabs.o-v-o-t-vertical > li.active i{
    margin-bottom: 0;
}
.over-view-other-tabs.o-v-o-t-vertical > li:after{
    width: 4px;
    height: 100%;
}
.over-view-other-tabs.o-v-o-t-vertical > li:not(.active):hover{
    box-shadow: 0px 3px 4px -3px #dfdddd, 0px -3px 4px -3px #dfdddd !important;
}
.over-view-other-tabs.o-v-o-t-horizental{
    margin: 0;
    box-shadow: 0px -4px 6px -3px #e3e3e3 inset;
    flex-direction: row;
    background-color: #f7f8fa;
    width: 100%;
    padding: 10px 10px 0px 10px;
}
.over-view-other-tabs.o-v-o-t-horizental > li.active {
    background-color: #fff;
    align-items: center;
    border-radius: 6px 6px 0 0;
}
.over-view-other-tabs.o-v-o-t-horizental > li {
    min-width: 200px;
    border: none !important;
    height: 65px;
    margin: 0;
    box-shadow: none !important;
    border-radius: 0;
    align-items: center;
    flex-direction: row;
    border-right: 1px solid #efefef !important;
    animation: none !important;
}
.over-view-other-tabs.o-v-o-t-horizental > li:last-child{
    border-right: none !important;
}
.over-view-other-tabs.o-v-o-t-horizental > li i{
    margin-bottom: 0;
    margin-right: 10px;
}
.o-t-horizental-wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    justify-content: space-between;
}
.over-view-other-tabs.o-v-o-t-horizental > li:after{
    bottom:auto;
    top:0;
}
.vw-20 {
    max-width: 400px;
}
.w-verfy-action-wrap{
    position: relative;
}
.co-cu-btn-validation > ul{
    display: flex;
    flex-wrap: wrap;

}
.co-cu-btn-validation > ul > li{
    width: calc(100% / 3);
    float: left;
}
.cookie-script-title-wrap{
    display: flex;
    flex-direction: column;
    min-width: 100px;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 5px;
    padding-right: 10px;
}
.modern-info-alert h6{
    line-height: 1.2;
}
.modern-info-alert ul{
    list-style: circle;
    padding: 0 16px;
    margin: 10px 0 0;
    font-size: 0.9em;
}
.modern-info-alert ul>li{
    margin-bottom: 0;

}
.licence-alert-wrap{
    background-color: #fffefb!important;
    border: none;
    color: #50546a!important;
    display: flex;
    align-items: center !important;
    font-weight: 500;
    border-radius:14px;
    font-size: 1.2em;
    border: none !important;
    box-shadow: 0px 0px 3px 2px rgba(165, 165, 165, 0.06);
    flex-direction: row;
}
.modern-info-alert.alert-warning{
    background-color: #fffef1!important;
    border: 1px dashed #f7bd00!important;
}
.licence-alert-wrap.lic-alert-danger-wrap{
    background-color: #fffbfb!important;
}
.modern-info-alert.lic-alert-danger-wrap .lc-icon-set > i{
    color: #ff2626;
}
.licence-alert-wrap.lic-alert-danger-wrap h6{
    text-transform: unset;
}
.modern-info-alert .lc-icon-set{
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    margin-right: 1rem;
}
.licence-alert-wrap ul{
    padding: 0;
}
.modern-info-alert .lc-icon-set > i{
    font-size: 3em;
    color:#ffa726;
}
.modern-info-alert .lc-detail-set{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.licence-alert-wrap h6{
    font-size:1.3em;
    text-transform: capitalize;
}
.license-overview-wrap .list-body{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.license-overview-wrap .list-body b{
    display: flex;
    flex-direction: row;
    font-size: 0.8em;
    color: #8086a3;
    align-items: center;
}
.license-overview-wrap .list-body b > span:last-child{
    display:flex;
    flex-direction: column;
    line-height: 1.1;
}
.license-overview-wrap .list-body .ng-vc-icon{
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 25%;
    padding: 6px;
    font-size: 1.9em;
    margin-right: 6px;
    padding-top: 7px;
    display: flex;
    align-items: center;
    border:none;
    justify-content: center;
    color: #fff;
}
.lc-date-holder {
    font-size: 0.7em;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 3px;
    margin-top: 4px;
    color: #b3b6b9;
}
.license-overview-wrap .progress {
    height: 8px;
    font-size: 0.9em;
    border-radius: 6px;
    float:left;
    width: 100%;
}
.license-overview-wrap .label{
    display: inline-block;
    padding: 10px 12px;
    font-size: 75%;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-weight: bold;
    border-radius: 25px;
}
.license-overview-wrap .lblc-danger{
    background-color: rgba(240, 47, 47, 0.07);
    color: #f02f2f;
}
.license-overview-wrap .lblc-success {
    background-color: rgba(76, 175, 80, 0.07);
    color: #4caf50;
}
.license-overview-wrap .lblc-warning {
    background-color: rgba(255, 169, 5 , 0.07);
    color: #ffa905;
}
.license-overview-wrap .prc-sec-v:hover .percent-hanle-tooltip{
    font-size:0.8em !important;
    box-shadow: 0px 1px 3px 0px #6f6f6f !important;
    top:auto !important;
    width: 38px !important;
    height:38px !important;
}
.license-overview-wrap  .percent-hanle-tooltip{
    top:1rem;
}
.w-lic-box-cus{
    margin-top: 22px;
    height:100% !important;
}
.nested-tb .flex-label{
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: 0.88em;
    box-shadow: 1px 1px 1px 0px;
}
.nested-tb .license-overview-wrap .progress {
    overflow: visible;
}
.nested-tb .prc-sec-v .percent-hanle-tooltip,
.nested-tb .license-overview-wrap .prc-sec-v:hover .percent-hanle-tooltip{
    left: auto;
    right: -24px;
    color: #000;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em !important;
    box-shadow: unset !important;
    top: auto !important;
    bottom: -17px;
    width: 61px !important;
    height: auto !important;
    background-color: transparent;
}
.nested-tb .prc-sec-v .percent-hanle-tooltip:after{
    display: none !important;
}
.lc-assign-box-wrap .range-box-head-cus .dropdown-toggle.lang-cus{
    padding:14px !important;
}
.lc-assign-box-wrap .form-legent-syl .col-form-label{
    font-size:1em !important;
}
.lc-assign-box-wrap .form-legent-syl.fls-select-lic .col-form-label{
    margin-top: 4px !important;
}
.w-xxl-domain-main{
    width:400px;
}
.btn-add-grp-drp-b-archive {
    margin-top: 3px;
    height: 37px;
    padding: 10px;
    position: relative;
}
.btn-add-grp-drp-b-archive:hover,
.btn-add-grp-drp-b-archive.active{
    background-color: #bcaaa4 !important;
    color:#fff !important;
}
.btn-add-grp-drp-b-archive.active:after{
    position: absolute;
    content: "";
    height: 9px;
    width: 5px;
    border-bottom: 2px solid #4caf50;
    border-right: 2px solid #4caf50;
    transform: rotate(45deg);
    bottom: calc(100% - 3px);
    left: 16px;
}
.btn-add-grp-drp-b-archive.active:before{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.42);
    border: 2px solid #b6a8a3;
    bottom: calc(100% - 8px);
    left: 9px;
    border-radius: 50%;
    backdrop-filter: blur(2px);
}
.licence-alert-wrap.lic-alert-info-wrap {
    background-color: #f6fdff!important;
}
.modern-info-alert.lic-alert-info-wrap .lc-icon-set > i {
    color: #2699ff;
}
.d-main-lcus i{
    display: none !important;
}

.dashboard-cards {
    position: relative;
    padding-bottom: 0;
    margin: 0 !important;
}
.dashboard-cards .card {
    background: #ffffff;
    display: inline-block;
    -webkit-perspective: 1000;
    perspective: 1000;
    z-index: 20;
    padding: 0 !important;
    margin: 0 0 5px 0;
    position: relative;
    text-align: left;
    z-index: 1;
    cursor: pointer;
    transition: all 0.3s ease-out;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    min-height: 65px;
}
.dashboard-cards .card.card-lagr  .card-title{
    padding:0;
    height:100%;
}
.dashboard-cards .card:hover {
    transition: all 0.3s ease-out;
    box-shadow: 0px 5px 8px -3px rgba(183 , 183 , 183 , 0.2);
}
.dashboard-cards .card:hover .card-title{
    /*top: -4px;*/
}
.dashboard-cards .card .card-title {
    background: #ffffff;
    padding: 5px 15px;
    position: relative;
    z-index: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 6px;
    min-height: 63px;
    display: flex;
    align-items: center;
}
.dashboard-cards .card .card-title h2 {
    font-size: 16px;
    letter-spacing: -0.05em;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #48566a;
    width: 55%;
    float: left;
}
.dashboard-cards .card .card-title .card-st-list ul{
    margin: 2px 0 !important;
    padding: 7px 0 !important;
}
.dashboard-cards .card .card-title .card-st-list ul li{
    padding: 5px 0;
    padding-left: 0;
    margin: 0 4rem 0 0;
    display: flex;
    border:none;
    position: relative;
    align-items: center;
}
.dashboard-cards .card .card-title .card-st-list ul li .label{
    font-size: .7em;
    font-weight: 500;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.dashboard-cards .card .card-title .card-st-list ul li small{
    font-weight: 400;
    margin:0;
    text-transform: capitalize;
    white-space: nowrap;
}
.dashboard-cards .card .card-title .status-txt-wrap{
    width: 100%;
    height:100%;
    float: left;
    padding: 14px 15px 2px;
}
.dashboard-cards .card .card-title .task-charts{
    width: 45%;
    float: left;
    padding-top: 10px;
}
.dashboard-cards .card .card-title .act-wrap{
    width:100%;
    float:left;
}
.dashboard-cards .card .card-title h2 small {
    display: block;
    font-size: 12px;
    margin-top: 2px;
    letter-spacing: -0.025em;
    color: #b3b3b3;
    font-weight: 500;
    white-space: nowrap;
}
.dashboard-cards .card .card-title h2 small > span{
    font-size: 1.7em;
    font-weight: 600;
}
.dashboard-cards .card .card-description {
    position: relative;
    font-size: 14px;
    border-top: 1px solid #f2f2f2;
    padding: 0 15px 0 15px;
    min-height: 42px;
    max-height: 168px;
    overflow: auto;
}
.dashboard-cards .card .card-actions {
    padding: 1px;
    text-align: center;
}
.dashboard-cards .card .card-flap {
    background: #d9d9d9;
    position: absolute;
    width: 100%;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.dashboard-cards .card .flap1 {
    -webkit-transition: all 0.3s 0.3s ease-out;
    transition: all 0.3s 0.3s ease-out;
    z-index: -1;
}
.dashboard-cards .card .flap2 {
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    z-index: -2;
    border-top: 1px solid #ececec;
}
.dashboard-cards.showing .card {
    cursor: pointer;
    opacity: 0.6;
    /*    -webkit-transform: scale(0.88);
        transform: scale(0.88);*/
}
.dashboard-cards .no-touch .dashboard-cards.showing .card:hover {
    opacity: 0.94;
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
}
.dashboard-cards .card.d-card-show {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.dashboard-cards .card.d-card-show .card-flap {
    background: #ffffff;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.dashboard-cards .card.d-card-show .flap1 {
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    box-shadow: 0px 0px 8px -1px #ddd;
}
.dashboard-cards .card.d-card-show .flap2 {
    -webkit-transition: all 0.3s 0.2s ease-out;
    transition: all 0.3s 0.2s ease-out;
    box-shadow: 0px 5px 8px 0px #ddd;
}
.dashboard-cards .card .task-count {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    right: -8px;
    border-radius: 100%;
    color: #fff;
    font-weight: 600;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(3);
    font-size: 1.4em;
}
.dashboard-cards .card .task-count:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    top: 0;
    right: -1px;
    border-radius: 100%;
    transform: scale(1);
    background-color: rgba(225,225,225,0.3);
    backdrop-filter: blur(12px);
}

.dashboard-cards .list {
    padding: 0 !important;
    margin: 0 !important;
}
.dashboard-cards .list li {
    padding: 10px 0;
    padding-left: 10px;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px dashed #eeeeee;
    transition: all .2s ease;
}
.dashboard-cards .list li:last-child{
    border-bottom: none;
}
.dashboard-cards .list li .list-body{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dashboard-cards .list li span.label{
    font-size: .9em;
    font-weight: 500;
    /*    display: flex;*/
    flex-direction: column;
    align-items: baseline;
    background-color: #e57373;
}
.dashboard-cards.showing .card.d-card-show .task-count {
    transition: all .2s ease;
    transform: scale(3.5);
}
.dashboard-cards .card .task-count > i{
    transition: all 0.1s;
    font-size: 0.2em;
    margin-right: 1rem;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}
.dashboard-cards.showing .card.d-card-show .task-count > i{
    transform: rotate(90deg);
    font-size: 0.2em;
    margin-top: 0 !important;
}
.dashboard-cards .card-actions .btn {
    color: #333;
    width: 100%;
    transition: all 0.5s;
}
.dashboard-cards .card-actions .btn:hover {
    color: #f36525;
}
.dashboard-cards .wi-float-icon{
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 3.5em;
    opacity: 0.1;
    transform: rotate(20deg);
}
.dashboard-cards .lb-url-cus{
    display: flex;
}
.dashboard-cards .lb-url-cus .label{
    margin-top:6px;
}
.dashboard-cards .lb-url-cus > div{
    display: flex;
    flex-direction: column;
}
.pulsating-circle {
    position: relative;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-top: 0;
}
.pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #f3c111;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f3c111;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.03);
    }
    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.03);
    }
    80%, 100% {
        opacity: 0;
    }
}
@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(0.6);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(0.6);
    }
}
@keyframes pulse-dot {
    0% {
        transform: scale(0.6);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(0.6);
    }
}
.dashboard-cards .card .task-count.success{
    top: 14px;
    font-size: 3em;
}
.btn-inline-popup-notify {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    transform: translateY(12px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}
.select-btn-toolbox-wrap > .btn:hover + .btn-inline-popup-notify{
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.btn-inline-popup-notify .alert{
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.18);
    position: relative;
    margin-bottom: 0 !important;
    min-width:320px;
}
.btn-inline-popup-notify .alert:after{
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    background-color: inherit;
    transform: rotate(45deg);
    top: -5px;
    right: 7rem;
    box-shadow: -2px -1px 2px 0 rgba(0, 0, 0, 0.08);
}
.btn-inline-popup-notify .modern-info-alert .lc-icon-set{
    margin-right: 0 !important;
}
.btn-inline-popup-notify .modern-info-alert .lc-icon-set > i{
    font-size:1.5em !important;
}
.btn-inline-popup-notify .modern-info-alert ul>li{
    margin-top:6px;
    line-height: 1.4;
}
.headers-table-d-cust{
    max-height:260px;
    min-height:260px;
    overflow: auto;
}
.headers-table-d-cust .nested-tb > thead > tr > th{
    top:0;
}
.lic-capacity-summary-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0 14px;
    margin: 6px 0 6px;
    width: 50%;
}
.lic-capacity-summary-wrap > li{
    display: flex;
    flex-direction: row;
    line-height: 1;
    margin-bottom: 7px;
    border: 1px solid #f1f1f1;
    padding: 6px 1rem 6px 9px;
    min-width: 170px;
    border-radius: 25px;
    align-items: center;

}
.lic-capacity-summary-wrap > li > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lic-capacity-summary-wrap > li span{
    font-size: 1.3em !important;
    color: #575f72;
    margin-left: 10px;
}
.lic-capacity-summary-wrap > li i{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid;
    margin-right: 10px;
}
.lic-capacity-progress-wrap .progress-sm {
    height: 22px;
    font-size: 1.2em;
}
.lic-capacity-progress-wrap .prc-sec-v:hover .percent-hanle-tooltip{
    width:50px;
    height:50px;
}
.modern-info-alert ul>li > b{
    color:#000;
}
.w-al-cus-list > li{
    text-align: justify;
}
.bc-ico-align-f-start{
    align-items: flex-start !important;
}
.widget-fill-box{
    display: flex;
    flex-direction: column;
}
.widget-fill-box .box-header{
    height:190px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.widget-fill-box .box-header:after{
    position: absolute;
    content: '';
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    top: -140px;
    right: -120px;
    opacity: 0.6;
    box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.34) inset;
}
.widget-fill-box .box-header > h6{
    font-size: 1.3em;
    padding: 0;
}
.widget-fill-box .box-header > h6:last-child{
    font-size:1.6em;
}
.widget-fill-box .box-body{
    box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 8px;
    margin:-100px 1.25rem 1.25rem;
    min-height: 200px;
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
}
.widget-fill-info-list{
    list-style: none;
    padding:0;
    margin:0;
    width:100%;
}
.widget-fill-info-list > li{
    width: 100%;
    float: left;
    display: flex;
    margin-bottom: 7px;
    border-bottom: 1px dashed #efefef;
    padding-bottom: 8px;
}
.widget-fill-info-list > li:last-child{
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ic-cover{
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width:45px;
    height:45px;
    min-width:45px;
    background-color: #f1f1f1;
    color: #505260;
    font-size: 1.3em;
}
.widget-fill-info-list > li > div > span{
    color:#3F4254;
}
.widget-fill-info-list > li .info-even-info{
    width: 100%;
    display:flex;
    justify-content: space-around;
}
.widget-fill-info-list > li .info-even-info > div{
    display: flex;
    flex-direction: column;
    float: left;
    justify-content: center;
    min-width: 36%;
}
.ico-sp-pdd{
    padding: 1px 4px;
}
.gauge-chart-info-wrap {
    position: absolute;
    bottom: 26px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.gauge-chart-info-wrap >  h6{
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 2px;
    padding:4px 10px;
    font-weight: 600;
    border-width: 1px;
    border-style:solid;
    font-size:0.9em;
}
.gauge-chart-info-wrap > div{
    width: 100%;
    display:flex;
    justify-content: space-between;
    position: relative;
    font-size: 1.3em;
    margin-bottom: 1rem;
}
.gauge-chart-info-wrap > div > span{
    display: flex;
    font-size: 1.2em;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    color: #000;
    width: 40%;
    text-align: center;
}
.gauge-chart-info-wrap > div > span > small{
    font-size: 0.4em;
    opacity: 0.7;
}
.total-spend-content-wrap {
    background-color: #ededed;
    border-radius: 0 0 6px 6px;
    display: flex;
    box-shadow: 0px 4px 11px -7px #c7c7c7 inset;
    margin-top: 1rem;
}
.total-spend-wrap {
    font-size: 2em;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-transform: capitalize;
    color: #1a1a54;
    font-weight: 700;
}
.inf-r-side-w-t{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
#ip-list:empty:after{
    position: relative;
    content: "Authorized IP Address Has Not Been Added.";
    width: 100%;
    height: 45px;
    background-color: #eff6ff;
    border: 1px dashed #89aff7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #6fb5ff;
    opacity: 0.8;
}
.status-acc-user-wrap {
    display: flex;
    align-items: center;
    height: 100%;
}
.status-acc-user-wrap > span{
    padding: 9px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.floating-app-overlapping-wrap.faow-history {
    position: relative;
    right: 0;
    top: 0;
}
.floating-app-overlapping-wrap.faow-history .cookiepedia-icon-fa{
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask-position: center center;
}
.cookiepedia-icon-fa.white{
    background-color: #fff !important;
}
.floating-app-overlapping-wrap.faow-history ul.fa-overlap-list >li{
    font-size: 1em !important;

}
.status-acc-user-wrap.history-scan-status-type > span {
    padding: 6px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    min-width: 120px;
}
.tb-detail-r-detail.ov-last-vis tbody tr td:last-child{
    overflow: visible;
}

.h-icon-head-tb i.cookiepedia-icon-fa{
    -webkit-mask-size: 19px;
    mask-size: 19px;
    -webkit-mask-position: center center;
    mask-position: center center;
}
.h-icon-head-tb i{
    width: 26px;
    height: 26px;
    margin-left: 0;
    font-size: 1.4em;
    box-shadow: 0 0 0 0 rgba(12, 16, 22, 0.27);
    padding-top: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-drp-scan-title{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px 0 18px;
    font-size: 1.2em;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #fff;
    color:#fff;
}
.main-drp-scan-title:after{
    position: absolute;
    content:"";
    width:8px;
    height:8px;
    border-bottom: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
    right:14px;
}
.scan-btn-drp-wrap{
    position: relative;
}
.scan-rs-wrap{
    position: absolute;
    display:flex;
    flex-direction: column;
    top: 100%;
    width: calc(100% + 50px);
    background-color: #fff;
    right: 0;
    box-shadow: 0px 3px 5px 0px rgba(0, 0 ,0 ,0.21);
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    padding: 4px 8px 4px 3px;
    border-radius: 6px;
    transition: opacity 0.3s,transform 0.4s;
}
.scan-btn-drp-wrap.active .scan-rs-wrap{
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.scan-rs-wrap .btn{
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    margin: 2px 3px 2px;
    background-color: rgba(71,77,88,0.07);
    border-radius: 4px;
    color: #474d58 !important;
    font-size: .9em;
    font-weight: 600;
    transition: all 0.5s;
    position: relative;
}
.scan-rs-wrap .btn .inelm-tip-wrap{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid;
    cursor: help;
    color: #6eb4ff;
    opacity: 0.6;
    transition: all 0.4s;
}
.scan-rs-wrap .btn .inelm-tip-wrap:hover{
    opacity: 1;
}
.scan-rs-wrap .btn .inelm-tip-wrap > p{
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 #ddd;
    transition: all 0.4s;
    right: 100%;
    max-width: 200px;
    min-width: 200px;
    position: absolute;
    height: auto;
    white-space: normal;
    z-index: 2;
    top: 0;
    text-align: left;
    color: #6e7591;
}
.scan-rs-wrap .btn .inelm-tip-wrap:hover > p{
    visibility: visible;
    opacity: 1;
}
.btn-banner-update-cus{
    padding: 4px 6px 6px;
    font-size: 1em;
    margin-top: 7px;
}
.sidw-n-g .summary-info-detail-wrap.technology-list-wrap{
    width:100% !important;
    padding :0 10px !important;
}
.sidw-n-g .summary-info-detail-wrap.technology-list-wrap > li{
    width:100%;
    padding: 0 10px;
    margin: 0 0 10px 0;
    height:60px;
    justify-content: center;
}
.sidw-n-g .summary-info-detail-wrap.technology-list-wrap > li b .ng-vc-icon{
    margin-bottom: 0 !important;
}
.sidw-n-g .summary-info-detail-wrap.technology-list-wrap > li .list-body{
    align-items: center !important;

}
.sidw-n-g .summary-info-detail-wrap.technology-list-wrap > li:last-child{
    margin-bottom: 0 !important;
}

.sidw-n-g .summary-info-detail-wrap.ov-tags-list-wrap{
    padding-right:0;
    justify-content: space-between;
    align-content: center;
    padding: 2.8rem 10px;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-sm.ov-tags-list-wrap > li {
    width: calc(100% / 2.08);
    height: 44px;
    padding: 0 6px 0 0;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-right: 0;
    margin-bottom: 8px;
    overflow:hidden;
}
.sidw-n-g .summary-info-detail-wrap.in-cus-sm.ov-tags-list-wrap > li b .ng-vc-icon{
    width:40px;
    height:48px;
    border-radius: 25% 0 0 25%;
    padding:6px;
    margin-right: 6px;
    box-shadow: -4px 0 3px -3px rgba(0, 0, 0, 0.20) inset;
}
.ove-forms-widget-wrap.sidw-n-g .summary-info-detail-wrap{
    width:100%;
    align-content: center;
}
.ove-forms-widget-wrap.sidw-n-g .summary-info-detail-wrap > li{
    height:92px;
    padding:10px 1rem;
}
.bg-crawler-wrap{
    background-image: url(../../images/crawler-vector.svg);
    background-repeat: no-repeat;
    width: 50%;
    height: 100px;
    background-size: 225px;
    background-position: center right -1rem;
    position: relative;
}
.crawler-scan-status-wrap .list-body b{
    display: flex;
    flex-direction: column;
    font-size: 1em;
    color: #fff;
    align-items: flex-start;
    width: 50%;
}
span.ls-cgeck-wrap {
    color: #fff;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    font-size: 0.7em;
    font-weight: 600;
    position: absolute;
    bottom: -17px;
    right: 0;
    align-items: center;
}
.pulse-op-elm{
    animation: pulse-opacity 800ms ease-out infinite;
}


@-webkit-keyframes pulse-opacity {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0.6;
    }
}
@keyframes pulse-opacity {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0.6;
    }
}
.scanning-mode-wrap{
    position: relative;
}
.scanning-mode-wrap .btn{
    padding: 5px 6px;
    background-color: #fff;
    font-size: 0.7em;
    margin-top: 1.7rem;
    margin-left: -16px;
}
.script-tab-list-wrap {
    background: #5192cb;
    padding: 5px 10px;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    box-shadow: 36px 0px 30px -20px rgba(15, 57, 94,0.44) inset;
    transform: perspective(500px) rotateX(0deg);
    transition: all 0.4s;
    display:flex;
    align-items: center;
}
.stlw-ab-test-wrap.script-tab-list-wrap{
    background: #959b9a;
    box-shadow: none;
}
.stlw-ab-test-wrap.script-tab-list-wrap.active{
    background: #51cbb5;
    transform: perspective(500px) rotateX(0deg);
}
.script-tab-list-wrap.active{
    transform: perspective(500px) rotateX(360deg);
}
.script-tab-list-wrap:hover{
    opacity: 0.8;
}
.lbl-w-switch-wrap {
    display: flex;
    align-items: center;
}
.lbl-w-switch-wrap button {
    font-size: 0.9em;
    padding: 5px 10px !important;
    font-weight: 600;
    background-color: #ededed;
}

.shorten-link-dashboard-banner{
    width:100%;
    height:100%;
    background-size: auto;
    background-position-x: right;
    background-repeat: no-repeat;
    background-color: #2196f3;
    background-image: url('../../images/wave-bg-blue.svg');
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color:#fff;
    flex-wrap: nowrap;
}
.shorten-link-dashboard-banner > div:last-child{
    width:100%;
}
.qrcode-link-dashboard-banner > div:last-child{
    width:40%;
    max-width: 240px;
}
.shorten-link-dashboard-banner.sldb-custom-wrap{
    background-color: #3f51b5 !important;
    color: rgba(255, 255, 255, 0.87) !important;
}
.shorten-link-dashboard-banner h6{
    font-size: 2em;
    text-transform: capitalize;
    font-weight: 600;
    color:#fff;
    text-shadow: 2px 2px 0px rgba(0, 59, 118, 0.56);
    white-space: nowrap;
}
.shorten-link-dashboard-banner.sldb-custom-wrap p {
    font-size: 1.2em;
    color: #84a5ff;
}
.shorten-link-dashboard-banner p{
    font-size: 1.2em;
    color: #99d5ff;
}
.shorten-link-dashboard-banner img{
    width: auto;
    height: 100%;
    max-width: 240px;
    float: right;
}
.shorten-link-dashboard-banner .pdb-l-side{
    padding: 0rem 0 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.toolbar-button-wrapper.tbw-scroll-wrap {
    float: left;
    padding: 0;
    flex-direction: revert;
    margin-right: 0;
    margin-left: 0;
    height: 56px;
    display: flex;
    min-width: 300px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus.drp-b-h-cus{
    height: 100%;
    max-width: 300px;
    margin-left: -1rem;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus .dropdown-toggle.lang-cus {
    border: none;
    height: 100%;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    background-color: #dfdfdf;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span{
    line-height: 2;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span i{
    color: #00d2ff;
    font-size: 1.2em;
    margin: 0 10px;
    position: relative;
    top: 3px;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus .dropdown-toggle.lang-cus:after{
    margin-top: -2px;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus .dropdown-menu{
    left: 12px;
    right: auto;
}
.toolbar-button-wrapper.tbw-scroll-wrap .range-box-head-cus.drp-b-h-cus .dropdown-menu .dropdown-item{
    line-height: 2;
    font-size: 1.1em;
}
.toolbar-button-wrapper.tbw-scroll-wrap button{
    border-right: 1px solid #eeeeee !important;
    border-left: none;
    margin-right: -1rem;
}
.cookie-main-menu-ico{
    display: flex;
    margin-top:-9px;
    background-color:#fff;
    width: 28px;
    height: 30px;
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask-position: left 5px center;
    mask-position: left 5px center;
}
.folded .nav-stacked-rounded .nav > li > a .cookie-main-menu-ico {
    width: 40px;
    height: 30px;
    -webkit-mask-position: center ;
    mask-position: center;
}
.hr-nav .nav-stacked .nav > li > a .cookie-main-menu-ico{
    margin-top:-4px;
}
.iwt-nowrap-ov{
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.script-tb-nst-wrap .nested-tb > tbody > tr > td:first-child{
    padding:0;
}
.lbl-script-cus-fill{
    height:100%;
}
.lbl-script-cus-fill .lb-w-arrow-r {
    height:100%;
    width:100%;
    border-radius: 0 2px 2px 0;
    font-size:1.4em;
}
.lbl-script-cus-fill .lb-w-arrow-r:after {
    width:14px !important;
    height:14px !important;
    right:-7px !important;
}

.script-tb-nst-wrap .nested-tb > tbody > tr:nth-child(odd) td .lbl-script-cus-fill .lb-w-arrow-r:after{
    background-color: #fbfbfb;
}
.script-tb-nst-wrap .nested-tb > tbody > tr td .lbl-script-cus-fill .lb-w-arrow-r:after{
    background-color: #fff;
}
.brw-arch-icon-btn{
    background-color: #bcaaa4 !important;
    color: #494040 !important;
}
.toolbar-button-wrapper button {
    margin-right: 0;
    transition: all 0.2s;
    background-color: #fff;
    line-height: 2.3;
    overflow: visible !important;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    width: 54px;
    border-right: 1px solid #eeeeee !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 #9f9f9f inset !important;
}
.toolbar-button-wrapper {
    float: right;
    padding: 0;
    flex-direction: row-reverse;
    margin-right: -1rem;
    height: 56px;
    display: flex;
    align-items: center;
}
.toolbar-button-wrapper > button:hover, .toolbar-button-wrapper .zoom-btn-wrap > button:hover {
    box-shadow: 0px -15px 14px -16px #9f9f9f inset !important;
    z-index: 999;
}
.toolbar-button-wrapper > button{
    z-index: 99;
}
.toolbar-button-wrapper > button:hover i{
    transform: perspective(800px) translateY(-4px);
    transform-origin: center top;
}
.toolbar-button-wrapper > button > i {
    transition: all 0.4s;
}
.toolbar-button-wrapper > button > .item-tooltip.bottom.sm {
    right: 4px;
}
.toolbar-button-wrapper > button > .item-tooltip.bottom.sm:after {
    left: auto !important;
    right: 20px;
}
.toolbar-button-wrapper.tbw-scroll-wrap > .item-element{
    margin-right: -2rem;
}
/*Limited Sections Style */
.pkg--limited {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    padding-left: 16px !important;
}
.pkg--update-overly-frame{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.03);
    z-index: 2;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
.pkg--update-overly-frame > div{
    visibility: hidden;
    transition:all 0.4s;
    transform: rotateX(90deg);
    opacity:0;
    background-color: #2196f3;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px 16px;
    color:#fff;
}
.pkg--update-overly-frame > div:after{
    position: absolute;
    content: '';
    width: 11px;
    height: 18px;
    transform: rotate(6deg);
    background-color: #2196f3;
    right: -4px;
    top: 3px;
    border-radius: 16px 2px 29px 0px;
}
.pkg--update-overly-frame > span > i,
.pkg--limited > span  i{
    box-shadow: unset !important;
}
.pkg--limited:hover > span > div{
    transform: perspective(700px) rotateY(0deg) !important;
    transform-origin: right center;
}
.pkg--update-overly-frame > span{
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #2196f3;
    position: absolute;
    right: 10px;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.45) inset;
    color: #fff;
}
.pkg--update-overly-frame > span:hover + div{
    visibility: visible;
    opacity:1;
    transform: rotateX(0deg);
}
/*modal la ng*/
.pkg--limited_mlng {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    padding-top: 0;
    margin:0;
    margin-top:15px;
}
.pkg--limited_mlng .pkg--update-overly-frame{
    z-index: 999999999;
}
.tcsw-content-items .pkg--limited_mlng:first-child{
    margin-top:0;
}
.pkg--limited_mlng .col-form-label + div{
    height: 100%;
    position: initial;
}
.pkg--limited_mlng .col-form-label{
    display: none;
}
.pkg--limited_mlng .col-form-label + div > div{
    padding-left: 5px;
}
.pkg--limited_mlng .pkg--update-overly-frame > div{
    width: 75%;
    padding: 4px 16px;
    visibility: visible;
    opacity: 1;
    transform: rotateX(0deg);
}
.pkg--limited_mlng .pkg--update-overly-frame > div:after{
    transform: rotate(54deg);
    top: 7px;
    border-radius: 16px 2px 12px 0;
}
/*Checkbox*/
.pkg--limited_rdi {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin:0;
    margin-top:15px;
}
.tcsw-content-items .pkg--limited_rdi:first-child{
    margin-top:0;
}
.pkg--limited_rdi .col-form-label + div{
    height: 100%;
    position: initial;
}
.pkg--limited_rdi .col-form-label{
    display: none;
}
.pkg--limited_rdi.pkg-w-lbl-rdi .col-form-label{
    display: block;
}
.pkg--limited_rdi .col-form-label + div > div{
    padding-left: 5px;
}
.pkg--limited_rdi .pkg--update-overly-frame > div{
    width: 75%;
    padding: 4px 16px;
}
.pkg--limited_rdi .pkg--update-overly-frame > div:after{
    transform: rotate(54deg);
    top: 7px;
    border-radius: 16px 2px 12px 0;
}
/*accardion Items*/
.pkg--limited_acci {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin:0;
}
.tcsw-content-items .pkg--limited_acci:first-child{
    margin-top:0;
}
.pkg--limited_acci .col-form-label + div{
    height: 100%;
    position: initial;
}
.pkg--limited_acci .col-form-label{
    display: none;
}
.pkg--limited_acci.pkg-w-lbl-rdi .col-form-label{
    display: block;
}
.pkg--limited_acci .col-form-label + div > div{
    padding-left: 5px;
}
.pkg--limited_acci .pkg--update-overly-frame > div{
    width: 75%;
    padding: 4px 16px;
}
.pkg--limited_acci .pkg--update-overly-frame > div:after{
    transform: rotate(54deg);
    top: 7px;
    border-radius: 16px 2px 12px 0;
}
.pkg--limited_acci .info-inpt-tooltip-i{
    display: none;
}
/*content Live tab Items*/
.pkg--limited_lvtab {
    position: relative;
    color: #263238 !important;
    margin:0;
}
.pkg--limited_lvtab .pkg--update-overly-frame{
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    background-color:rgba(0, 0, 0, 0.33);
}
.pkg--limited_lvtab.pll-inner-lvtab {
    background-color: #f6fafb !important;
}
.pkg--limited_lvtab.pll-inner-lvtab .pkg--update-overly-frame{
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    background-color:rgba(0, 0, 0, 0.33);
}
.pkg--limited_lvtab .pkg--update-overly-frame > span{
    top:15px;
}
.tcsw-content-items .pkg--limited_lvtab:first-child{
    margin-top:0;
}
.pkg--limited_lvtab .col-form-label + div{
    height: 100%;
    position: initial;
}
.pkg--limited_lvtab .col-form-label{
    display: none;
}
.pkg--limited_lvtab.pkg-w-lbl-rdi .col-form-label{
    display: block;
}
.pkg--limited_lvtab .col-form-label + div > div{
    padding-left: 5px;
}
.pkg--limited_lvtab .pkg--update-overly-frame > div{
    visibility: visible;
    transition: all 0.4s;
    transform: rotateX(0deg);
    opacity: 0.8;
    border: 1px solid #2196f3;
    border-radius: 7px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    color: #2196f3;
    background-color: #fff;
}
.pkg--limited_lvtab .pkg--update-overly-frame > div:after{
    display: none !important;
}
.pkg--limited_lvtab .info-inpt-tooltip-i{
    display: none;
}
/*Inputs*/
.pkg--limited_inpt {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    margin:0;
}
.tcsw-content-items .pkg--limited_inpt:first-child{
    margin-top:0;
}
.pkg--limited_inpt .col-form-label + div{
    height: 100%;
    position: initial;
}
.pkg--limited_inpt .col-form-label + div > div{
    padding-left: 5px;
}
.pkg--limited_inpt .pkg--update-overly-frame > div{
    width: 75%;
    padding: 4px 16px;
}
.pkg--limited_inpt .pkg--update-overly-frame > div:after{
    transform: rotate(54deg);
    top: 7px;
    border-radius: 16px 2px 12px 0;
}
/*Exports*/
.pkg--limited_footer {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    height: 50px;
    padding: 0 !important;
}
.pkg--limited_footer .pkg--update-overly-frame{
    justify-content: flex-start;
}
.pkg--limited_footer .pkg--update-overly-frame > span{
    position: relative;
    right: 0;
    top: 0;
    margin-left:1rem;
    cursor: not-allowed;
}
.tcsw-content-items .pkg--limited_footer:first-child{
    margin-top:0;
}
.pkg--limited_footer .col-form-label + div{
    height: 100%;
    position: initial;
}
.pkg--limited_footer .col-form-label + div > div{
    padding-left: 5px;
}
.pkg--limited_footer .pkg--update-overly-frame > div{
    width: 95%;
    padding: 4px 10px;
    visibility: visible;
    opacity: 1;
    justify-content: flex-start;
    transform: rotateX(0deg);
    color: #2196f3;
    background-color: transparent;
}
.pkg--limited_footer .pkg--update-overly-frame > div:after{
    display: none !important;
}
.pkg--limited_footer > div[data-current]{
    position: relative;
    z-index: 9;
    margin-right: 10px;
}
/*Tabs*/
.pkg--limited_tabs {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    margin:0;
}
.pkg--limited_tabs .pkg--update-overly-frame >  span{
    width: 18px;
    height: 18px;
    right: 5px;
    top: -6px;
    font-size: 0.8em;
    color: #2196f3;
    background-color:#eef2f3;
}
.pkg--limited_tabs .pkg--update-overly-frame > span > i {
    margin:0 !important;
}
.pkg--limited_tabs .pkg--update-overly-frame > div{
    width: 175px;
    position: absolute;
    padding: 4px 10px;
    bottom: calc(100% + 12px);
    right: -10px;
}
.pkg--limited_tabs .pkg--update-overly-frame > div:after{
    transform: rotate(45deg);
    top: auto;
    bottom: -5px;
    border-radius: 2px;
    right: 1.2rem;
    width: 10px;
    height: 10px;
}
.nav-active-border .nav-link.pkg--limited_tabs:hover:before{
    border-bottom-color: transparent !important;
}
/*trigger*/
.pkg--limited_trigger {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    margin:0;
}
.pkg--limited_trigger .pkg--update-overly-frame >  span{
    width: 18px;
    height: 18px;
    right: 5px;
    top: -6px;
    font-size: 0.8em;
    color: #2196f3;
    background-color:#eef2f3;
}
.pkg--limited_trigger .pkg--update-overly-frame > span > i {
    margin:0 !important;
}
.pkg--limited_trigger .pkg--update-overly-frame > div{
    width: auto;
    position: absolute;
    padding: 4px 10px;
    bottom: 0;
    right: 28px;
    border-radius: 5px;
    white-space: nowrap;
}
.pkg--limited_trigger .pkg--update-overly-frame > div:after{
    transform: rotate(45deg);
    top: 8px;
    bottom: 0;
    border-radius: 2px;
    right: -2px;
    width: 10px;
    height: 10px;
}
.nav-active-border .nav-link.pkg--limited_trigger:hover:before{
    border-bottom-color: transparent !important;
}
/*Bar*/
.pkg--limited_bars {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
    margin:0;
}
.pkg--limited_bars .pkg--update-overly-frame {
    z-index: 9999;
}
.pkg--limited_bars .pkg--update-overly-frame:hover > div {
    visibility: visible;
    opacity: 1;
    transform: rotateX(0deg);
}
.pkg--limited_bars .pkg--update-overly-frame >  span{
    width: 18px;
    height: 18px;
    right: calc(50% - 11px);
    top: calc(100% - 8px);
    font-size: 0.8em;
    color: #2196f3;
    background-color: #eef2f3;
}
.pkg--limited_bars .pkg--update-overly-frame > span > i {
    margin:0 !important;
}
.pkg--limited_bars .pkg--update-overly-frame > div{
    width: 175px;
    position: absolute;
    padding: 4px 10px;
    top: calc(100% + 2px);
    right: -2px;
    font-size: 0.8em;
}
.pkg--limited_bars .pkg--update-overly-frame > div:after{
    transform: rotate(45deg);
    top: auto;
    top: -5px;
    border-radius: 2px;
    right: 1.3rem;
    width: 10px;
    height: 10px;
}
.nav-active-border .nav-link.pkg--limited_bars:hover:before{
    border-bottom-color: transparent !important;
}
/*cookie expt btn*/
.pkg--limited_expbtn {
    position: relative;
    background-color: #f6fafb !important;
    color: #263238 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    margin:0;
}
.pkg--limited_expbtn > .btn {
    color: #fff;
    border-radius: 0 !important;
    border-right: 1px solid #147ed3;
    font-size: 1.1em;
    height:100%;
}
.pkg--limited_expbtn .pkg--update-overly-frame >  span{
    width: 18px;
    height: 18px;
    right: 5px;
    top: -6px;
    font-size: 0.8em;
    color: #2196f3;
    background-color:#eef2f3;
}
.pkg--limited_expbtn .pkg--update-overly-frame > span > i {
    margin:0 !important;
}
.pkg--limited_expbtn .pkg--update-overly-frame > div{
    width: 175px;
    position: absolute;
    padding: 4px 10px;
    top: 15px;
    box-shadow: 0 1px 6px -3px #000;
    right: 2px;
    border-radius: 4px;
}
.pkg--limited_expbtn .pkg--update-overly-frame > div:after{
    transform: rotate(45deg);
    top: -4px;
    bottom: auto;
    border-radius: 2px;
    right: 7px;
    width: 10px;
    height: 10px;
}

.pkg--limited_drpdwn {
    position: relative;
}
.bh-right-drp .range-box-head-cus .dropdown-menu .dropdown-item.pkg--limited_drpdwn:hover{
    background-color: rgba(71,77,88,0.07) !important;
}
.bh-right-drp .range-box-head-cus .dropdown-menu .dropdown-item.pkg--limited_drpdwn:hover i{
    color: #008eff !important;
}
.pkg--limited_drpdwn > span{
    color: #aaabad !important;
}
.pkg--limited_drpdwn > span:after{
    position: absolute;
    content:'';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.08);
    z-index: 2;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
.pkg--limited_drpdwn > span > i{
    position: relative;
    z-index: 4;
    color: #008eff;
}
/*dashboard Limited*/
.pkg--limited_widget{
    position: relative;
    background-color: #f6fafb !important;
}
.pkg--update-overly-widget{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.03);
    z-index: 2;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    padding: 0 3rem;
    text-align: center;
}
.pkg--update-overly-widget > div{
    visibility: visible;
    transition: all 0.4s;
    transform: rotateX(0deg);
    opacity: 0.8;
    border: 1px solid #2196f3;
    border-radius: 7px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    color: #2196f3;
    background-color: #fff;
}
.pkg--update-overly-widget > div:after{
    position: absolute;
    content: '';
    width: 11px;
    height: 18px;
    transform: rotate(6deg);
    background-color: #2196f3;
    right: -4px;
    top: 3px;
    border-radius: 16px 2px 29px 0px;
    display:none;
}
.pkg--update-overly-widget > span > i,
.pkg--limited > span  i{
    box-shadow: unset !important;
}
.pkg--limited:hover > span > div{
    transform: perspective(700px) rotateY(0deg) !important;
    transform-origin: right center;
}
.pkg--update-overly-widget > span{
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #2196f3;
    position: absolute;
    right: 12px;
    top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.45) inset;
    color: #fff;
}
.pkg--update-overly-widget > span:hover + div,
.pkg--update-overly-widget:hover > span + div{
    visibility: visible;
    opacity:1;
    transform: rotateX(0deg);
}
/*dashboard Limited END*/
/*Limited Section Style END*/
.browser-mockup >  .title-b-wrap.live-preview-mode:before{
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: #d36464;
    border-radius: 50%;
    z-index: 0;
    animation: grow 1s ease-in-out infinite;
}
@keyframes grow{
    0%{
        transform: scale(1,1);
        opacity: 1;
    }
    100%{
        transform: scale(1.8,1.8);
        opacity: 0;
    }
}
.browser-mockup >  .title-b-wrap.live-preview-mode:after{
    background-color: #d36464;
}
.fixed-cookie-banner-act-wrap{
    height: 64px;
}
.fixed-cookie-banner-act-wrap ul.sidebar-grp-btn-wrap{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: fixed;
    top: auto;
    left: auto;
    width: 23.59%;
    z-index: 999;
    margin-left: 0;
    border-radius: 4px;
    margin-right: 0;
    border: 1px dotted #f1f1f1;
    margin-top: 0rem;
    outline: 6px solid rgba(255, 255, 255, 0.89);
    background-color: rgba(255, 255, 255, 0.83);
    box-shadow: 0px -10px 0px 6px rgb(246, 250, 251), 0 2px 7px 3px rgba(0,0,0,.1)!important;
}
.scan-coockie-detail-wrap {
    /*    z-index: 9999;
        position: relative;*/
}
.tab-content-settings-wrap .tcsw-content-wrap .minicolors-theme-bootstrap .minicolors-input{
    border-color: #ecf1fd;
    cursor: pointer;
}
.tab-content-settings-wrap .tcsw-content-wrap .minicolors-theme-bootstrap .minicolors-swatch:after{
    background-color: #ecf1fd;
}
.tab-content-settings-wrap .tcsw-content-wrap .minicolors-theme-bootstrap .minicolors-swatch{
    cursor: pointer;
}
.tab-content-settings-wrap .tcsw-content-wrap .input-number-wrap .input-number{
    border-color: #ecf1fd;
}


/*Form Group help tooltip*/
.info-inpt-tooltip-i{
    position: relative;
    display: flex;
    align-items: center;
}
.info-inpt-tooltip-i > div{
    visibility: hidden;
    transition: all 0.4s;
    transform: rotateX(90deg);
    opacity: 0;
    background-color: #2196f3;
    border-radius: 10px;
    position: absolute;
    padding: 6px 10px;
    color: #fff;
    width: 150px;
    left: calc(100% + 5px);
    top: -3px;
    z-index: 222;
}
.info-inpt-tooltip-i > div:after{
    position: absolute;
    content: '';
    width: 12px;
    height: 18px;
    transform: rotate(15deg);
    background-color: #2196f3;
    left: -2px;
    top: 2px;
    border-radius: 33px 2px 29px 0;
}

.info-inpt-tooltip-i > span{
    cursor: pointer;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #eef2f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4em;
    margin-left: 6px;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.45) inset;
    color: #2196f3;
}
.info-inpt-tooltip-i > span:hover + div{
    visibility: visible;
    opacity:1;
    transform: rotateX(0deg);
}
/*Form Group help tooltip end*/
.lbl-cus-script-status{
    text-transform: uppercase;
    width: 50px;
    padding: 0 2px 0 13px;
    border-radius: 4px;
    text-align: center;
    font-size: 0.8em;
    position: relative;
}
.lbl-cus-script-status:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 5px;
    background-color: #62b366;
    top: calc(50% - 3px);
}
.lbl-cus-script-status:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    background: #62b366;
    border-radius: 50%;
    z-index: 0;
    animation: grow 1.3s ease-in-out infinite;
}
/*script save popup*/
.script-start-build-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-height: 260px;
}
.script-start-build-wrap > div {
    width: 80%;
}
.script-start-build-wrap > div.isb-title-wrap {
    margin: 2rem 0;
}
.script-start-build-wrap > div.isb-title-wrap h3 {
    font-weight: 600;
    color: #1d375f;
    margin-bottom: 4px;
    display: flex;
}
.script-start-build-wrap > div.isb-title-wrap h3 > i {
    border: 2px solid #b1b8c1;
    display: flex;
    color: #b1b8c1;
    align-items: center;
    justify-content: center;
    font-size: 0.5em;
    width: 32px;
    border-radius: 50%;
    height: 32px;
    padding-right: 3px;
    padding-top: 2px;
    transition: all 0.5s;
    cursor: pointer;
    display: none;
}
.script-start-build-wrap > div.isb-title-wrap h3 > i.active {
    display: flex;
}
.script-start-build-wrap > div.isb-title-wrap h3 > i:hover {
    background-color: #1d375f;
    color: #fff;
    border-color: #1d375f;
}
.script-start-build-wrap > div.isb-title-wrap p {
    font-size: 1.2em;
    color: #868686;
}
.script-start-build-wrap .inner-start-build-list {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    min-height:140px;
}
.script-start-build-wrap .inner-start-build-list.active{
    min-height: 40px;
}
.script-start-build-wrap .inner-start-build-list.active li{
    padding:0;
}
.script-start-build-wrap .inner-start-build-list.active li:hover{
    margin-top: 0 !important;
}
.script-start-build-wrap .inner-start-build-list.active li.active .item-thumb-frame{
    background-color: #3F51B5;
    border-color: #3F51B5;
    box-shadow: unset;
    opacity: 1;
}
.script-start-build-wrap .inner-start-build-list.active li.active .item-thumb-frame > i{
    color:#fff;
    border:1px solid #fff;
}
.script-start-build-wrap .inner-start-build-list.active li.active .item-thumb-frame > h3{
    color:#fff;
}
.script-start-build-wrap .inner-start-build-list.active li .item-thumb-frame{
    height:56px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding:0 6px;
    opacity: 0.7;
}
.script-start-build-wrap .inner-start-build-list.active li .item-thumb-frame > i{
    font-size: 1.3em;
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-right: 7px;
    min-height: 36px;
}
.script-start-build-wrap .inner-start-build-list.active li .item-thumb-frame > h3{
    font-size:0.9em;
}
.script-start-build-wrap .inner-start-build-list li {
    padding: 10px;
    margin: 0 4px;
    width: 230px;
    transition: all 0.5s;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-40px);
    position: relative;
    -webkit-animation: formItem ease-in 1;
    -moz-animation: formItem ease-in 1;
    animation: formItem ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    animation-duration: 0.7s;
}
.script-start-build-wrap .inner-start-build-list li:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.script-start-build-wrap .inner-start-build-list li:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.script-start-build-wrap .inner-start-build-list li:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.script-start-build-wrap .inner-start-build-list li .item-thumb-frame {
    width: 100%;
    height: 100px;
    background-color: #ebebeb;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 0;
    border: 2px solid transparent;
    transition: all 0.5s;
    border-radius: 4px;
    position: relative;
    flex-direction: column;
    padding: 1rem;
}
.script-start-build-wrap .inner-start-build-list li .item-thumb-frame i {
    font-size: 1.5em;
    color: #fff;
    transition: all 0.5s;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border-radius: 50%;
    background-color: #3F51B5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.script-start-build-wrap .inner-start-build-list li .item-thumb-frame img {
    width: 60%;
    -webkit-filter: drop-shadow(2px 2px 3px #c9c9c9);
    filter: drop-shadow(2px 2px 3px #c9c9c9);
}
.script-start-build-wrap .inner-start-build-list li h3 {
    font-size: 1.1em;
    margin-top: 10px;
    padding-left:2px;
    font-weight: 600;
    color: #1d375f;
    transition: all 0.5s;
}
.script-start-build-wrap .inner-start-build-list li p {
    font-size: 0.9em;
    font-weight: 500;
    color: #636363;
    transition: all 0.5s;
}
.script-start-build-wrap .inner-start-build-list li:hover {
    margin-top: -10px;
}
.script-start-build-wrap .inner-start-build-list li:hover .item-thumb-frame {
    border-color: #3F51B5;
    box-shadow: 0 0 8px 2px rgba(63, 81, 181, 0.25);
    opacity: 1;
}
.script-start-build-wrap .inner-start-build-list li:hover h3 {
    color: #3F51B5;
}

@-webkit-keyframes formItem {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-moz-keyframes formItem {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes formItem {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.script-tab-main-wrap{
    overflow:hidden;
    height:0;
    position: relative;
    opacity: 0;
    transition: all 0.2s;
}
.script-tab-main-wrap.active{
    overflow:visible;
    height:190px;
    opacity: 1;
}
.script-tab-main-wrap.active .script-tab-main-item{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    visibility: hidden;
    opacity: 0;
    transform: perspective(500px) rotateX(90deg);
    transform-origin: center;
    transition: all 0.4s;
}
.script-tab-main-wrap.active .script-tab-main-item:last-child{
    transform: perspective(500px) rotateX(-90deg);
}
.script-tab-main-wrap.active .script-tab-main-item.active{
    visibility: visible;
    opacity: 1;
    transform: perspective(500px) rotateX(0deg);
    margin-top:2rem;
}
.script-tab-main-wrap.active .script-tab-main-item.active .range-box-head-cus .dropdown-toggle.lang-cus{
    padding:13px 14px !important;
}

/*script save popup The END*/

.range-box-head-cus.drp-b-h-cus .dropdown-menu.scpt-drp-wrap .dropdown-item{
    padding: 0;
    height: 25px;
    display: flex;
    align-items: center;
    text-indent: 10px;
}
.dropdown-menu.scpt-drp-wrap .dropdown-item > span{
    display: flex;
    align-items: center;
}

.dropdown-menu.scpt-drp-wrap .dropdown-item i {
    width: 25px;
    min-width: 25px;
    font-style: normal;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    opacity: 1;
    height: 25px;
    display: block;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-indent: 0;
}
.dropdown-menu.scpt-drp-wrap .dropdown-item > span > i:after{
    position: absolute;
    content:'';
    width: 6px;
    height:6px;
    transform: rotate(45deg);
    right:-3px;
    background-color: #f2f2f3;
    transition: all 0.4s;
}
.dropdown-menu.scpt-drp-wrap .dropdown-item:hover i:after,
.dropdown-menu.scpt-drp-wrap .dropdown-item:hover{
    background-color: #2196f3 !important;
}

.cus-ver-scrpt{
    text-transform: lowercase;
    border: 1px solid;
    border-radius: 4px;
    padding:0 3px;
}
.live-preview-mode-scrp-act {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    float: left;
}
.live-preview-mode-scrp-act:before{
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #22b66e;
    border-radius: 50%;
    z-index: 0;
    animation: grow 1.3s ease-in-out infinite;
}
.live-preview-mode-scrp-act:after {
    position: absolute;
    content: '';
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #64ab65;
}
.range-box-head-cus.with-arrow.scpt-drp-main-wrap .dropdown-toggle >span > span{
    display:flex;
    align-items: center;
}
.src-act-btn-wrap{
    flex-direction: row;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm{
    background-color: #f9f9f9;
    color: #7f99b1 !important;
    height: 30px;
    min-height: 30px;
    width: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border:1px solid transparent;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 2px !important;
    font-size:1.2em;
}
.info-w-tooltip > div.src-act-btn-wrap  > .act-itm.st-copy:hover{
    color: #42a5f5!important;
    border:1px solid #42a5f5;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm.st-trash:hover{
    color: #ef5350!important;
    border:1px solid #ef5350;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm.st-gtm:hover{
    color: #4487f1!important;
    border:1px solid #4487f1;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm.st-image:hover{
    color: #66bb6a!important;
    border:1px solid #66bb6a;
}
.src-bn-preview{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}
.src-bn-preview img{
    width: 360px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    border-radius: 13px;
    box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.52);
    display: none;
}
.src-popup-bn-preview{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}
.src-popup-bn-preview img{
    width: 300px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    border-radius: 13px;
    box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.52);
    display: none;
}
.bu-src-ov-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.bu-src-ov-wrap .srcpt-wrap{
    position:relative;
}
.img-scr-popup-preview-btn{
    width: 0;
    height: 46px;
    display: flex;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e6e8;
    border-radius: 4px;
    margin-left: 5px;
    font-size: 1.2em;
    color: #3f51b5;
    transform: perspective(300px) rotateY(90deg);
    transform-origin: left center;
    transition: all 0.4s;
}
.img-scr-popup-preview-btn.active{
    width: 40px;
    visibility: visible;
    opacity: 1;
    transform: perspective(300px) rotateY(0deg);
}
.brs-custom-legend.brs-custom-legend-records .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker {
    position: absolute;
    width: 100%;
    min-width: 100%;
    height: 2px !important;
    min-height: 4px;
    left: 0px !important;
    top: auto !important;
    bottom: 0;
    transition: all 0.2s;
    border-radius: 0 !important;
}
.dropdown-menu.scpt-drp-wrap .dropdown-item > span > span > i{
    width: auto;
    height: auto;
    margin-right: 6px;
    padding: 1px 4px;
    border-radius: 4px;
    line-height: 1.3;
    opacity: 0.8;
}
.tb-active-ab-anim .md-check{
    animation-name: jiggle;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: 30% 5%;
    animation-delay: -0.75s;
    animation-duration: .25s
}
@keyframes jiggle {
    0% {
        transform: translate(6px, 0);
        opacity:0.2;
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate(-2px, 0);
        opacity:1;
        animation-timing-function: ease-out;
    }
}

@keyframes jiggle {
    0% {
        transform: translate(6px, 0);
        opacity:0.2;
        animation-timing-function: ease-in;
    }
    50% {
        opacity:1;
        transform: translate(-2px, 0);
        animation-timing-function: ease-out;
    }
}

.btn-alignment.wiz-form-items {
    background-color: #fbfbfb;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: 0px 4px 2px -2px #f3f3f3 inset, 0px -4px 2px -2px #f3f3f3 inset;
    transform: perspective(600px) rotateX(-90deg);
    transform-origin:top center;
    height: 0;
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: 2;
    transition: all 0.4s,height 0.2s;

}
.btn-alignment.wiz-form-items.active{
    transform: perspective(600px) rotateX(0deg);
    height: auto;
    visibility: visible;
    opacity: 1;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm .md-check{
    margin:0 !important;
    padding:0;
    width: 100%;
    height: 100%;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm .md-check > i{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-top: 0;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    background-color: transparent !important;
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm .md-check:hover > i:before{
    animation-name: jiggle;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: 30% 5%;
    animation-delay: -0.75s;
    animation-duration: 1s
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm .md-check > i:before{
    width: 100%;
    text-align: center;
    line-height: 1.8;
    border: none;
    border-radius: 50%;
    content: "\efc2";
    color: #51cbb5;
}

.info-w-tooltip > div.src-act-btn-wrap > .act-itm .md-check input:checked + i:before{
    background-color: #51cbb5;
    color:#fff;
    animation: none;
    content: "";
}
.info-w-tooltip > div.src-act-btn-wrap > .act-itm .md-check input[type="checkbox"]:checked + i:after{
    content: "\eaf2";
    border: none;
    width:100%;
    height:100%;
    text-align: center;
    line-height: 1.8;
    left:auto;
    top:auto;
    color:#fff;
    transform: none;
}
.act-itm.st-abtest{
    border-color: #51cbb5 !important;
}
.act-itm.st-abtest:hover{
    border-color: #51cbb5 !important;
}
.ab-select-all-wrap .md-check{
    margin: 0;
    padding:0;

}
.ab-select-all-wrap .md-check > i{
    margin-right: 0;
    width: 26px;
    height: 26px;
    background-color: transparent !important;
}
.ab-select-all-wrap .md-check > i:before{
    border-radius: 50%;
    content: "\ea9d";
    border-color: #51cbb5;
    color:#51cbb5;
    width:100%;
    height:100%;
    text-align: center;
    border-width: 1px;
    line-height:1.7;
    transition: all 0.4s;

    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.ab-select-all-wrap .md-check input:checked + i:before,
.ab-select-all-wrap:hover .md-check > i:before{
    border-color: #51cbb5;
    border-width: 1px;
    color:#fff;
    background-color: #51cbb5;
}
.ab-select-all-wrap:hover .md-check > i:after{
    display: table !important;
}
.ab-select-all-wrap .md-check > i:after{
    width: 6px !important;
    height: 6px !important;
    transform: rotate(45deg) !important;
    border: none !important;
    background-color: #51cbb5;
    bottom: -2px;
    top: auto !important;
    left: calc(50% - 3px) !important;
}
span.ab-select-all-wrap {
    width: 26px;
    height: 26px;
    display: flex;
}

.ax-test-list-scp-wrap {
    padding: 10px;
    margin: 0;
    list-style: none;
    max-height: calc(100vh - 477px);
    min-height: 65px;
    overflow: auto;
}
.ax-test-list-scp-wrap:empty{
    display: none;
}
.ax-test-list-scp-wrap > li {
    background-color: #fff;
    border: 1px solid #eff1f5;
    border-radius: 8px;
    margin-bottom: 6px;
    box-shadow: 0 0 0 0 #eff1f5;
    transition: all 0.3s;
    color: #444e5a;
    font-weight: 600;
    overflow: hidden;
    animation: changeStyle .5s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height:54px;
}
.ax-test-list-scp-wrap > li > div{
    height:54px;
}
.ax-test-list-scp-wrap > li .info-w-tooltip.iwt-nowrap-ov {
    justify-content: center;
    max-width: 300px;
}
.ax-test-list-scp-wrap > li .info-w-tooltip.iwt-nowrap-ov > span{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ax-test-list-scp-wrap > li:hover {
    box-shadow: 2px 2px 3px 0 #dee1e6;
}
.ax-test-intro-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}
.backbtn-header{
    display: flex;
    height:100%;
}
.backbtn-header > div{
    width: 46px;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #efefef;
    height: 100%;
    color: #6c6c6c;
    cursor: pointer;
}

.ax-tst-btn-wrap{
    min-width: 34%;
    border-radius: 4px;
    background-color: #66bb6a;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    box-shadow: 0px 2px 5px -1px #b9b9b9;
    transition: all 0.4s;
    text-align: center;
    padding-bottom: 12px;
    padding-top: 13px;
}
.ax-tst-btn-wrap:hover{
    opacity: 0.6;
    box-shadow:none;
}
.ax-test-intro-wrap > span{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #33659b;
    margin: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #33659b;
    font-size: 1.1em;
    line-height: 1;
    text-align: center;
}
.ax-tst-select-wrap {
    display: flex;
    align-items: center;
    min-width: 34%;
    background-color: #2196f3;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    box-shadow: 0px 2px 5px -1px #b9b9b9;
    padding: 0;
    border-radius: 4px;
}
.ax-tst-select-wrap .normal-info-drop-wrap .dropdown-toggle >span {
    color: #ffffff;
}
.ax-tst-select-wrap .normal-info-drop-wrap.range-box-head-cus.with-arrow .dropdown-toggle:after{
    border-color:#fff;
}
.ax-tst-select-wrap .range-box-head-cus.drp-b-h-cus{
    height:41px;
}
.ax-tst-select-wrap .normal-info-drop-wrap.range-box-head-cus.with-arrow .dropdown-toggle >span{
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #fff;
    margin-right: 8px;
    padding-right: 13px;
}
.ax-tst-select-wrap .normal-info-drop-wrap.range-box-head-cus.with-arrow .dropdown-toggle{
    height:41px;
    padding: 0;
    padding-right: 15px !important;
}
.edit-axtest-drp-cus .range-box-head-cus.drp-b-h-cus{
    height: 43px;
}
.edit-axtest-drp-cus .range-box-head-cus.with-arrow .dropdown-toggle{
    height: 100%;
    background-color: #fff;
    border: 1px solid #cfd1d3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-edit-axtest-cus{
    padding-left: 41px;
    padding-right: 40px;
}
.search-bn-list-wrap {
    position: absolute;
    width: 100%;
    top: 46px;
    background-color: #ffffff3d;
    padding: 1rem;
    z-index: 2;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.4s;
    transform: perspective(700px) rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0;
}
.search-bn-list-wrap div > i{
    position: absolute;
    left: 10px;
}
.search-bn-list-wrap button{
    position: absolute;
    right: 13px;
}
.search-bn-list-wrap input{
    border: 1px solid #d5d5d5;
    height: 45px;
    padding: 0 2rem;
}
.search-bn-list-wrap.active{
    transform: perspective(700px) rotateX(0deg);
    visibility: visible;
    opacity: 1
}
.ax-test-list-scp-wrap > li.tv-in-tm {
    animation-name: fadeIn;
    animation-duration: 1s;
}
.ax-test-list-scp-wrap > li.tv-out-tm {
    opacity: 0;
    animation-name: fadeOut;
    animation-duration: 1s;
    height: 0;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    min-height:0 !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
        height:auto;
        overflow:hidden;
    }

    to {
        opacity: 0;

    }
}

.toolbar-calendar-btn {
    width: auto !important;
    z-index: 9;
    background-color: #f3f3f3;
    border-radius: 0 0 0 10px;
    box-shadow: -2px 2px 1px -1px rgba(14, 14, 14, 0.08);
}
.toolbar-calendar-btn:hover .d-rang-cus .dropdown-toggle,
.toolbar-calendar-btn:hover i{
    transform: perspective(800px) translateY(0px) !important;
    transform-origin: center top;
}
.toolbar-calendar-btn .d-rang-cus .dropdown-toggle:after,
.toolbar-calendar-btn .d-rang-cus .dropdown-toggle > i{
    display: none !important;
}

.toolbar-calendar-btn .range-box-head-cus .dropdown-toggle{
    border-radius: 0;
    border: none !important;
    background-color: transparent !important;
    font-size: 0.7em;
    padding: 5px 9px 4px;
}
.toolbar-calendar-btn .d-rang-cus .dropdown-toggle > span{
    font-weight: 600;
    color: #a1a5b7;
    font-size: 1.3em;
}

.toolbar-calendar-btn .d-rang-cus .dropdown-menu{
    left:auto !important;
    right:0 !important;
}
.toolbar-calendar-btn > .btn{
    background-color: transparent !important;
    border:none ;
    border-left: 1px solid #e9e9e9;
    padding-left: 16px;
    transition: all 0.4s;
}
.toolbar-calendar-btn > button > i {
    transition: all 0.4s;
    color: rgb(94, 106, 159);
    font-size: 1.1em !important;
    margin-top: 3px;
}
.toolbar-calendar-btn > button:hover > i {
    transform : perspective(800px) translateY(0px) !important;
    transform-origin: center top;
    color: #009ef7 !important;
}
.box-header.bh-abs.bh-zoom-tools.bh-right-drp .box-tool.bt-exp-wrap.d-w-send-st-wrap.d-w-global .toolbar-calendar-btn .range-box-head-cus{
    min-width: 50px !important;
}
.type-bn-alert-wrap .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span{
    color: #a8acbc;
    font-size: 1.5em;
}
.type-bn-alert-wrap .select-btn-toolbox-wrap .range-box-head-cus.drp-b-h-cus{
    min-width:60px;
}
.type-bn-alert-wrap .range-box-head-cus .dropdown-toggle.lang-cus:after{
    border-color: #5e6a9f !important;
}
.type-bn-alert-wrap .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown:hover > span,
.toolbar-calendar-btn .btn:hover .d-rang-cus .dropdown-toggle > span,
.type-bn-alert-wrap .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown:hover > span i{
    color: #009ef7 !important;
}
.type-bn-alert-wrap .range-box-head-cus .dropdown-toggle.lang-cus.w-full-dropdown > span i{
    margin-right: 10px;
}
.type-bn-alert-wrap .cookiepedia-icon-fa{
    width: 20px;
    height: 24px;
    display: flex;
    float: left;
    -webkit-mask-size: 18px;
    mask-size: 18px;
    background-color: #7a7e86;
}
.type-bn-alert-wrap .select-btn-toolbox-wrap .range-box-head-cus.open .dropdown-menu{
    min-width: 120px !important;
}
.cookiepedia-icon-fa.alert-ck-cus{
    width: 19px;
    height: 19px;
    -webkit-mask-size: 19px;
    mask-size: 19px;
    background-color: #ff8f00;
}
.slct-cookie-cus.cookiepedia-icon-fa{
    width: 17px;
    height: 16px;
    display: flex;
    float: left;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    background-color: #7a7e86;
}
.status-acc-user-wrap.sauw-alert-wrap > span{
    min-width: 150px !important;
}
.drop-arro-lg-cus .range-box-head-cus .dropdown-toggle.lang-cus:after{
    margin-left: 23px;
}
.tab-content-settings-wrap .minicolors-position-top .minicolors-panel {
    top: -256px !important;
}
.tab-content-settings-wrap .minicolors-with-opacity.minicolors-position-top .minicolors-panel {
    top: -232px !important;
}
.select2-container {
    z-index: 10499;
}
.form-legent-syl.fls-slc2-syl .col-form-label{
    z-index: 99999999;
}
.form-legent-syl.fls-slc2-syl.fls-lng-syl .col-form-label{
    z-index: 999999999;
}
.dsar-form-wrap .form-legent-syl.fls-slc2-syl .range-box-head-cus.drp-b-h-cus{
    z-index: 999999997;
}
.dsar-form-wrap .form-legent-syl.fls-select-drop .col-form-label{
    top:8px;
}
.dsar-form-wrap .form-legent-syl.fls-slc2-syl .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top:10px !important;
}
.dsar-form-wrap .pos-sticky{
    z-index: 999999999;
    top: -24px;
}
.main-bx-header{
    background-color: #fff;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
    box-shadow: 0px 4px 7px -5px #e7e7e7;
}
.selection-lang-list-wrap .lg-items {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    margin: 10px 0;
    font-size: 1.2em;
    transition: all 0.2s;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    align-items: center;
    overflow: hidden;
}
.selection-lang-list-wrap .lg-items:hover {
    box-shadow: 0 0 0 0 #02355e;
}
.selection-lang-list-wrap .lg-items:hover .lg-item-action-btn > button {
    box-shadow: 1px 1px 4px 0px #002c52;
}
.selection-lang-list-wrap .lg-items > span {
    width: 67%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 28px;
    font-size: 0.88em;
    top: 2px;
    position: relative;
}
.selection-lang-list-wrap .lg-items > span > i {
    width: 28px;
    height: 28px;
    position: relative;
    top: -6px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px #001e38;
    background-size: cover;
}
.selection-lang-list-wrap .lg-items > i {
    position: absolute;
    bottom: -3px;
    font-size: 2.8em;
    opacity: 0.06;
    left: 0;
}
.selection-lang-list-wrap .lg-items .lg-item-action-btn {
    display: flex;
    flex-direction: row;
}
.selection-lang-list-wrap .lg-items .lg-item-action-btn > button {
    transition: all 0.5s;
    box-shadow: 0 0 0 0px #002c52;
}
.selection-lang-list-wrap .lg-items .lg-item-action-btn > button:hover {
    box-shadow: 0 0 0 0px #002c52;
}

.primary-lang-btn-wrap:hover .primary-lang-btn {
    max-width: 112px;
    transition: all 0.5s;
}
.primary-lang-btn-wrap .primary-lang-btn {
    position: relative;
    overflow: hidden;
    max-width: 13px;
    display: block;
    transition: all 0.5s;
    display: flex;
    align-items: center;
}
.primary-lang-btn-wrap .primary-lang-btn > b {
    font-size: 0.8em;
}
.desc-ellps-single-wrap{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}
.detail-info-fue-wrap .t-w-flag .flag-icon {
    border-radius: 50%;
    overflow: hidden;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-size: 26px;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin-left: 4px;
}
.summary-info-detail-wrap.in-cus-sid-wrap.icsw-dsar-custom{
    max-height: 310px;
}
.msg-field-r-side .dropdown-menu{
    left:auto !important;
    right:0;
}
.nto-overly-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    padding: 1rem 2rem;
    transition: all 0.4s;
    opacity: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 9999;
}
.nto-content-wrap {
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    border-radius: 6px;
    position: relative;
}
.nto-close-btn{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    bottom: calc(100% + 15px);
    left: calc(50% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    cursor: pointer;
}
.cursor-auto{
    cursor: auto;
}
.single-row-holder-st {
    max-width: 200px;
    padding: 6px 1rem;
    position: relative;
}
.status-tb-box.status-valid-box-wrap > div{
    width: 26px;
    min-width: 26px;
    height: 26px;
}
.valid-card-email-template-modal{
    z-index: 105001;
}

ul.btn-list-dl-wrap {
    display: flex;
    align-items: center;
    margin: 0;
    list-style: none;
    padding: 0 0 10px;
}
ul.btn-list-dl-wrap > li{
    margin-right: 10px;
    padding: 6px 15px 6px 6px;
    color: #186ac3;
    font-size: 1em;
    border: 1px solid #186ac3;
    border-radius: 5px;
    margin-top: 10px;
    transition: all 0.4s;
    font-weight: 600;
    cursor: pointer;
}
ul.btn-list-dl-wrap > li > span{
    display: flex;
    align-items: center;
}
ul.btn-list-dl-wrap > li:hover{
    background-color: #186ac3;
    color:#fff;
}
.tmp-cont-btn-wrap {
    box-shadow: 0 0rem 0.6rem rgba(0,0,0,.05)!important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #42a5f5;
    color: #fff;
    font-weight: 400;
    cursor:pointer;
    font-size: 1rem !important;
    transition: all 0.4s;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
}
.tmp-cont-btn-wrap:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 15px;
    background-color: #42a5f5;
    top: 100%;
}
.tmp-cont-btn-wrap:hover{
    opacity: 0.8;
}
.smb-tmp-save-btn{

    height: 25px;
    padding: 2px 6px;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-radius: 3px;
    font-size: 0.9em;
}
.smb-tmp-save-btn.stsb-policy-btn{
    position: absolute;
    top: -30px;
    right: 4px;
}
.smb-tmp-save-btn > span{
    display: flex;
    align-items: center;
}
.modern-info-alert.alert-warning.aw-alert-policy {
    background-color: #fffef1!important;
    border: 1px solid #f7bd00!important;
    border-radius: 10px;
}
.sm-legend-cus {
    position: relative;
    top: 12px;
    z-index:4;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #eaebec;
    border-radius: 6px;
    text-transform: capitalize;
    font-weight: 600;
}

/*Qr Code Share*/
.menu-open-button {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-bottom: 0;
    color: #FFFFFF;
    display:flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translate3d(4px, 4px, 0);
    transform: translate3d(4px, 4px, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms,background 0.3s,color 0.3s;
}
.c-share {
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    z-index: 12;
}

.c-share__input {
    display: none;
}

.c-share__input:checked ~ .menu-open-button .c-share__icon:before {
    content: "\f00d";
}
.c-share__input:checked ~ .c-share__toggler .c-share__icon::before {
    transform: rotate(-45deg);
}
.c-share__input:checked ~ .c-share__toggler .c-share__icon::after {
    transform: rotate(45deg);
}
.c-share__input:checked ~ .c-share_options {
    width: 11.0625em;
    height: 17em;
    border-radius: 0.3125em;
}
.c-share__input:checked ~ .c-share_options::before,
.c-share__input:checked ~ .c-share_options li {
    transition: 0.3s 0.15s;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.c-share__toggler,
.c-share_options {
    position: absolute;
    right: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    background-color: #f2f2f2;
}

.c-share__toggler {
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-share_options {
    list-style: none;
    margin: 0;
    padding: 0.0625em 0.25em;
    box-sizing: border-box;
    /*overflow: hidden;*/
    box-shadow: 0 1px 5px 0 rgba(179, 179, 179, 0.48);
    transition: 0.2s;
}
.c-share_options::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    margin-top: 8px;
    text-align: left;
    padding-left: 8px;
}
.c-share_options li {
    font-size: 0.875em;
    color: #464646;
    cursor: pointer;
}
.c-share_options li:not(:last-child) {
    margin-bottom: 0.75em;
}
.c-share_options::before,
.c-share_options li {
    opacity: 0;
    transform: translateY(0.625em);
    transition: 0s;
    visibility: hidden;
}
.menu-open-button {
    z-index: 2;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

.menu-open-button:hover {
    -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

/*Share Button END*/
.prgs-xxs-wrap .progress-xs {
    height: 4px;
}
.prgs-valid-cus .progress-xs {
    height: 6px;
}
.prgs-valid-cus small {
    font-weight: 600;
}
.pre-frame-main-wrap{
    transition: all 0.3s;
    transform: perspective(8000px) rotateX(90deg);
    transform-origin: center center;
    position: absolute;
    opacity: 0;
    z-index: 1;
}
.pre-frame-main-wrap.active{
    transform: perspective(8000px) rotateX(0deg);
    opacity: 1;
    z-index: 2;
}
.event-trgr-main-wrap{
    transition: all 0.3s;
    transform: perspective(8000px) rotateX(-90deg);
    transform-origin: center center;
    opacity: 0;
    z-index: 1;
    position: absolute;
    background-color: #dedede;
    overflow: auto;
}
.event-trgr-main-wrap.active{
    opacity: 1;
    z-index: 2;
    transform: perspective(8000px) rotateX(0deg);
}
.bn-prw-action-btn-wrap{
    position: absolute;
    top: -28px;
    right: 4px;
    height: 25px;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-radius: 3px;
    font-size: 0.9em;
}
.event-trgr-main-wrap .tb-left-side-wrap > div{
    background-color: transparent !important;
    border:none !important;
    padding:0 !important;
}
.event-trgr-main-wrap .tb-left-side-wrap > div .nav-active-border{
    background-color: transparent !important;
}
.event-trgr-main-wrap .tb-left-side-wrap .nav-sm .nav-link{
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.event-trgr-main-wrap .tb-left-side-wrap .nav-sm .nav-link.active{
    background-color: #2196f3 !important;
    color: #fff !important;
    border-radius: 10px;
}
.event-trgr-main-wrap .tb-left-side-wrap .nav-sm > .nav-item:last-child .nav-link{
    background-color: #fff;
    color: inherit;
}
.event-trgr-main-wrap .tb-left-side-wrap .nav-sm > .nav-item:last-child .nav-link i{
    display: none !important;
}
.event-trgr-main-wrap pre{
    width: 100%;
    word-break: break-word;
    position: relative;
    overflow: hidden;
    padding:10px;
}
.event-trgr-main-wrap .CodeMirror {
    height: 260px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 2px 2px rgba(14, 20, 22, 0.15);
}
.code-format-btn-ico {
    border: 1px solid #263238;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #263238;
}
.head-event-trgr-wrap h6{
    font-size: 1.8em;
    color: #252f3e;
    font-weight: 700;
    margin-bottom: 0;
}
.n-t-save > div{
    pointer-events: none;
}
.live-mode-wrap.lmw-trgg-wrap .tgl + .tgl-btn{
    height: 25px;
    padding: 2px 6px;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-radius: 3px;
    font-size: 0.9em;
    width:11em !important;
}
.live-mode-wrap.lmw-trgg-wrap .tgl-flip + .tgl-btn:after, .live-mode-wrap.lmw-trgg-wrap  .tgl-flip + .tgl-btn:before{
    border-radius:3px !important;
    line-height: 2.5;
    padding-left: 1.4rem !important;
    background-size: 16px !important;
}
.live-mode-wrap.lmw-trgg-wrap .tgl-flip + .tgl-btn:before{
    background: #2782cb url(../../images/trigger.svg) no-repeat;
    background-position: center left 10px !important;
}
.live-mode-wrap.lmw-trgg-wrap .tgl-flip + .tgl-btn:after{
    background: #37a272 url(../../images/preview.svg) no-repeat;
    background-position: center left 6px !important;
}
.lang-defualt-settings-wrap .d-lang-banner-flag{
    border:1px solid #e4e6e8;
    border-radius: 4px;
    width:auto;
    padding:4px;
}

.lang-defualt-settings-wrap .d-lang-banner-flag .dropdown-toggle > span > span{
    float:left;
}
.cpl-drp-cus .range-box-head-cus{
    border:1px solid #e4e6e8;
    border-radius: 4px;
    width:auto;
    padding:4px;
}
.cpl-drp-cus .range-box-head-cus .dropdown-toggle > span{
    width:100%;
}
.cpl-drp-cus .range-box-head-cus .dropdown-toggle > span > span{
    float:left;
}
.info-inpt-tooltip-i.audit-tb-iit > div{
    visibility: hidden;
    transition: all 0.4s;
    transform: rotateX(90deg);
    opacity: 0;
    background-color: #2196f3;
    border-radius: 10px;
    position: absolute;
    padding: 6px 10px;
    color: #fff;
    width: 210px;
    left: calc(100% + 5px);
    bottom: 2px;
    top:auto;
    z-index: 222;
}
.info-inpt-tooltip-i > div:after{
    top:auto;
    bottom: 5px;
}
.fls-w-hlp.form-legent-syl .col-form-label{
    padding: 0 6px 0 !important;
    margin-bottom: 0;
    background-color: #fff;
    transform: translate(22px ,0px);
    position: relative;
    z-index: 1;
    display: flex;
    font-size: 0.8em;
    color: #858585;
    position: absolute;
    height: 1px;
    line-height: 1px;
}
.fls-w-hlp.form-legent-syl .col-form-label .info-inpt-tooltip-i > span{
    width: 18px;
    height: 18px;
}
.fls-w-hlp.form-legent-syl .col-form-label .info-inpt-tooltip-i > div:after{
    top: 3px;
    bottom: auto;
    height: 12px;
    transform: rotate(86deg);
    left: -3px;
}
.fls-w-hlp.form-legent-syl .col-form-label .info-inpt-tooltip-i.audit-tb-iit > div{
    line-height: 1.2;
    font-size: 1.1em;
    bottom: auto;
    top: 2px;
}
.sc-2-mh-64.mlt-slc-fls .select2-container--default .select2-selection--multiple{
    padding: 6px;
    min-height: 72px;
}
.sc-2-mh-64.mlt-slc-fls .select2-container--default .select2-selection--multiple:after{
    border: none;
    border-bottom: 2px solid #55595c;
    border-right: 2px solid #55595c;
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
    right: 10px;
    top: 16px;
    width: 7px;
    height: 7px;
    position: absolute;
    display: block;
    content: "";
}
.sc-2-mh-64.mlt-slc-fls .select2-container .select2-selection__rendered li.select2-search--inline:after{
    display: none !important;
}
.sc-2-mh-64.mlt-slc-fls .select2-container .select2-selection__rendered li.select2-search--inline:last-child{
    width:auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice[title="Strictly Necessary"] {
    padding: 3px 8px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice[title="Strictly Necessary"] .select2-selection__choice__remove{
    display: none;
}
.i-w-btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px dashed #dfdfdf;
}
.i-w-btn-wrap:last-child{
    border-bottom: none;
}
.i-w-btn-wrap h6 {
    font-size: 1em;
    color: #466e91;
    line-height: 1.3;
    padding: 0 8px;
}
.info-inpt-tooltip-i.iiti-align > div{
    top:auto;
    bottom:-3px;
}
.renew-set-date-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 8px;
    border-radius: 6px;
    margin-top: 10px;
    color: #0269c2;
}
.renew-set-date-wrap > small{
    color: #878787;
    font-weight: 500;
    font-size: 0.86em;
}
.new-m-l-wrap {
    padding: 1rem;
    background-color: #fafafa;
    border-radius: 7px;
    border: 1px solid #efefef;
}
.new-m-l-wrap .btn-w-icon-material{
    padding: 14px 10px 14px 48px;
    width: 100%;
    margin-top: 4px;
    font-weight: 600;
}

.fls-select-normal-drop .range-box-head-cus .dropdown-toggle.lang-cus{
    padding: 13px 12px !important;
    margin-top: 0;
    display: flex;
    align-items: center;
}
.menu-links-list-syl-wrap{
    min-height: 100px;
    max-height: 380px;
    height: auto;
    overflow: visible;
    padding-bottom: 10px;
    position: relative;
}
.menu-links-list-syl-wrap:after{
    position: absolute;
    content: "";
    width: 18px;
    height: calc(100% - 46px);
    left: -19px;
    top: -8px;
    border-left: 1px dashed #d5d5d5;
    border-bottom: 1px dashed #d5d5d5;
    border-bottom-left-radius: 8px;
}
.menu-links-list-syl-wrap > li{
    width:100%;
    position: relative;
}
.menu-links-list-syl-wrap > li:after{
    position: absolute;
    content: "";
    width: 18px;
    height: 1px;
    right: 100%;
    top: calc(75px / 2);
    border-bottom: 1px dashed #d5d5d5;
    display: block !important;
}
.menu-links-list-syl-wrap > li:last-child:after{
    display: none !important;

}
.menu-links-list-syl-wrap > li .list-left{
    width:100%;
}
.menu-links-list-syl-wrap > li .remove-row-cmp-btn{
    height: 42px;
    margin-top: 4px;
    width: 42px;
    border-color: #e4e6e8;
    transition: all 0.4s;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > .dbi-btn-main{
    background-color: #4e95e9;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px;
    cursor: pointer;
    transition: all 0.4s;
}
.tmbw-links-wrap.theme-mockup-box-wrap {
    padding: 1rem 0 1rem 2rem;
    height:300px;
}
.tmbw-links-wrap .tmb-notic-wrap .mockup-method{
    justify-content: flex-end;
    padding: 10px;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > .dbi-btn-main svg {
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: rotate(0deg);
    transition: all 0.2s;
    animation: roundedAnim 0.6s ease;
    transform-origin: center;
}
@keyframes roundedAnim {
    0% {
        transform: perspective(500px) rotateY(360deg);
    }

    100% {
        transform: perspective(500px) rotateY(0deg);
    }
}
.tmbw-links-wrap .tmb-notic-wrap .mockup-method > ul{
    margin: 0;
    padding:0 0 0 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > ul li{
    width:auto !important;
    float:left;
    height:25px;
    border-radius: 25px;
    background-color: #4e95e9;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg) translateY(-200%);
    transform-origin: center;
    cursor: pointer;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    padding: 4px 12px;
    /*transition: all 0.4s;*/
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method:hover > ul li{
    opacity: 1 !important;
    transform: perspective(400px) rotateX(0deg) translateY(0%);
}
.tmbw-links-wrap.active  .tmb-notic-wrap .mockup-method > ul li{
    animation: widgetLoad 1s ease-out;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > ul li:hover{
    background-color: #285fa1;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > ul li:nth-child(1){
    width:80px;
    transition: all 100ms ease 0s;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > ul li:nth-child(2){
    width:90px;
    transition: all 200ms ease 66.6667ms;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > ul li:nth-child(3){
    width:100px;
    transition: all 400ms ease 133.333ms;
}
.tmbw-links-wrap  .tmb-notic-wrap .mockup-method > ul li:nth-child(4){
    transition: all 800ms ease 266.667ms;
}
.tmbw-links-wrap .tmb-notic-wrap .mockup-method > .dbi-btn-main:hover{
    outline:2px solid rgba(126, 126, 126, 0.33);
    opacity: 0.8;
}
.menu-links-list-syl-wrap:empty:after{
    display: none !important;
}
.menu-links-list-syl-wrap:empty:before{
    content: "No links found for this language.";
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 1rem;
    font-weight: 600;
    margin-top: 10px;
    box-shadow: 0px 0px 7px -2px #d9d9d9 inset;
}
.tmbw-links-wrap .tmb-notic-wrap{
    border-radius: 6px;
}
.tmbw-links-wrap .tmb-notic-wrap .mockup-method > .dbi-btn-main > span{
    position: absolute;
    left: calc(100% + 20px);
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #639de1;
    top: 11px;
}
.tmbw-links-wrap .tmb-notic-wrap .mockup-method > .dbi-btn-main > span > i{
    animation: bounceArrowLeft 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@keyframes bounceArrowLeft {
    50% {
        transform: translateX(-8px);
    }
}
/*Dashboard*/
.flip-list-wrap {

    overflow: hidden;
    position: relative;
}
.flip-list-wrap.active > .hidden-content {
    transform: none;
}

.flip-list-wrap.active > .visible-content {
    transform: translateX(0) translateY(-100%);
}
.flp-icon-head{
    width: 36px;
    height: 30px;
    color: #666;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    transition: all 0.4s;
    position: absolute;
    right: 0;
    border-right: none;
    z-index: 8;
}
.flp-icon-head:hover{
    color: #2196f3;
    border-color: #2196f3;
}
.flp-icon-head > span{
    position: absolute;
    white-space: nowrap;
    right: calc(100% + 5px);
    font-size: 0.8em;
    opacity: 0;
    transition: all 0.2s;
}
.flp-icon-head.rbot-w > span{
    right: 5px;
    top: calc(100% + 2px);
}
.flp-icon-head:hover > span{
    opacity: 1;
}
.box-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease-in-out;

}
.hidden-content {
    transform: translateX(0) translateY(100%);
}
/*Dashboard END*/
.f-list-chr-wrap .w-scroll-cloud {
    position: relative;
    overflow: auto;
    height: 100%;
}
.no-data-chr{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #838383;
}
.no-data-chr > img{
    width: 35%;
    height: 45%;
}
.no-data-chr.ndc60 > img{
    width:60%;
    height:60%;
}
.box-header.bh-abs.bh-abs-nozx {
    z-index: unset;
}
.toolbar-button-wrapper.tbw-scroll-wrap.ticket-cus-mr > .item-element{
    margin-right: -1rem;
}
.prf-frame-wrap {
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 10px;
    margin: auto;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 0.63);
}
.prf-frame-wrap > img{
    width:100%;
}
.policy-themes-wrapper.dsar-form-wrap .counter {
    font-weight: 600;
    background-color: #c5c5c5;
    padding: 0px 6px;
    margin-top: 3px;
    border-radius: 25px;
    box-shadow: 0px 0px 2px 1px #b7b7b7 inset;
}
.policy-themes-wrapper.dsar-form-wrap .policy-inner-start-build-wrap .cf-wizard-steps-status ul li:last-child .cf-w-status-tooltip{
    left: calc(50% - 72px);
}

.container-f-view-wrap{
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}
.container-f-view-wrap .fv-form-view{
    display: flex;
    flex-direction: column;
    width: 400px;
    height: 315px;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px 0 #f5f5f5;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    align-items: center;
    padding: 1.5rem 1rem;
    position: relative;
}
.container-f-view-wrap .fv-alert-box-wrap:after{
    position: absolute;
    content: "";
    width: 30px;
    height: 14px;
    border-top: 3px solid #2196f3;
    border-right: 3px solid #2196f3;
    top: 6px;
    right: 6px;
    border-top-right-radius: 10px;

    opacity: 0.2;
}
.container-f-view-wrap .fv-alert-box-wrap:before{
    position: absolute;
    content: "";
    width: 30px;
    height: 14px;
    border-right: 3px solid #2196f3;
    top: 28px;
    right: 6px;
    opacity: 0.2;
}
.container-f-view-wrap .fv-alert-box-wrap{
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px 0 #f5f5f5;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    width: 400px;
    height: 70px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    position: relative;
    color: #010238;
}
.fv-alert-logo-frame{
    width: 40px;
    min-width: 40px;
    height: 60px;
    min-height: 60px;
    display: flex;
    align-items: center;
}
.container-f-view-wrap .form-legent-syl .form-control{
    border-radius: 25px;
    background-color: #f9f9f9;
    border-color: #e7eaf1;
    resize: none;
    color: #090d4a;
}
.fv-alert-logo-frame .cookiepedia-icon-fa{

}
.container-f-view-wrap .btn-w-icon-material.btn-warning {
    width: auto;
    min-width: unset;
    height: 40px;
    min-height: 40px;
    border-radius: 30px;
    padding: 0 16px 0 0;
    top: 1.3rem;
    align-self: center;
    right: 0rem;
    box-shadow:unset;
    transition: all 0.4s;
    transform: perspective(400px) rotateY(0deg);
    cursor: auto;
}
.container-f-view-wrap .btn-w-icon-material.btn-warning i{
    background-color: rgba(0,0,0,0.1);
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    position: relative;
    margin-right: 1rem;
    border-radius: 50%;
    font-size: 1.3em;
}
.container-f-view-wrap .form-legent-syl .col-form-label{
    background-color: #f9f9f9;
    padding: 0 8px 0 !important;
    margin-left: 10px;
}
.container-f-view-wrap .btn-w-icon-material{
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
    position: relative;
    top: 1rem;
    align-self: end;
    right: 2rem;
    box-shadow: 3px -1px 10px 3px rgba(92,184, 92, 0.52);
    transition: all 0.4s;
    transform: perspective(400px) rotateY(-8deg);
    transform-origin: center right;
}
.container-f-view-wrap .btn-w-icon-material:hover{
    transform: perspective(400px) rotateY(0deg);
}
.container-f-view-wrap .btn-w-icon-material i{
    width:100%;
    background-color: transparent;
    font-size:2em;
}
.ic-capacity-main-wrap{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.lic-capacity-progress-wrap{
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 10px;
}
.helper-parph{
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    cursor: help;
    text-transform: capitalize;
}
.bck-list-wrap > li.active.deactivated-list{
    border: 1px solid #eff1f5;
    background-color: #fff;
    box-shadow: 0 0 0 0 #eff1f5;
}
.eye-drp-color {
    position: absolute;
    right: 6px;
    top: calc(50% - 10px);
    cursor: pointer;
    opacity: 1;
    transition: all 0.4s;
    color: #2a2f39;
    background-color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    box-shadow: -10px 0px 5px -2px #fff;
}
.eye-drp-color >i{
    opacity: 0.4;
    transition: all 0.4s;
}
.eye-drp-color:hover >i{
    opacity: 1;
}
.rb-selekton-wrap{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
}
.rb-selekton-wrap .tab-to-style-editor{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: perspective(700px) rotateY(-90deg);
    transform-origin: right center;
    width:100%;
    transition: all 0.4s;
}

.rb-selekton-wrap.active_code .tab-to-style-editor{
    visibility: visible;
    opacity: 1;
    transform: perspective(700px) rotateY(0deg);
}
.rb-selekton-wrap .tab-content-settings-wrap{
    width:100%;
    visibility: visible;
    opacity: 1;
    transform: perspective(700px) rotateY(0deg);
    transform-origin:left center;
    transition: all 0.3s;
}
.rb-selekton-wrap.active_code .tab-content-settings-wrap{
    visibility: hidden;
    opacity: 0;
    transform: perspective(700px) rotateY(90deg);
}

.rb-selekton-wrap .tab-to-style-editor > div{
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    /*min-height: 420px;*/
    max-height: 420px;
    border-radius: 6px;
}

.rb-selekton-wrap .tab-to-style-editor > div pre{
    width:100%;
    word-break: break-word;
    position: relative;
    overflow: hidden;
}
.rb-selekton-wrap .tab-to-style-editor > div  pre .fa-copy{
    position: absolute;
    background-color: #fff;
    color: #2196f3;
    z-index: 20;
    right: 8px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 10px;
    cursor: pointer;
    transition: all 0.3s;
    transform: perspective(1000px) rotateY(90deg);
    visibility: hidden;
    opacity: 0;
}
.rb-selekton-wrap .tab-to-style-editor > div pre:hover .fa-copy{
    transform: perspective(1000px) rotateY(0deg);
    visibility: visible;
    opacity: 1;
}
.rb-selekton-wrap .tab-to-style-editor > div  .CodeMirror{
    width: 100%;
    border-radius: 0 0 6px 6px;
    height: calc(400px - 128px);
    border-top: none;
    overflow: hidden;
}
.cs-head-line-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cs-head-line-wrap h6{
    color: #293e54;
}
.cs-head-line-wrap .code-tools-b{
    height: 40px;
    width:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #293e54;
    cursor: pointer;
}
.cs-head-line-wrap .code-tools-b .item-tooltip{
    padding:6px !important;
}
.cs-head-line-wrap .code-tools-b.active{
    color:blue !important;
}
.cus-editor-tabline-wrap {
    width: 100%;
    background-color: #172025;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;

}
.cus-editor-tabline-wrap > ul{
    margin: 0;
    padding: 0 4px;
    display: flex;
    flex-direction: row;

    align-items: center;
}
.cus-editor-tabline-wrap > ul > li{
    padding: 5px 1.5rem 5px 2rem;
    margin-top: 8px;
    position: relative;
    color: #939393;
    transition: all 0.3s;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.cus-editor-tabline-wrap > ul > li:after{
    position: absolute;
    width: 6px;
    height: 6px;
    left: 20px;
    top: calc(50% - 3px);
    background-color: #3db72e;
    content: '';
    transition: all 0.2s;
    border-radius: 50%;
    opacity: 0.2;
}
.cus-editor-tabline-wrap > ul > li.active:after{
    opacity: 1;
}
.cus-editor-tabline-wrap > ul > li:hover{
    color: #fff;
    background-color: #313a3d;
}
.cus-editor-tabline-wrap > ul > li:last-child:hover:not(.active){
    border-top-left-radius: 0;
}
.cus-editor-tabline-wrap > ul > li.active{
    color: #fff;
    background-color: #263238;
    box-shadow: 0px -2px 6px -1px #121517;
}
.chg-to-mobile-wrap{
    min-height: 700px;
}
.chg-to-mobile-wrap .browser-mockup{
    background-color: #303742;
    background-image: linear-gradient(45deg, #3b4450 25%, transparent 25%), linear-gradient(-45deg, #3b4450 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #3b4450 75%), linear-gradient(-45deg, transparent 75%, #3b4450 75%);
    background-size: 20px 20px;
    background-position: 0px 0px, 0px 10px, 10px -10px, -10px 0px;
    border-top: 2.5em solid #cdcdcd;
    padding: 1rem 0;
}
.bwr-mobile-config{
    position: relative;
    width: 300px;
    height: 600px;
    margin: 2.2rem auto 1rem;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 0 14px #959595, 0 0 0 16px #bbbbbb;
}
.pre-frame-main-wrap > .ph-mockup__notch{
    display: none;
}
.bwr-mobile-config > .ph-mockup__notch{
    display: block;
    position: absolute;
    z-index: 10;
    width: 95px;
    height: 24px;
    top: 2.563063%;
    left: calc(50% - 46px);
    border-radius: 30px;
    background: rgba(10, 10, 10, 0.75);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.bwr-mobile-config > .ph-mockup__notch::before {
    top: 11px;
    left: 77%;
    width: 1.66px;
    filter: blur(0.566461px);
    height: 3.22px;
    z-index: 2;
    content: "";
    position: absolute;
    transform: rotate(-135deg);
    background: rgba(62, 137, 204, 0.79);
    box-shadow: -4px 5px 0px 0px rgba(62, 137, 204, 0.79);
    border-radius: 50%;
}
.bwr-mobile-config > .ph-mockup__notch::after {
    content: "";
    position: absolute;
    width: 10.056872%;
    height: 39.170213%;
    top: 31.425532%;
    left: 76.824645%;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #202836 68.49%, #3e424a 100%);
}
.CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9;
}
span.tb-logo-frame {
    width: 45px;
    min-width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #F5F8FA;
    margin-right: 6px;
}
.sub-act-wrap{
    display: flex;
    flex-direction: column;
    line-height: 1;
    padding-left: 8px;
    position: relative;
    margin-top: 3px;
    font-size: 0.9em;
    color: #909090;
    padding-top: 6px;
}
.sub-act-wrap > small{
    font-size: 0.8em;
    margin-bottom: 3px;
}
.main-act-wrap{
    position: relative;
}
.main-act-wrap:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ddd;
    left: -1px;
    top: 7px;
}
.main-act-wrap:before{
    position: absolute;
    content: '';
    width: 1px;
    height: 62%;
    border-left: 1px dashed #ddd;
    left: 1px;
    top: 7px;
}
.sub-act-wrap:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid #ddd;
    left: -1px;
    top: 10px;
}
.sub-act-wrap:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    left: -6px;
    top: 12px;
}
.fs-w-new-frm-chk{
    position: relative;
}
.fs-w-new-frm-chk .col-form-label > .label{
    position: absolute;
    right: 70px;
    top: 18px;
    opacity: 0.6;
}
.nbla-txt-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    padding: 0 0 15px;
    margin: 18px 0 16px;
    width: 100%;
    border-bottom: 1px dashed #f3f3f3;
}
.sw-act-wrap{
    margin: 0 ;
    float: left;
    width: 100%;
    display: block;
}
.sw-act-wrap.sw-active{
    box-shadow: 0 0 5px 0 rgba(145, 145, 145, 0.25);
    padding: 1rem 1rem 0 1rem;
    border-radius: 5px;
    transition: all 0.6s;
    border-bottom: 2px solid #2196f3 !important;
    background-color:#fff;
}



.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    z-index:1000000;
}

.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.drop-up {
    margin-top: -7px;
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
    padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.daterangepicker .ranges li:hover {
    background-color: #eee;
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 140px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
        float: left;
    }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.acc-subject {
    background-color: #ed7d3185 !important;
    color:black !important;
    font-weight: bold;
}
.acc-main {
    background-color: #BDD7EE !important;
    color:black !important;
    font-weight: bold;

}


.ul-li-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}


.modal[data-backdrop="false"]{
    background-color: rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.modal[data-backdrop="false"] .cl-btn-f-close {
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 100%;
    font-size: 2em;
    cursor: pointer;
    color: #585858;
}

.border-solid th, .border-solid td {
    border: 1px solid black !important
}



.calendar{
    padding:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    direction:ltr;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.calendar:after{
    clear:both;
    content:"";
    display:block
}
.calendar.calendar-rtl{
    direction:rtl
}
.calendar.calendar-rtl table tr td span{
    float:right
}
.calendar table{
    margin:auto
}
.calendar table td,.calendar table th{
    text-align:center;
    width:20px;
    height:20px;
    border:none;
    padding:4px 5px;
    font-size:12px
}
.calendar .calendar-header{
    width:100%;
    margin-bottom:20px
}
.calendar .calendar-header table{
    width:100%
}
.calendar .calendar-header table th{
    font-size:22px;
    padding:5px 10px
}
.calendar .calendar-header table th:hover{
    background:#eee;
    cursor:pointer
}
.calendar .calendar-header table th.disabled,.calendar .calendar-header table th.disabled:hover{
    background:0 0;
    cursor:default;
    color:#fff
}
.calendar .calendar-header table th.next,.calendar .calendar-header table th.prev{
    width:20px
}
.calendar .year-title{
    font-weight:700;
    text-align:center;
    height:20px;
    width:auto
}
.calendar .year-neighbor{
    color:#aaa
}
.calendar .year-neighbor2,.calendar table.month tr td.disabled,.calendar table.month tr td.disabled:hover{
    color:#ddd
}
.calendar .months-container{
    width:100%;
    display:none
}
.calendar .month-container{
    text-align:center;
    height:200px;
    padding:0
}
.calendar table.month th.month-title{
    font-size:16px;
    padding-bottom:5px
}
.calendar table.month th.day-header{
    font-size:14px
}
.calendar table.month tr td,.calendar table.month tr th{
    padding:0
}
.calendar table.month tr td.hidden,.calendar table.month tr th.hidden{
    display:none
}
.calendar table.month td.week-number{
    cursor:default;
    font-weight:700;
    border-right:1px solid #eee;
    padding:5px
}
.calendar .round-left{
    -webkit-border-radius:8px 0 0 8px;
    -moz-border-radius:8px 0 0 8px;
    border-radius:8px 0 0 8px
}
.calendar .round-right{
    webkit-border-radius:0 8px 8px 0;
    -moz-border-radius:0 8px 8px 0;
    border-radius:0 8px 8px 0
}
.calendar table.month tr td .day-content{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:5px 6px
}
.table-striped .calendar table.month tr td,.table-striped .calendar table.month tr th{
    background-color:transparent
}
.calendar table.month td.day .day-content:hover{
    background:rgba(0,0,0,.2);
    cursor:pointer
}
.calendar table.month td.day.disabled .day-content:hover,.calendar table.month tr td.new,.calendar table.month tr td.new:hover,.calendar table.month tr td.old,.calendar table.month tr td.old:hover{
    background:0 0;
    cursor:default
}
.calendar table.month tr td.range .day-content{
    background:rgba(0,0,0,.2);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.calendar table.month tr td.range.range-start .day-content{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.calendar table.month tr td.range.range-end .day-content{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.calendar-context-menu,.calendar-context-menu .submenu{
    border:1px solid #ddd;
    background-color:#fff;
    box-shadow:2px 2px 5px rgba(0,0,0,.2);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);
    position:absolute;
    display:none
}
.calendar-context-menu .item{
    padding:5px 10px;
    cursor:pointer;
    display:table;
    width:100%
}
.calendar-context-menu .item:hover{
    background:#eee
}
.calendar-context-menu .item .content{
    display:table-cell
}
.calendar-context-menu .item span{
    display:table-cell;
    padding-left:10px;
    text-align:right
}
.calendar-context-menu .item span:last-child{
    display:none
}
.calendar-context-menu .submenu{
    left:100%;
    margin-top:-6px
}
.calendar-context-menu .item:hover>.submenu{
    display:block
}


/* Borç Hatırlatma */
.debt-notification-alt {
    /*font-family: 'Segoe UI', -apple-system, sans-serif;*/
    /*background: linear-gradient(to bottom, #e6f3fa, #f7fafc);*/
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

.debt-notification-alt .notification-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
    padding: 25px;
    max-width: 400px;
    width: 100%;
    text-align: left;
    border: 1px solid #e2e8f0;
    animation: fadeInUp 0.6s ease-out;
}

.debt-notification-alt .notification-header {
    background: linear-gradient(90deg, #3182ce, #63b3ed);
    color: #ffffff;
    padding: 20px;
    border-radius: 12px 12px 0 0;
    margin: -25px -25px 20px -25px;
    position: relative;
    font-size: 1.8em;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.debt-notification-alt .notification-header::before {
    content: '📢';
    font-size: 1.2em;
}

.debt-notification-alt .notification-header .recommended {
    background: #a0aec0;
    color: #ffffff;
    padding: 5px 15px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}

.debt-notification-alt .debt-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.debt-notification-alt .debt-amount {
    font-size: 2em;
    color: #2d3748;
    font-weight: 700;
    position: relative;
    padding-left: 30px;
}

.debt-notification-alt .debt-amount::before {
    content: '₺';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #3182ce;
}

.debt-notification-alt .due-date {
    font-size: 0.9em;
    color: #718096;
}

.debt-notification-alt .progress-bar {
    height: 8px;
    background: #edf2f7;
    border-radius: 4px;
    overflow: hidden;
    margin: 15px 0;
}

.debt-notification-alt .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #f6ad55, #ed8936);
    width: 0;
    transition: width 1s ease-in-out;
}

.debt-notification-alt .notification-message {
    color: #4a5568;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 20px;
}

.debt-notification-alt .pay-button {
    background: #3182ce;
    color: #ffffff;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 1em;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.debt-notification-alt .pay-button:hover {
    background: #2b6cb0;
    transform: translateY(-2px);
}

.debt-notification-alt .pay-button:active {
    transform: translateY(0);
}

.debt-notification-alt .pay-button::after {
    content: '→';
    font-size: 1.2em;
}

/* Animasyonlar */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Tasarım */
@media (max-width: 500px) {
    .debt-notification-alt .notification-card {
        margin: 15px;
        padding: 20px;
    }

    .debt-notification-alt .notification-header {
        font-size: 1.5em;
        padding: 15px;
        margin: -20px -20px 15px -20px;
    }

    .debt-notification-alt .debt-amount {
        font-size: 1.8em;
    }

    .debt-notification-alt .pay-button {
        font-size: 0.9em;
    }
}

.banner {
    font-family: 'Segoe UI', -apple-system, sans-serif;
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 500px;
    z-index: 105001;
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: slideDown 0.5s ease-out;
}

.banner.hidden {
    display: none;
}

.banner-message {
    font-size: 1.1em;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 105001;
}

.close-btn {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2em;
    cursor: pointer;
    padding: 0 10px;
    transition: color 0.3s ease;
}

.close-btn:hover {
    color: #f3f4f6;
}

/* Renk Kombinasyonları */
.banner.success {
    background: linear-gradient(90deg, #48bb78, #38a169);
}

.banner.error {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}

.banner.info {
    background: linear-gradient(90deg, #4299e1, #3182ce);
}

/* Tür Bazlı Efektler */
.banner.success {
    animation: bounce 0.5s ease-out;
}

.banner.error {
    animation: shake 0.5s ease-out;
}

.banner.info {
    animation: fadeIn 0.5s ease-in;
}

/* Animasyon Tanımları */
@keyframes slideDown {
    from {
        top: -50px;
        opacity: 0;
    }
    to {
        top: 20px;
        opacity: 1;
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(-50%) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(-50%) translateY(0) rotate(5deg);
    }
    75% {
        transform: translateX(-50%) translateY(0) rotate(-5deg);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Responsive Tasarım */
@media (max-width: 500px) {
    .banner {
        width: 85%;
        padding: 10px 15px;
    }

    .banner-message {
        font-size: 1em;
    }
}