[data-translate] {

}

#list-tab [connect] {
    color: white;
    cursor: pointer;
    float: right;
    clear: right;
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1rem;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sum-table tr:last-child td {
    font-weight: bold;
}

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

.page-drop { height: 28px; }

.fs-12 { font-size : 12px;}
.fs-14 { font-size : 14px;}


.no-margin {
    margin: 0px !important;
}
.no-padding {
    padding: 0px !important;
}

.list-sm li.list-item {
    padding: 4px 2px;
}

/* font-sizes */
.ts-14 {font-size: 14px !important; }
.ts-16 {font-size: 16px !important;}
.ts-20 {font-size: 20px !important;}

.mmw-30 {
    min-width: 30px;
    float: left;
    padding:0.25rem;
}

.wm-200 {
    min-width: 200px;
}



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


/* Scroll */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    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.4);
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    border-radius: 4px;
}



div.relative {
    position: relative;
    overflow: visible;
}
.ov-vis{
    overflow: visible;
}
div.ov-hid {
    overflow: visible;
    transition: all 0.3s
} 

.hideSide {
    width: 40px !important;
    transition: all 0.3s
}

.hideSide  .ov-hid{
    display: none;
}

.trans05{
    transition: all 0.3s;
}

a.custom-asid-btn {
    position: absolute;
    right: -30px;
    display: block !important;
    opacity: 1 !important;
    cursor: pointer;
    z-index: 100;
    padding-top: 0 !important;
    top: 42px;
    opacity: 0.5 !important;
    transition: all 0.5s;
} 

@media (max-width: 1024px) {
    a.custom-asid-btn {
        display: none !important;
    }
}

a.custom-asid-btn:hover {
    opacity: 1 !important;
}
a.custom-asid-btn span{
    border-radius: 50%;
    transition: all 0.5s;
}

a.custom-asid-btn.in span i:before{
    transition: all 0.5s;
    content:"\f054";
}


.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: normal;
    /*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: -5px;
}
.item-tooltip.top {
    transform: perspective(1000px) rotateX(90deg);
    transform-origin: bottom;
    bottom: calc(100% + 15px);
}
.item-tooltip.top:after {
    bottom: -5px;
    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;

}
.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);
}


.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: hidden;}
.mh-300 {max-height: 300px !important; overflow: auto;}
.mh-400 {max-height: 400px !important; overflow: auto;}
.mh-600 {max-height: 600px !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%
}



.cell {
    display: table-cell;
}

.nopointer {
    cursor: default;
}
.z-0 {
    z-index: 0 !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;
}


/*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: capitalize;
    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.**/

/** 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:#d7dcdf;outline:none;padding:0;margin:0}
.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:#1abc9c}
.range-slider__range:active::-webkit-slider-thumb{background:#1abc9c}
.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:#1abc9c}
.range-slider__range:active::-moz-range-thumb{background:#1abc9c}
.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:17000}.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 .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:9999}
#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}.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:verdana}.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:5px;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 7px 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:"Helvetica Neue",Helvetica,Arial,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:700;text-shadow:none;text-transform:capitalize;font-family:'Open Sans','Helvetica Neue',Helvetica,sans-serif;letter-spacing:.5px;font-size:12px;color:#fff}.gritter-close{left:auto;right:3px;background:none}.gritter-close:before{text-indent:0;content:'\f00d';position:absolute;font-family:'FontAwesome';top:0;right:7px;color:#fff;font-size:16px;opacity:.3}.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);
}




::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}


.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-mul-2.dark .dropdown-display-label {
    background: #2C3C55;
    border-color: rgba(120, 130, 140, 0.2);
    border-radius: 0.25rem;
}
.dropdown-mul-2.dark input{
    width: 100%;
    background-color: transparent;
    border:none;
    color: white;
}
.dropdown-mul-2.dark input::placeholder {
    color:#5B6674;
}
.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: 2px;
    padding: 2px 20px 2px 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: calc(50% - 8px);
    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;
    position: relative;
}
.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: 5px;
    top: calc(50% - 12px);
}

.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
}



/*
    Stack Bar
*/
.tools-information-static-wrapper {
    height: 100%;
}
.tools-information-static-wrapper .box {
    height: 100%;
    background-color: #dee0e1;
    margin-bottom: 0;
    overflow: auto;
    overflow-x: hidden; }
.tools-information-static-wrapper .box .box-header {
    color: #a0a2a3;
    line-height: 2;
    font-weight: 500;
    font-size: 1.2em;
    margin-top: 0;
    padding-left: 0; }
.tools-information-static-wrapper .stack-bar {
    position: relative; }
.tools-information-static-wrapper .stack-bar .stack-row {
    position: relative;
    z-index: 1; }
.tools-information-static-wrapper .stack-bar .stack-row .progress {
    background-color: transparent;
    margin-left: 8px !important;
    padding-right: 8px !important; }
.tools-information-static-wrapper .stack-bar .stack-row .progress .progress-bar:last-of-type {
    border-radius: 0 25px 25px 0 !important; }
.tools-information-static-wrapper .stack-bar .stack-row label {
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 10px;
    margin-bottom: 1rem;
    direction: ltr;
    font-weight: 600;
    color: #a0a2a3; }
.tools-information-static-wrapper .stack-bar .stack-pattern-wrapper {
    position: absolute;
    right: 0;
    width: 106%;
    padding: 0 0 0 1.6rem;
    bottom: 0rem;
    height: 100%;
    list-style: none;
    margin: 0; }
.tools-information-static-wrapper .stack-bar .stack-pattern-wrapper li {
    width: 20%;
    border-right: 1px dashed #a0a2a3;
    float: right;
    height: 100%; }
.tools-information-static-wrapper .stack-bar .stack-pattern-wrapper [data-dy]:before {
    content: attr(data-dy);
    display: inline-block;
    color: #a0a2a3;
    width: 2rem;
    text-align: center;
    line-height: 0;
    position: relative;
    left: calc(100% - 16px);
    bottom: -104%;
    height: 10px;
    font-weight: 600; }
.tools-information-static-wrapper .stack-bar.single-mode {
    display: flex;
    flex-direction: column-reverse; }
.tools-information-static-wrapper .stack-bar.single-mode label {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 1.2rem; }
.tools-information-static-wrapper .stack-bar.single-mode .single-row {
    position: relative;
    padding: 5px 0; }
.tools-information-static-wrapper .stack-bar.single-mode .stack-row .progress {
    position: relative;
    z-index: 2; }
.tools-information-static-wrapper .stack-bar.single-mode .stack-pattern-wrapper li {
    width: 1px;
    float: right;
    margin-left: 24%; }
.tools-information-static-wrapper .stack-bar.single-mode .stack-pattern-wrapper li:last-of-type {
    margin-left: 0; }
.tools-information-static-wrapper .status-summery-list-wrapper {
    list-style: none;
    padding: 0;
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery .status-value {
    padding: 3px 2px;
    border-radius: 4px !important;
    margin-right: 6px;
    float: left;
    width: 36px;
    text-align: center;
    line-height: 1;
    color: #fff !important;
    font-weight: 500; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery .status-title {
    color: #a0a2a3;
    font-weight: 500;
    font-size: 1.04em; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery:nth-child(n+7) {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    transform: translateX(-100%);
    transition: transform 1.5s; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 0; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn span {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    color: #a0a2a3;
    font-weight: 500; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn span:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #a0a2a3;
    border-right: 2px solid #a0a2a3;
    left: 0;
    top: 1px;
    transform: rotate(45deg);
    transition: all 0.5s; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn.show-all {
    order: 100; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn.show-all span:after {
    transform: rotate(-136deg);
    top: 7px; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.show-all {
    display: flex !important;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: transform 1.5s; }
.tools-information-static-wrapper .ti-desc-wrapper {
    background-color: #fcfcfc; 
    height: 100%;
}
.tools-information-static-wrapper .ti-desc-wrapper .box {
    background-color: transparent; }
.tools-information-static-wrapper .tab-sidebar-wrapper .box {
    overflow: hidden; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav {
    margin-top: 0;
    padding-left: 3rem;
    padding-right: 2rem;
    padding-top: 4px;
    height: 100%;
    position: relative;
    border-right: 2px solid #8185ed; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li {
    color: #a0a2a3;
    margin-bottom: 2px;
    border-right: none; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.item-label {
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: 500; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.item-label span i {
    margin-right: 8px;
    color: #868686;
    font-size: 1.2em; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a {
    border: 2px solid transparent;
    border-radius: 4px;
    transition: all 0.5s;
    padding: 0.25rem 0.75rem;
    font-size: 1.1em; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background-color: #8185ed;
    left: 100%;
    top: calc(50% - 1px);
    opacity: 0;
    transition: width 0.5s; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a.active:after {
    opacity: 1;
    width: 20%; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a:hover, .tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a.active {
    background-color: #fff;
    border: 2px solid #8185ed;
    font-weight: 600;
    color: #8c8c8c; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a:hover:before, .tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a.active:before {
    display: none; }


.tab-sidebar-wrapper {
    height: 100%;
}



.tools-information-static-wrapper {

}
.tools-information-static-wrapper .box {
    /*height: calc(100vh - 58px);*/
    background-color: #dee0e1;
    margin-bottom: 0;
    overflow: auto;
    overflow-x: hidden; }
.tools-information-static-wrapper .box .box-header {
    color: #a0a2a3;
    line-height: 2;
    font-weight: 500;
    font-size: 1.2em;
    margin-top: 0;
    padding-left: 0; }
.tools-information-static-wrapper .stack-bar {
    position: relative; }
.tools-information-static-wrapper .stack-bar .stack-row {
    position: relative;
    z-index: 1; }
.tools-information-static-wrapper .stack-bar .stack-row .progress {
    background-color: transparent;
    margin-left: 8px !important;
    padding-right: 8px !important; }
.tools-information-static-wrapper .stack-bar .stack-row .progress .progress-bar:last-of-type {
    border-radius: 0 25px 25px 0 !important; }
.tools-information-static-wrapper .stack-bar .stack-row label {
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 10px;
    margin-bottom: 1rem;
    direction: ltr;
    font-weight: 600;
    color: #a0a2a3; }
.tools-information-static-wrapper .stack-bar .stack-pattern-wrapper {
    position: absolute;
    right: 0;
    width: 106%;
    padding: 0 0 0 1.6rem;
    bottom: 0rem;
    height: 100%;
    list-style: none;
    margin: 0; }
.tools-information-static-wrapper .stack-bar .stack-pattern-wrapper li {
    width: 20%;
    border-right: 1px dashed #a0a2a3;
    float: right;
    height: 100%; }
.tools-information-static-wrapper .stack-bar .stack-pattern-wrapper [data-dy]:before {
    content: attr(data-dy);
    display: inline-block;
    color: #a0a2a3;
    width: 2rem;
    text-align: center;
    line-height: 0;
    position: relative;
    left: calc(100% - 16px);
    bottom: -104%;
    height: 10px;
    font-weight: 600; }
.tools-information-static-wrapper .stack-bar.single-mode {
    display: flex;
    flex-direction: column-reverse; }
.tools-information-static-wrapper .stack-bar.single-mode label {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 1.2rem; }
.tools-information-static-wrapper .stack-bar.single-mode .single-row {
    position: relative;
    padding: 5px 0; }
.tools-information-static-wrapper .stack-bar.single-mode .stack-row .progress {
    position: relative;
    z-index: 2; }
.tools-information-static-wrapper .stack-bar.single-mode .stack-pattern-wrapper li {
    width: 1px;
    float: right;
    margin-left: 24%; }
.tools-information-static-wrapper .stack-bar.single-mode .stack-pattern-wrapper li:last-of-type {
    margin-left: 0; }
.tools-information-static-wrapper .status-summery-list-wrapper {
    list-style: none;
    padding: 0;
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery .status-value {
    padding: 3px 2px;
    border-radius: 4px !important;
    margin-right: 6px;
    float: left;
    width: 36px;
    text-align: center;
    line-height: 1;
    color: #fff !important;
    font-weight: 500; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery .status-title {
    color: #a0a2a3;
    font-weight: 500;
    font-size: 1.04em; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery:nth-child(n+7) {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    transform: translateX(-100%);
    transition: transform 1.5s; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 0; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn span {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    color: #a0a2a3;
    font-weight: 500; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn span:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #a0a2a3;
    border-right: 2px solid #a0a2a3;
    left: 0;
    top: 1px;
    transform: rotate(45deg);
    transition: all 0.5s; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn.show-all {
    order: 100; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.read-more-btn.show-all span:after {
    transform: rotate(-136deg);
    top: 7px; }
.tools-information-static-wrapper .status-summery-list-wrapper li.item-summery.show-all {
    display: flex !important;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: transform 1.5s; }
.tools-information-static-wrapper .ti-desc-wrapper {
    background-color: #fcfcfc; }
.tools-information-static-wrapper .ti-desc-wrapper .box {
    background-color: transparent; }
.tools-information-static-wrapper .tab-sidebar-wrapper .box {
    overflow: hidden; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav {
    margin-top: 0;
    padding-left: 3rem;
    padding-right: 2rem;
    padding-top: 4px;
    height: 100%;
    position: relative;
    border-right: 2px solid #8185ed; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li {
    color: #a0a2a3;
    margin-bottom: 2px;
    border-right: none; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.item-label {
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: 500; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.item-label span i {
    margin-right: 8px;
    color: #868686;
    font-size: 1.2em; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a {
    border: 2px solid transparent;
    border-radius: 4px;
    transition: all 0.5s;
    padding: 0.25rem 0.75rem;
    font-size: 1.1em; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background-color: #8185ed;
    left: 100%;
    top: calc(50% - 1px);
    opacity: 0;
    transition: width 0.5s; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a.active:after {
    opacity: 1;
    width: 20%; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a:hover, .tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a.active {
    background-color: #fff;
    border: 2px solid #8185ed;
    font-weight: 600;
    color: #8c8c8c; }
.tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a:hover:before, .tools-information-static-wrapper .tab-sidebar-wrapper ul.nav li.nav-item a.active:before {
    display: none; }



.wizard-wrapper .form-wizard-header {
    text-align: center; }
.wizard-wrapper .form-wizard-header .form-wizard-steps {
    margin: 0;
    display: flex;
    width: 100%;
    min-height: 70px;
    align-items: center;
    justify-content: center; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li {
    width: 25%;
    float: left;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transition: all 0.5s; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li::after {
    background-color: #dddddd;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    transition: all 1s; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li span {
    background-color: #dddddd;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
    transition: all 1.5s;
    font-size: 1.4em;
    color: #2196f3; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li .step-title {
    position: absolute;
    bottom: -2rem;
    font-weight: 600;
    font-size: 1em;
    white-space: nowrap; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li .item-tooltip {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background-color: #2196f3;
    transition: all 0.5s;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 3.5em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
    padding: 1rem;
    font-size: .99em;
    transform: perspective(1000px) rotateX(68deg);
    transform-origin: top; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li .item-tooltip:after {
    position: absolute;
    content: '';
    border-bottom: 10px solid transparent;
    border-right: 10px solid #2196f3;
    top: -5px;
    left: calc(50% - 5px);
    transform: rotate(-45deg);
    border-radius: 0 3px 0px 0; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li:hover .item-tooltip {
    opacity: 1;
    visibility: visible;
    transform: perspective(1000px) rotateX(0deg);
    transform-origin: top; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li:last-child::after {
    width: 50%;
    transition: all 0.5s; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li.active span, .wizard-wrapper .form-wizard-header .form-wizard-steps li.activated span {
    background-color: #2196f3;
    color: #ffffff;
    transition: all 0.5s; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li.active::after {
    background-color: #2196f3;
    left: 50%;
    width: 50%;
    border-color: #2196f3;
    transition: all .5s; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li.activated::after {
    background-color: #2196f3;
    left: 50%;
    width: 50%;
    border-color: #2196f3;
    width: 100%;
    border-color: #2196f3;
    transition: all 0.5s; }
.wizard-wrapper .form-wizard-header .form-wizard-steps li:last-child::after {
    left: 0;
    transition: all 0.5s; }
.wizard-wrapper .row-item-control {
    display: flex;
    justify-content: center; }
.wizard-wrapper .wizard-fieldset {
    display: none; }
.wizard-wrapper .wizard-fieldset.show {
    display: block; }
.wizard-wrapper .wizard-fieldset .form-wizard-next-btn, .wizard-wrapper .wizard-fieldset .form-wizard-previous-btn, .wizard-wrapper .wizard-fieldset .form-wizard-submit {
    background-color: #2196f3;
    color: #ffffff;
    display: inline-block;
    min-width: 100px;
    min-width: 120px;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    transition: all 0.5s; }
.wizard-wrapper .wizard-fieldset .form-wizard-next-btn {
    float: right; }
.wizard-wrapper .wizard-fieldset .form-wizard-next-btn:hover, .wizard-wrapper .wizard-fieldset .form-wizard-next-btn:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none; }
.wizard-wrapper .wizard-fieldset .form-wizard-previous-btn:hover, .wizard-wrapper .wizard-fieldset .form-wizard-previous-btn:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none; }
.wizard-wrapper .wizard-fieldset .form-wizard-submit {
    float: right; }
.wizard-wrapper .wizard-fieldset .form-wizard-submit:hover, .wizard-wrapper .wizard-fieldset .form-wizard-submit:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none; }

.has-wizard {
    border-bottom: 1px dashed #e4e6e8;
    padding-bottom: 2rem;
    padding-top: 0; }


/*input tags*/
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #e4e6e8;
    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: 40px;
    max-height: 88px;
    overflow: auto;
}
.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: 3px;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #55595c;
    opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #55595c;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #55595c;
}
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}
.bootstrap-tagsinput .tag {
    color: white;
    padding: 4px;
    font-size: 1em;
    font-weight: normal;
    margin-right: 2px;
    margin-bottom: 3px;
}
.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 {
    opacity: 0.7;
}

/*Material Btn Group*/
.material-btn-group .btn{
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 10;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border: none;
    padding: 0 10px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    font-size: 0.9em;
    color: #212121;
    background-image: none;
    background-color: #E0E0E0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #2196f3;
    color: #fff;
    border-left: 1px solid #1489e6;
}
.material-btn-group .btn.active{
    background-color: #666;
}
.material-btn-group .btn:first-child{
    border-left:none;
}
.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);
    }
}



/*popup send test*/

.popup-tooltip-wrap {
    position: absolute;
    right: 0;
    box-shadow: 0px 0px 4px 0px #e2e2e2;
    border: 1px solid #e6e6e6;
    top: 2.5rem;
    padding: 10px 1rem;
    width: 100%;
    border-radius: 4px;
    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;
    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}
@-moz-keyframes dropHeader {
    0% {
        opacity: .5;
        transform: translateY(25px); }
    100% {
        opacity: 1;
        transform: translateY(0); } }
@-webkit-keyframes dropHeader {
    0% {
        opacity: .5;
        transform: translateY(25px); }
    100% {
        opacity: 1;
        transform: translateY(0); } }
@keyframes dropHeader {
    0% {
        opacity: .5;
        transform: translateY(25px); }
    100% {
        opacity: 1;
        transform: translateY(0); } }
.popup-tooltip-wrap:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg);
    right: 1rem;
    top: -6px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}
.popup-tooltip-wrap h6{
    font-size: 1.2em;
    margin-bottom: 1rem;
}
.popup-tooltip-wrap .form-group{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/*Modal Style*/
.modal-right{
    background-color: #f9f9f9;
}
.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;
}
.box-wrap h6{
    width:100%;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 600;
    position: relative;
    padding:1rem 10px 1rem 18px;
    margin-bottom:10px;
}
.box-wrap h6:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    left:0;
    top:calc(50% - 4px);
}
.box-wrap .list{
    border-top: 2px solid #eaeaea;
    box-shadow: 0px -1px 0px 0px #c9c9c9;
    border-radius: 0;
    margin: 0px 2px 2rem;
    padding-top: 1rem;
}
.box-wrap .list:empty{
    position: relative;
    min-height: 80px;
    display: flex;
    justify-content: center;

}
.box-wrap .list:empty:after{
    position: absolute;
    content: 'Seçtiğiniz kategoride şablon bulunamadı';
    width: 65%;
    min-height: 65px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
    font-weight: 600;
    color: #858585;
}
.box-wrap .list li{
    border: 1px solid #e9e9e9;
    display: flex;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: 40px;
    padding-left: 60px;

}
.box-wrap .list li > .list-left{
    position: absolute;
    height:100%;
    width:50px;
    left:0;
    top:0;
    cursor: pointer;
}
.box-wrap .list li > .list-left .btn{
    border-radius:0;
    border:none;
    color:#fff;
    height:100%;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
.box-wrap .list li > .list-left:hover:before{
    opacity: 1;
    visibility: visible;
    left: 50px;
}
.box-wrap .list li > .list-left:before{
    position: absolute;
    content: 'Ekle';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3a98e2;
    color: #fff;
    box-shadow: 0 -3px 10px 10px #3a98e2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}
.box-wrap .list li > .list-left .btn > i{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-wrap .list li > .list-left + .list-body{
    margin-left:0;
    padding: 10px 10px 10px 0;
}

/**Mersis**/
.check-box-item-wrap{
    border-top: 2px solid #eaeaea;
    box-shadow: 0px -1px 0px 0px #c9c9c9;
    border-radius: 0;
    margin: 0px 2px 1rem;
    padding-top: 1rem;
}
.check-box-item-wrap .check-box-list{
    list-style: none;
    padding: 0 1rem;
}
.check-box-item-wrap .check-box-list > li{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 0;
    margin-bottom: 5px;
    height: 36px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.check-box-item-wrap .check-box-list > li label{
    width:100%;
    display:flex;
    align-items: center;
}
.check-box-item-wrap .check-box-list > li label i{
    width:40px;
    height:36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.check-box-item-wrap .check-box-list > li .md-check input[type="checkbox"]:checked + i:after{
    top: 7px !important;
    left:unset !important;
    width:8px;
    height:16px;
    border-width: 3px;
}
.check-box-item-wrap .check-box-list > li label i:before{
    width:15px;
    height:15px;
    border-radius: 50%;
    border-color:#fff;
}
.check-box-item-wrap .check-box-list > li label b{
    margin-left: 4px;
    color: #3da1c7;
}
.check-box-item-wrap .check-box-list > li label:before{
    position: absolute;
    content: 'Ön İzlemeye Ekle';
    width: auto;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2196f3;
    color: #fff;
    box-shadow: 0 -3px 10px 10px #2196f3;
    opacity: 0;
    visibility: hidden;
    font-size: .8em;
    transition: all 0.2s;
}
.check-box-item-wrap .check-box-list > li label.active:before{
    content: 'Ön İzlemeden Sil';
}
.check-box-item-wrap .check-box-list > li label:hover:before{
    opacity: 1;
    visibility: visible;
    left: 40px;
}
.preview-wrap{
    margin:1rem 1.3rem 2rem;
    border: 1px solid #ddd;
    padding: 0 1rem 2rem;
    border-radius: 5px;
    background-color: #fafafa;
    box-shadow: 0px 0px 3px 0px #b3b3b3 inset;
    position: relative;
}
.preview-wrap legend{
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 1em;
    width: auto;
    padding: 4px 10px;
}
.content-container-wrap{
    position: relative;
}
.sb-btn-wrap{
    position: absolute;
    bottom: -13px;
    right: 1rem;
}
.sb-btn-wrap .btn{
    padding-left: 10px;
}
.sb-btn-wrap .btn i{
    -webkit-animation: mover .8s infinite  alternate;
    animation: mover .8s infinite  alternate;
    font-size: .8em;
    position: relative;
    top: -1px;
}

@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-5px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-5px); }
}

.d-flex-align-center{
    display: flex;
    align-items: center;
}
.d-flex-align-center >.col-sm-8{
    display: flex;
    align-items: center;
}

/*Mesaj ONizleme*/
.prview-table-wrap .form-group{
    border-bottom: 1px solid #f6f6f6;
    padding: 6px 12px;
    margin-bottom: 0 !important;
}
.prview-table-wrap .form-group:last-child{
    border-bottom: none;
}
.box-header .with-arrow{
    position: relative;
    padding-left: 18px;
}
.box-header .with-arrow:after{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    left: 0;
    top: calc(50% - 4px);
}
.box-header.has-wizard{
    padding: 0 0 3rem 0;
}
.box-header.has-wizard h6{
    padding:1rem 12px ;
}
.d-flex-justify-center{
    display: flex;
    justify-content: center;
}
.box-footer:empty{
    border:none;
    padding:0;
}

/*widget*/

.stretch-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    height: 150px;
    margin-bottom: 10px;
}
.stretch-card h6 i{
    transition: all 0.5s;
}
.stretch-card:hover h6 i{
    color:#000;
}
.stretch-card a{
    height:100%;
}
.stretch-body{
    height: 100%;
    width: 100%;
}
.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#0db2de), color-stop(99%, #005bea)) !important;
    background: linear-gradient(to right, #0db2de , #005bea 99%) !important;
}
.card-img-holder{
    position: relative;
    width:100%;
    border-radius: 8px;
}
.card-body-absolute{
    position: absolute;
    top: 0;
    right: -2px;
    height: 100%;
}
.stretch-body h6{
    display:flex;
    justify-content: space-between;
    align-items: center;
}


/*2/4/2021 --- btn with icon*/
.d-flex-j-between-a-center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-w-icon-material{
    position: relative;
    padding-left: 13%;
    padding-right: 6%;
    line-height: 1;
    overflow: hidden;
    padding-bottom: 10px;
}
.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;
}
.table thead th{
    background-color: #e6e6e6;
}

/***********************************/
.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 */
}

/***************************************/
.header-select-fu + .dropdown > a{
    margin-bottom: 0 !important;
}
.popup-tooltip-wrap{
    background-color: #fff;
}

/*Group Sms Style*/
.radio-bx-wrap{
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}
.radio-bx-wrap li{
    margin: 0 12px;
}
.radio-bx-wrap li .md-check{
    background-color: #f2f2f2;
    padding: 10px 1rem;
    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;
}
.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 #f0f0f0;
    border-radius: 4px;
    margin-bottom: 12px;
    width: 205px;
    height: 43px;
    overflow: hidden;
    background-color: #fafafa;
    color: #000;
}
.group-content-wrap li.active{
    background-color: #4caf50;
    color:#fff;
}
.group-content-wrap li .md-check{
    height: 43px;
    display: flex !important;
    align-items: center;
    padding-left: 30px;
    padding-right: 12px;
}
.group-content-wrap li .md-check input:checked + i:before{
    border-width: 2px;
    background-color: inherit;
    border-color: #fff;
}
.group-content-wrap li .md-check b{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.group-content-wrap li .md-check input[type=checkbox]:disabled + i + b{
    color: #ccc;
}
/*Uploader**/
.input-file-upload-wrap .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 8em;
    outline: none;
    visibility: hidden;
    cursor: pointer;
}
.input-file-upload-wrap .form-control-file:before {
    content: attr(data-title);
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 99%;
    min-height: 7em;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 1.5rem;
    margin:0 4px;
    opacity: 1;
    visibility: visible;
    text-align: center;
    border: 2px dashed #bfbfbf;
    background-color: #f2f2f2;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    background-image: url('../../images/upload.svg');
    background-repeat: no-repeat;
    background-position: center 22px;
    box-shadow: 0px 0px 3px 2px #ebebeb;
    font-weight:700;
}
.input-file-upload-wrap .form-control-file:hover:before {
    background-color: rgba(170,170,170,0.1);
}

/**Sms Report*/
.d-rang-cus{
    width:100%;
}
.d-rang-cus > a{
    height: 40px;
    line-height: 1.7;
    margin-bottom: 0;
}
.d-rang-cus .dropdown-menu{
    left:0 !important;
    right:auto !important;
}
.d-rang-cus .dropdown-diviter{
    border: 1px solid #e6e6e6;
    margin: 10px 0; 
}

.summery-count-wrap:empty{
    display: none;
}
.summery-count-wrap{
    border: 1px solid #ddd;
    padding: 1rem;
    margin: 10px 10px 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.summery-count-wrap h6{
    margin-bottom: 0;
}
.summery-count-wrap ul{
    list-style: none;
    display: flex;
    margin: 0;
    padding-left: 1.5rem;
    position: relative;

}
.summery-count-wrap ul:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 24px;
    left: 0.75rem;
    top: calc(50% - 11px);
    background-color: #b5b5b5;
}
.summery-count-wrap ul li{
    margin: 0 8px;
    display: flex;
    flex-direction: row;
    background-color: #ddd;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
}
.summery-count-wrap ul li i{
    color:#fff !important;
}
.summery-count-wrap ul li:first-child{
    background-color: #71b771;
}
.summery-count-wrap ul li:nth-child(2){
    background-color: #f44336!important;
}
.summery-count-wrap ul li:nth-child(3){
    background-color:#2196f3!important;
}

.summery-count-wrap ul li .oz-lb{
    margin-right: 1rem;
}

.summery-table-wrap{
    /*border: 1px solid #ddd;*/
    /*padding: 1rem;*/
    width: 99.3%;
    margin-bottom: 1rem;
    overflow: visible;
}
.summery-table-wrap:empty{
    position: relative;
    border:none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}
.summery-table-wrap:empty:after{
    position: absolute;
    content: 'Sol menüde yer alan filtreleme seçeneklerini kullanarak rapor oluşturabilirsiniz.';
    width:auto;
    padding:1rem 2rem;
    height:auto;
    background-color: #f6f6f6;
    border:1px solid #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;

}
/* Custom Tooltip**/
/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
    overflow: visible;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    text-align: center;
    min-width: 130px;
    max-width: 200px;
    font-weight: 400;
    overflow: hidden;
    white-space: break-spaces;
    padding: 1ch 1.5ch;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0px rgba(61,61,61,0.38);
    background: rgba(113,174,236,0.94);
    color: #fff;
    line-height: 1.2;
    z-index: 1000;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: rgba(113,174,236,0.94);
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color:rgba(113,174,236,0.94);
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: rgba(113,174,236,0.94);
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: rgba(113,174,236,0.94);
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

/**end tooltip*/


/***06.02.2021*>**/
.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: 36px;
    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: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:34px;
    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;
}
/**Cross Browser File uploader**/

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    border: 1px dashed rgb(172, 172, 172);
    border-radius: 3px;
    transition: 0.2s;
    margin-top: 1rem;
    background-color: #f7f7f7;
    justify-content: center;
    flex-direction: column;
}
.file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05);
}

.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;
}


/**09/02/2021***/

.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;
}
.box-wrap h6{
    width:100%;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 600;
    position: relative;
    padding:1rem 10px 1rem 18px;
    margin-bottom:10px;
}
.box-wrap h6:after{
    position: absolute;
    content: '';
    width:8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    left:0;
    top:calc(50% - 4px);
}

.gcw-f-modal li{
    width: 179px !important;
}
.grp-check-b-cus{
    position: relative;
    overflow: hidden;
}
.grp-check-b-cus .md-check{
    position: absolute;
    display: flex;
    top: 0;
    width: 100%;
    height: 100%;
}
.grp-check-b-cus .md-check > i{
    display: flex;
    align-items: center;
}
.grp-check-b-cus .md-check > i:before{
    border: none; 
    top:-1px;
    height:22px;
    width:22px;
    background-color: #e8e8e8;
    border-radius: 0;
    transition: all 0.3s;
}
.grp-check-b-cus:hover .md-check > i:before{
    background-color: inherit;
}
.grp-check-b-cus .md-check > i:after{
    border: none; 
}
.grp-check-b-cus .md-check input[type="checkbox"]:checked + i:after{
    left:8px;
}
.grp-check-b-cus .md-check input[type="checkbox"] + i:after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left:8px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' ';
}
.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 #55595c;
    border-right: 2px solid #55595c;
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
    right: 10px;
    top: calc(50% - 3px);
    width: 7px;
    height: 7px;
    position: absolute;
}
.d-flex{
    display: flex;
}
.d-flex-center-into-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.group-content-wrap{
    padding: 2.2rem 1rem !important; 
}
.group-content-wrap li[tooltip]:after{
    min-width: 165px !important;
}
.group-search > div[tooltip]:after{
    min-width: 90px !important;
}
[tooltip]::after{
    background:rgba(25,120,216,0.94) !important;
}
[tooltip][flow^="up"]::before {
    border-top-color: rgba(25,120,216,0.94) !important;
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    border-bottom-color:rgba(25,120,216,0.94) !important;
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    border-left-color: rgba(25,120,216,0.94) !important;
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    border-right-color: rgba(25,120,216,0.94) !important;
}


/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1; }
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
.owl-carousel.owl-loaded {
    display: block; }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
.owl-carousel.owl-hidden {
    opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }

.no-js .owl-carousel {
    display: block; }

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
    z-index: 0; }

.owl-carousel .owl-animated-out {
    z-index: 1; }

.owl-carousel .fadeOut {
    animation-name: fadeOut; }

@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }

.owl-height {
    transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
    padding:1rem;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }


.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }

.last-b-wrap .blog-widget {
    margin-top: 30px;
    border:none;
    display: flex;
    flex-direction: column;
}

.last-b-wrap .blog-widget .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.last-b-wrap .blog-widget .blog-image img {
    border-radius: 4px;
    margin-top: -45px;
    margin-bottom: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.11);
}
.last-b-wrap .blog-widget .blog-image .empty-img-blog{
    border-radius: 4px;
    margin-top: -45px;
    margin-bottom: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.11);
    height: 246px;
    background: #8b8b8b url(../../images/mobildev-logo.svg) center no-repeat;
    background-size: 45%;
}
.last-b-wrap .blog-widget .card-body h5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 30px;
}
.last-b-wrap .blog-widget .card-body p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 65px;
}
.last-b-wrap .blog-widget .card-body .d-flex{
    justify-content: flex-end;
}
.last-b-wrap .blog-widget .card-body .btn{
    transition: all 0.5s;
}
.last-b-wrap >h6{
    margin: 0 1rem;
    padding: 0 1rem 10px;
    border-bottom: 1px solid #f2f2f2;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

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

.prf-info-wrap{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.prf-info-wrap .profile-img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 10px;
    overflow: hidden;
    background-color: #f1f1f1;
}
.prf-info-wrap .profile-img >img{
    width: 100%;
    height:100%;
}
.prf-info-wrap .pln-box{
    padding: 7px 1.3rem;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px #dadada inset;
    border: 1px solid #dadada;
}
.prf-r-side-wrap .schedule-info-wrap{
    list-style: none;
    margin: 0;
    display: flex;
    padding: 0;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 1rem;
    position: relative;
}
.prf-r-side-wrap .schedule-info-wrap:after{
    position: absolute;
    content: '';
    width:100%; 
    height:1px;
    background-color:#f2f2f2;
    bottom: -2px;
    left:0;

}
.prf-r-side-wrap .schedule-info-wrap li{
    position: relative;
    width: 50%;
    padding: 1rem;
    display: flex;
    justify-content: space-evenly;
}
.prf-r-side-wrap .schedule-info-wrap li b{
    color: #1e618e;
}
.prf-r-side-wrap .schedule-info-wrap li:first-child:after{
    position: absolute;
    width:1px;
    content: '';
    height:20px;
    background-color: #d8d8d8;
    right: 0;
    top: calc(50% - 10px);
}
.prf-r-side-wrap .oprt-wrap >span{
    border-bottom: 2px solid #f8f8f8;
    padding-right: 10px;
    padding-bottom: 3px;
}
.prf-r-side-wrap .oprt-wrap .oprt-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    overflow: auto;
    margin-top: 12px;
    flex-wrap: wrap;
    height: 170px;

}
.prf-r-side-wrap .oprt-wrap .oprt-list li{
    display: flex;
    flex-direction: row;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 6px;
    background-color: #308ac5;
    color: #fff;
    align-items: center;
    font-size: 0.9em;
    padding-right: 6px;
    border: 1px solid #1e618e;
    white-space: nowrap;
}
.prf-r-side-wrap .oprt-wrap .oprt-list li >div{
    border-right: 1px solid #1e618e;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    margin-right: 6px;
}
.lbw-info >h6{
    margin: 0;
    margin-bottom: 1.2rem;
}
.lbw-info > div.card{
    border:none;
}


/****v9**/
.header-t-wrap{
    margin: 0 1rem;
    padding: 0 1rem 10px;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
}
.header-t-wrap h6{
    margin-bottom: 0;
}
.header-t-wrap .tools-head{
    margin-top: 3px;
}
.header-t-wrap .tools-head i{
    margin-left: 10px;
    transition: all 0.5s;
    color: #373a3c;
    cursor: pointer;
}
.header-t-wrap .tools-head i:hover{
    opacity: 0.5;
}
.oprt-list{
    display: inline-block !important;
    width: 100%;
}
.oprt-list li{
    float:left;
}


/**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;
    margin: 0;
    list-style: none;
}
.leg-list-wrap > li {
    /*    display: flex;
        flex-direction: row;
        align-items: center;*/
    margin-bottom: 15px;
    float: left;
    clear: left;
}
.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 **/

/***11.03****/
.summery-action{
    display: flex;
    flex-direction: row;
    align-items: center;
    order:0;
}
.summery-count-wrap button.btn{
    padding-top: 5px;
    order:1;
    transition: all 0.5s;
}
.summery-count-wrap{
    justify-content: space-between;
    padding:1rem !important
}
.msg-text-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msg-text-wrap >div i{
    padding: 3px 4px 1px 4px;
    border-radius: 4px;
    line-height: 10px;
    margin-left: 4px;
    cursor: pointer;
    background-color: #3eb5e2 !important;
}
.msg-text-wrap span{
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.summery-table-wrap{
    position: relative;
    overflow: auto;
}
.txt-info-popup-wrap{
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 9999;
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txt-info-popup-wrap .tipw-content{
    background-color: #fff;
    width: 60%;
    padding: 2.5rem 2rem 2rem 2rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    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;


}
.txt-info-popup-wrap .tipw-content >p{
    max-height: 200px;
    overflow: auto;
    margin-bottom: 0;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    padding: 1rem;


}
.txt-info-popup-wrap .tipw-content >p:empty{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txt-info-popup-wrap .tipw-content >p:empty:after{
    position: absolute;
    content:'Mesaj Bulunmadı.';

}
.txt-info-popup-wrap .fa-times{
    position: absolute;
    right:10px;
    top:10px;
    cursor: pointer;
}
.txt-info-popup-wrap .fa-copy{
    border-radius: 50%;
    padding: 10px;
    float: left;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    cursor: pointer;


}
.edit-cp-edit{
    position: absolute;
    top: 1.5rem;
    left: 20px;
    z-index: 100;
}

@-moz-keyframes dropTop {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
@-webkit-keyframes dropTop {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
@keyframes dropTop {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.modal-x-large-wrap{
    padding:3rem;
}

.modal-x-large-wrap .modal-body{
    padding: 0;
}

.modal-x-large-wrap .summery-table-wrap{
    width: 100%;
}

.modal-x-large-wrap .box-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-x-large-wrap .summery-table-wrap thead{
    box-sizing: content-box;
}

.summery-count-wrap ul{
    padding-left: 0;
}
.summery-count-wrap ul:after{
    display: none;

}
.summery-count-wrap ul li{
    height:30px;
    padding: 0;
}
.summery-count-wrap ul li .oz-lb{
    display: flex;
    align-items: center;
    padding-left: 8px;
}
.summery-count-wrap ul li >span{
    background-color: rgba(0,0,0,0.3);
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 0 4px 4px 0;
}
.summery-count-wrap ul li span.v-nth1{
    background-color: rgba(0,0,0,0.3);
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 0;
}
.summery-count-wrap ul li span.v-nth2{
    background-color: rgba(0,0,0,0.6);
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 0 4px 4px 0;
}
.table > tbody > tr > td{
    vertical-align: middle;
    height: 46px;
}
.table-striped > tbody > tr {
    background-color: rgba(148 ,148 ,148 ,0.2);
}
.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f4f4f4;
    background-clip: padding-box;
}
.table > thead > tr > th{
    border-color:transparent;
    background-color: #dedede;
    padding:16px;
    color: #373737;
}
.summery-table-wrap .table .btn-group{
    display: flex !important;
    flex-direction: row;
}

.expt-btn{
    padding-top: 5px;
    transition: all 0.5s;
}
#doc-risk-distrib-chart{
    width: 525px!important;
    height: 260px!important;
}
.doughnut-chart-box-wrap > div {
    margin-bottom: 0.5rem;
}
.doughnut-wrap{
    margin: 0 auto;
}
@media screen and (min-width: 1440px) and (max-width: 1440px){
    #doc-risk-distrib-chart {
        width: 453px!important;
        height: 225px!important;
    }
}
@media screen and (min-width: 1239px) and (max-width: 1239px){
    #doc-risk-distrib-chart {
        width: 372px!important;
        height: 185px!important;
    }
}

tr.table-total-row td {
    background-color: #949494;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.head-has-drp{
    width:45%;
}
.btn-w-icon-material{
    padding-left: 46px;
    padding-right: 20px;
}

.bt-g-p{
    padding: .34rem 8px
}
.gcw-f-modal li{
    width:calc(100% / 5.3) !important;
    height:35px;
}
@media screen and (min-width: 1239px) and (max-width: 1241px){
    .gcw-f-modal li{
        width:calc(100% / 3.2) !important;
    }
}
.gcw-f-modal li .md-check{
    height:100%;
    font-size: .8em;
}
.grp-check-b-cus .md-check > i:before{
    background-color: #cdcdcd;
}
.prf-r-side-wrap .oprt-wrap .oprt-list li{
    background-color: #ffffff;
    color: #7d7d7d;
    border: 1px solid #e6e6e6;
    margin-right: 8px;
    margin-bottom: 6px;
}
.prf-r-side-wrap .oprt-wrap .oprt-list li >div{
    border-right: 1px solid #e6e6e6;
}
.api-role-wrap >span{
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 8px;
    padding-left: 10px;
}
.api-role-list{
    border-top: 2px solid #eaeaea !important;
    box-shadow: 0px 0px 8px -3px #c9c9c9 inset !important;
    margin: 0px 2px 1rem !important;
    padding: 5px 6px !important;
    height: 400px;
    overflow: scroll;
    border-radius: 5px !important;
}
.api-role-list li{
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    background-color: #f8f8f8;
    padding: 0 10px !important;
    transition: all 0.5s;
}
.api-role-list li:hover{
    background-color: #fff;
}
.api-role-list li .list-body{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.api-role-list li .list-body >div{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.api-role-list li .list-body >div >span{
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.api-k-frm-wrap .cy-box{
    width: 100%;
    height: 32px;
    float: left;
    margin-top: 3px;
    position: relative;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    padding-right: 2rem;
}
.bx-cp-ov{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.api-k-frm-wrap .cy-box:hover{
    background-color: #b8fdb8;
}
.api-k-frm-wrap .cy-box:hover i{
    display: block;
}
.api-k-frm-wrap .cy-box i{
    position: absolute;
    right: 10px;
    display: none;
    transition: all 0.5s;
    color: green;
}
.into-box-head-title{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/***16/03/2021***/

.bg-gradient-warning{  
    background: -webkit-gradient(linear, left top, right top, from(#f3c111), color-stop(99%, #fbd44d)) !important;
    background: linear-gradient(to right, #f3c111 , #fbd44d 99%) !important;
}
.widget-dashboard{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.5s;
}
.widget-dashboard .text-muted{
    white-space: nowrap;
}
.widget-dashboard .card-footer{
    height:100%;
}
.widget-dashboard:hover{
    box-shadow: 0 5px 11px 0px rgba(69,90,100,0.3);
}
.widget-dashboard:hover .card-footer i{
    -moz-animation: bounceArrow 1s infinite;
    -webkit-animation: bounceArrow 1s infinite;
    animation: bounceArrow 1s infinite;
}
.widget-dashboard .card-body{
    padding:20px;
}
.widget-dashboard .card-body i{
    font-size: 1.8em;
    color:#373a3c;
}
.widget-dashboard .card-footer p{
    font-size: 0.8em;
    font-weight: 500;
}
@media screen and (max-width: 1280px) {
    .stretch-card{
        width:calc(100% / 3);
    }
}
@-moz-keyframes bounceArrow {
    0%, 100% {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    56% {
        -moz-transform: translateX(4px);
        transform: translateX(4px);
    }
}
@-webkit-keyframes bounceArrow {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    56% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
}
@keyframes bounceArrow {
    0%, 100% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    56% {
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.nav-stacked.nav-stacked-rounded .nav li li a, .nav-stacked.nav-stacked-rounded .nav li.active{
    color:#fff;
}

.hideSide {
    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;
}
.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;
}
.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;
}
.tooltip-inner{
    background-color: rgba(25,120,216,0.94) !important
}
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow{
    border-top-color: rgba(25,120,216,0.94) !important;
}
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow{
    border-right-color: rgba(25,120,216,0.94) !important;
}
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
    border-bottom-color: rgba(25,120,216,0.94) !important;
}
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow{
    border-left-color: rgba(25,120,216,0.94) !important;
}
.nav-stacked.nav-stacked-rounded .nav li .nav-caret{
    margin-top: 7px;
}
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub{
    border-radius: 4px;
    position: relative;
}
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub:after{
    position: absolute;
    content: '';
    width: 2px;
    height: 90%;
    top: 0px;
    left: 20px;
    background-color: #161f2d;
    z-index: -1;
}
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub li a{
    padding-left: 6px;
    display: flex;
    align-items: center;
}
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub li{
    border-radius: 4px; 
    transition: all 0.5s;
    margin-top: 2px;
}
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub li:hover,
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub li.active{
    background-color: #202c3d;
}
.nav-stacked.nav-stacked-rounded .nav li[connect="inbox-dashboard"] .nav-sub li a >span.nav-icon{
    margin-right: 4px;
}
.opt-sidebar-wrap{
    position: relative;
    z-index: 1;
}
.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 .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: #fff;
    width: 12px;
    height: 12px;
    right:calc(50% - 6px);
    left: auto;
    transform: rotate(45deg);
    border-bottom: 1px solid #eeeff0;
    border-right: 1px solid #eeeff0;
}
.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;
}
.f-size-avatar {
    font-size: 1.3em;   
}
.help-icon-wrap{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.help-icon-wrap .float-info > ul li:after{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.help-icon-wrap > i{
    font-size: 1.4em;
}
.help-icon-wrap .float-info{
    position: absolute;
    border-radius: 6px;
    padding: 8px;
    right: calc(100% + 5px);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: all 0.3s;
    z-index: 999;
    min-width: 300px;
    top: 0;
    background-color: #3ba5f8;
    border: 1px solid #58b5ff;
    color:#fff;
}
.help-icon-wrap .float-info h6{
    border-bottom: 1px solid #ddd;
}
.help-icon-wrap.active .float-info{
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}
.center-mf-box h6{
    border-bottom: none !important;
    padding: 0rem 10px 0rem 18px;
    margin-bottom: 0;
}
.bar-leg{
    height:auto;
    min-height: 160px;
}
.bar-leg > li{
    display: block;
}

.bar-leg > li .chart-leg{
    float: left;
    margin-top: 5px;
}
.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;
}
.sidebar-list-items-wrap >li:after{
    position: absolute;
    content: '';
    bottom: calc(50% - 6px);
    background-color: #f6fafb;
    width: 12px;
    height: 12px;
    right: -6px;
    left: auto;
    transform: rotate(-45deg);
    border-top: 1px solid #eeeff0;
    border-left: 1px solid #eeeff0;
    opacity: 0;
    transition: all 0.5s;
}
.sidebar-list-items-wrap >li:hover:after,.sidebar-list-items-wrap >li.active:after{
    opacity: 1;
}
.sidebar-list-items-wrap >li:hover,.sidebar-list-items-wrap >li.active{
    background-color: #f8f8f8;
}
.p-l-item-info{
    width:100%;
}
.p-l-item-info h6{
    margin-bottom: 3px;
}
.p-l-item-info p{
    color: #8e8e8e;
}
.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;
}
.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;
}
.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);
}

/*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;
}
/*HF End*/

.after-none{
    padding-left: 0 !important;
}
.after-none:after{
    display: none;
}

.table-lighten > thead > tr > th{
    background-color: #f8f8f8;
}
.table-lighten > tbody > tr:nth-child(odd){
    background-color: #fdfdfd;
}
.table-lighten > tbody > tr{
    background-color: rgba(218,218,218,0.2); 
}
.social-icon-cus{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    font-size: .8em;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 0 auto;
}
.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input + label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #2196f3;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #2196f3;
}
.avatar-upload .avatar-edit input + label:hover:after{
    color:#2196f3;
}
.avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #ffffff;
    position: absolute;
    margin: auto;
}
.avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.form-label-cus{
    display: flex;
    background-color: #f6f6f6;
    width: 100%;
    min-height: 28px;
    margin-top: 2px;
    align-items: center;
    padding: 0 7px;
    border-radius: 5px;
    color: #7b7b7b;
}
.optout-item{
    width: 100%;
    height: 50px;
    border: 1px solid #eeeff0;
    border-radius: 4px;
}
.optout-item .remove-items-wrap{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    border-right: 1px solid #eeeff0;
    padding-top: 5px;
    margin-right: 10px;
    cursor: pointer;
    float:left;
    position: relative;
}
/*.optout-item .remove-items-wrap:after{
    position: absolute;
    content: '';
    border-right: 1px solid #eeeff0;
    
}*/
.optout-item >span{
    float: left;
    height: 100%;
    display: flex;
    width: calc(100% - 60px);
    align-items: center;
    font-size: 0.9em;
}

.trash {
    background: #ff6873;
    width: 13px;
    height: 14px;
    display: inline-block;
    position: relative;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.trash span {
    position: absolute;
    height: 3px;
    background: #ff6873;
    top: -4px;
    left: -1px;
    right: -10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: rotate(0deg);
    transition: transform 250ms;
    width: 16px;
    transform-origin: 1px 5px;
}
.trash span:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    background: #ff6873;
    top: -3px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: rotate(0deg);
    transition: transform 250ms;
    transform-origin: 19% 100%;
    left: 4px;
}


.trash i {
    position: relative;
    width: 1px;
    height: 8px;
    background: #fff;
    display: block;
    margin: 3px auto;
    border-radius: 5px;
}
.trash i:after {
    content: '';
    width: inherit;
    height: inherit;
    background: #fff;
    position: absolute;
    left: -3px;
    border-radius: 5px;
}
.trash i:before {
    content: '';
    width: inherit;
    height: inherit;
    background: #fff;
    position: absolute;
    right: -3px;
    border-radius: 5px;
}

.remove-items-wrap:hover .trash span {
    transform: rotate(-45deg);
    transition: transform 250ms;
}
.optout-causes-list{
    list-style: none;
    width: 100%;
    display: inline-block;
    padding: 0;
}
.optout-causes-list li{
    width: calc(100% / 3.1);
    float: left;
    margin: 10px 4px 0;
}
.qr-frame-wrap{
    width: 50%;
    margin: auto;
}
.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 2rem;
    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: #ddd;
    color: #000;
    transition: all 0.5s;
    font-size: 1.2em;
    cursor: pointer;
}
.qr-url-frame-wrap >i:hover{
    background-color: #62aa62;
    color: #fff;
}
.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;
}
.is-first{
    height:28px;
}
.ic-mb{
    font-size: 1.3em;
}
/*.inbox-msg-list-wrap{
    list-style: none;
    padding: 0;
    width: 100%;
    min-height: 48px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fbfbfb;
    box-shadow: 1px 1px 4px -2px #bdbdbd;
}
.inbox-msg-list-wrap li{
    height: inherit;
    position: relative;
    display: flex;
    align-items: center;
    width: calc((100% - 60px) / 4);
    padding: 0 1rem;
    justify-content: center;
}
.inbox-msg-list-wrap li > 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 li >span{
    font-size:.9em;
    color: #909090;
}
.inbox-msg-list-wrap li:nth-child(2) > i{
    font-size: 1.3em;
}
.inbox-msg-list-wrap li:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 17px;
    background-color: #d6d3d3;
    box-shadow: 1px 0px 0px 0px #eeeeee;
    right: 0;
}
.inbox-msg-list-wrap li:last-child:after{
    display: none;
}
.inbox-msg-list-wrap li:first-child{
    width: 60px;
}*/
.filter-box-wrap.fbw-col .fb-head{
    padding-top: 15px;
    margin-top: 0;
}
.wallet-credit-wrap{
    padding: 10px;
    background-color: transparent;
    height: 68px;
    width: 300px;
    float: right;
}
.wallet-credit-wrap .wcw-content{
    background-color: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 10px;
    box-shadow: 1px 1px 0px 1px #40afff;
    border: 1px solid #20a2ff;
}
.wallet-credit-wrap .wcw-content span{
    color: #2095ff;
    font-size: 1.1em;
    font-weight: 600;
}
.wallet-credit-wrap .wcw-content span > i{
    font-size: 1.3em;
}
.wallet-credit-wrap .wcw-content span:last-child{
    font-size: 1.3em;
    color: #04539c;
}
.wallet-credit-wrap .wcw-content span:last-child >i{
    font-size: 1em;
}
/*Tb-style**/
.nested-tb{
    border-collapse: separate;
    border-spacing: 0 5px;
}
.nested-tb > thead > tr > th{
    /*background-color: #5962a6;*/
    background-color: #1e87da;
    color: #ffffff;
    padding: 10px;
    position: sticky;
    top: 0;
    white-space: nowrap;
}
.nested-tb.ns-center > thead > tr > th,.nested-tb.ns-center > tbody > tr > td{
    text-align: center;
}
.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;
}
.nested-tb > tbody > tr{
    transition: all 0.5s;
}
.nested-tb > tbody > tr:hover{
    box-shadow: 0px 4px 4px -4px #c3c3c3;
}
.nested-tb > tbody > tr > td:first-child {
    border-radius: 5px 0 0 5px;
}
.nested-tb > tbody > tr > td:last-child{
    border-radius: 0 5px 5px 0;
}
/*Tb-style end**/
.chart-flag > i{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
}
.tb-scroller{
    height: 265px;
    border-radius: 5px 5px 0 0;
}
.m-btn-cs{
    margin-top: 1px;
}
.head-full-box{
    border: 1px solid #ebeeef;
    border-top: none;
    box-shadow: 0px 3px 6px -6px #52757f;
}
.keywords-row-wrap .keywords-detail-list{
    list-style: none;
    padding: 0 16px;
    margin:0 0 8px;
    display: flex;
    flex-direction: row;
    position: relative;
}
.keywords-row-wrap .keywords-detail-list > li{
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.keywords-row-wrap .keywords-detail-list > li >i{
    color: #77879a;
}
.keywords-row-wrap .keywords-detail-list > li:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #d3d3d3;
    right: -2px;
    border-radius: 50%;
}
.keywords-row-wrap .keywords-detail-list > li:last-child:after{
    display:none;
}
.kw-date{
    font-size: 0.9em;
    color: #858585;
}
.keywords-row-wrap h6 span{
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.keywords-row-wrap h6 span:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #d3d3d3;
    right: -2px;
    border-radius: 50%;
    top:calc(50% - 2px);
}
.keywords-row-wrap h6 span:last-child:after{
    display: none;
}
.anim-top{
    animation: 0.5s ease-out 0s 1 slideInTop;
}

@keyframes slideInTop {
    0% {
        transform: translateY(10%);
        opacity:0;
    }
    100% {
        transform: translateY(0);
        opacity:1;
    }
}

.kw-sms-count{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 85px;
    border-left: 1px solid #ddd;
    font-weight: 500;
    color: #22b66e;
}
.kw-sms-count > b{
    color: #6b6b6b;
}
.kw-item-row{
    transition: all 0.5s;
}
.kw-item-row.collapsed{
    background-color:unset;
    box-shadow: none;
}
.kw-item-row.active,.kw-item-row:hover{
    background-color: #f4f4f4;
    box-shadow: 0px 0px 4px 2px #e8e8e8;
}
.btn-w-icon-material.r-side{
    padding-right: 46px;
    padding-left: 20px;
}
.btn-w-icon-material.r-side >i{
    left: auto;
    right:0;
}
.p-relative{
    position: relative;
}
.center-btn-between-wrap{
    display: flex;
}

.multi-select-cus{
    background-color: #f1f8ff !important;
}
.multi-select-cus option{
    border-radius: 4px;
    padding: 2px 10px;
    transition: all 0.5s;
}

.head-select-wrap .btn-w-icon-material{
    padding-top: 5px;
    padding-bottom: 5px;
}
.nested-tb.ns-r-detail > tbody > tr > td:first-child{
    padding:0 !important;
    padding-left: 10px !important;
}
.nested-tb.ns-r-detail > tbody > tr:hover .r-dt-wrap {
    transform: translateX(0);
}
.nested-tb.ns-r-detail > tbody > tr:hover .r-dt-wrap .row-btn-cus{
    transform: perspective(500px) rotateY(0deg);
    opacity: 1;
    margin-right: 10px;
}
.r-dt-wrap{
    position: relative;
    display: flex;
    align-items: center;
    height:100%;
    transform: translateX(-35px);
    transition: all 0.2s;
}
.r-dt-wrap .row-btn-cus{
    position: relative;
    width: 28px;
    height: inherit;
    border-radius: 5px 0 0 5px;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    font-size: 1.6em;
    transition: all 0.5s;
    transform: perspective(500px) rotateY(90deg);
    transform-origin: left center;
    display: flex;
    opacity: 0;
}
.t-nowrap{
    white-space: nowrap;
}
.paket-status-wrap{
    border:1px solid #ddd;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.ps-r-s{
    display: flex;
    flex-direction: column;

}
.ps-r-s > h6{
    padding: 0;
    margin-bottom: 4px;
}
.ps-r-s > h6:after{
    display: none;
}


.ps-r-s > ul{
    list-style: none;
    margin: 0;
    padding: 0;

}
.ps-r-s > ul li{
    margin-right: 5px;
    position: relative;
    float: left;
    padding: 0 10px;
}
.ps-r-s > ul li:first-child{
    padding-left: 0;
}
.ps-r-s > ul li span:first-child{
    color: #818181;
}
.ps-r-s > ul li:after{
    position: absolute;
    content: '';
    width: 2px;
    height: 10px;
    background-color: #d3d3d3;
    right: 0;
    top: calc(50% - 3px);
    border-radius: 50%;
}
.ps-r-s > ul li:last-child:after{
    display: none;
}
.ps-l-s{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding-left: 12px;
}
.ps-l-s:after{
    position: absolute;
    content: '';
    width: 2px;
    height: 22px;
    background-color: #dddddd;
    left: 0;
    top: calc(50% - 10px);
    border-radius: 50%;
}
.ps-l-s span:last-child{
    font-weight: 500;
}
.ps-l-s i{
    font-size: 1.3em;
}
.sum-dou-chart canvas{
    /*    width: 525px!important;
        height: 260px!important;*/
}
.deliver-status-wrap{
    list-style: none;
    margin: 0;
    border: 1px solid #ececec;
    border-radius: 6px;
    background-color: #f6f6f6;
    float: left;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    font-size: 1.1em;
}
.deliver-status-wrap li{
    float:left;
    position: relative;
}
.deliver-status-wrap:after{
    position: absolute;
    content: '';
    width: 2px;
    height:20px;
    top:calc(50% - 10px);
    border-radius: 50%;
    background-color: #ddd;
}
.deliver-status-wrap li span:last-child{
    font-weight: 500;
}
.total-crd-wrap {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 10px;
}
.title-cus-breadcrumb{
    list-style: none;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding:0;
    margin:0;

}
.title-cus-breadcrumb li:first-child{
    padding-left: 0;
    color: #a4a4a4;
}
.title-cus-breadcrumb li{
    position: relative;
    padding: 0 10px;
    display: flex;
    align-items: center;
}
.title-cus-breadcrumb li:last-child:after{
    display: none;
}
.title-cus-breadcrumb li:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background-color: transparent;
    right: -3px;
    border-right: 2px solid #353535;
    border-top: 2px solid #353535;
    transform: rotate(45deg);
}
.d-flex-align-right{
    display: flex;
    justify-content:flex-end; 
}
.d-flex-row-revers{
    flex-direction: row-reverse !important;
}
.lb-flex-optmz{
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
}
.lb-flex-optmz >span{
    white-space: nowrap;
}
.lb-flex-optmz >b{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}