@import url("../css/bootstrap.css");
@import url("../css/icons.css");
@font-face{
    font-family:'lab_grotesquebold';
    src:url("../fonts/labgrotesque-bold.woff2")
        format("woff2"),url("../fonts/labgrotesque-bold.woff")
        format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'lab_grotesquelight';
    src:url("../fonts/labgrotesque-light.woff2")
        format("woff2"),url("../fonts/labgrotesque-light.woff")
        format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'lab_grotesquemedium';
    src:url("../fonts/labgrotesque-medium.woff2")
        format("woff2"),url("../fonts/labgrotesque-medium.woff")
        format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'lab_grotesqueregular';
    src:url("../fonts/labgrotesque-regular.woff2")
        format("woff2"),url("../fonts/labgrotesque-regular.woff")
        format("woff");
    font-weight:normal;
    font-style:normal
}
.portage-bg{
    background-color:#A280EC
}
.whtClr{
    color:#fff
}
.whtbg,.box{
    background-color:#fff
}
.basefontcolor,.custom-tabs .nav-link{
    color:#444
}
.basefontcolor:focus,.custom-tabs .nav-link:focus{
    color:#444
}
.basefontcolor:hover,.custom-tabs .nav-link:hover{
    color:#444
}
.primarynew-clr{
    color:#45A5E2
}
.warning-bg{
    background-color:#FFFBEC
}
.accentClr{
    color:#45A5E2
}
.successClr{
    color:#45A5E2
}
.warningClr{
    color:#F8AA4E
}
.darkLighterBg{
    background-color:#536470;
    color:#BFCED7
}
.bostonBlue{
    color:#3C8AB6
}
.boston-blue-bg{
    background-color:#3C8AB6 !important;
    color:#fff !important
}
.sandy-brown-bg{
    background:#F49273
}
.lightClr{
    color:#92A3BF
}
.defaultRadius,.box{
    border-radius:4px
}
.block-shadow{
    box-shadow:20px 10px 20px rgba(68,68,68,0.12)
}
.menu-shadow{
    box-shadow:0px 10px 30px 15px rgba(68,68,68,0.12) !important
}
.small-font,.custom-accordian .card-header,.custom-accordian .card-header .txt,.custom-accordian .card-header .txt .count,.ticket .time,.meta-listing li,.left.sub-side-menu .top .btn,.left.sub-side-menu .top h2 span,.left.sub-side-menu .menu a .txt span,.left.ticket-listing .top .btn,.left.ticket-listing .top .breadcrumb li,.left.ticket-listing .top .breadcrumb li a{
    font-size:12px
}
.basic-font,.breadcrumb .breadcrumb-item a,.left.sub-side-menu .menu .has-sub-menu li a .txt,.custom-tabs .nav-link{
    font-size:14px !important
}
.medium-font,.ticket .top h4,.ticket h5,#sidebar-menu>ul>li>a.active,.custom-tabs .nav-link.active{
    font-size:16px !important
}
.large-font{
    font-size:18px !important
}
.xlarge-font,.service-catalog-page .catalog-items-listing .price,.breadcrumb .breadcrumb-item{
    font-size:20px !important
}
.xxl-font{
    font-size:32px !important;
    line-height:1.09
}
a{
    color:#4181CD
}
.light-font,.left.sub-side-menu .top h2 span{
    font-family:'lab_grotesquelight'
}
.regulat-font,.left.sub-side-menu .menu .has-sub-menu li a .txt,.left.sub-side-menu .menu .has-sub-menu li a .count{
    font-family:'lab_grotesqueregular'
}
.mediumFont,.ticket h5,.knowledgebase-search-page .txtBlock h5,.breadcrumb .breadcrumb-item,.btn,form .formLabel{
    font-family:'lab_grotesquemedium'
}
.boldFont,.ticket .top h4,.ticket .top .count,.banner-section .txt h1,.left.sub-side-menu .top .btn,.left.sub-side-menu .top h2,.left.sub-side-menu .menu a .count,.left.sub-side-menu .menu a .txt,.left.ticket-listing .top .btn,.custom-tabs .nav-link.active{
    font-family:'lab_grotesquebold'
}
*{
    box-sizing:border-box
}
body{
    background:#F7F8FC;
    font-family:"lab_grotesqueregular";
    font-size:14px;
    color:#444;
    margin:0;
    overflow-x:hidden
}
html{
    overflow-x:hidden;
    position:relative;
    min-height:100%;
    background:#F7F8FC
}
html.panelOpen{
    overflow:hidden
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-family:"lab_grotesqueregular"
}
h1{
    line-height:43px
}
h2{
    line-height:35px
}
h3{
    line-height:30px
}
h4{
    line-height:22px
}
h5{
    font-size:16px
}
h6{
    font-size:14px
}
b,strong{
    font-weight:500;
    font-family:'lab_grotesquemedium'
}
*{
    outline:none !important
}
a:hover{
    outline:0;
    text-decoration:none
}
a:active{
    outline:0;
    text-decoration:none
}
a:focus{
    outline:0;
    text-decoration:none
}
.dInline{
    display:inline-block !important
}
.dInlineBlock,.indicator,.ticket .top .count,.meta-listing li{
    display:inline-block !important
}
.dBlock{
    display:block !important
}
.dropdown-toggle::after{
    border:0px;
    background:url(../images/svg/dropdownArrow.svg) no-repeat;
    width:8px;
    height:6px;
    background-size:100%;
    vertical-align:middle
}
.clr:after,.ticket:after,.ticket .top:after,.ticket-content .top:after,.ticket-content .title:after,.meta-listing:after,.type-comment .content:after,.left.sub-side-menu .top:after,.left.sub-side-menu .menu a:after,.left.ticket-listing .top:after{
    content:'';
    clear:both;
    width:100%;
    display:block
}
.container{
    width:auto;
    padding-left:10px;
    padding-right:10px
}
.container-alt{
    margin-left:auto;
    margin-right:auto;
    padding-left:15px;
    padding-right:15px;
    max-width:1170px
}
.footer{
    display:none;
    background-color:#fff;
    border-top:1px solid rgba(27,41,50,0.05);
    bottom:0;
    padding:20px 20px;
    position:absolute;
    right:0;
    left:155px;
    font-family:"lab_grotesqueregular";
    font-size:14px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out
}
#wrapper{
    height:100%;
    width:100%
}
.page{
    bottom:0;
    left:0;
    right:0;
    top:0
}
.box-shadow{
    box-shadow:0 13px 8px rgba(0,0,0,0.05)
}
.searchHolderCommon{
    border-radius:4px;
    background-color:#536470;
    margin-bottom:15px
}
.searchHolderCommon.formField{
    border:0px
}
.searchHolderCommon input{
    background:transparent;
    border:0px;
    outline:none;
    color:#BFCED7;
    font-size:12px;
    width:calc(100% - 20px);
    float:left
}
.searchHolderCommon .icon{
    display:block;
    width:20px;
    text-align:right;
    float:right;
    cursor:pointer
}
.pageTop .options li{
    display:inline-block;
    float:left
}
.mr-5,.modal .btn{
    margin-right:5px !important
}
.m-8{
    margin:.5rem
}
.mt-8{
    margin-top:.5rem
}
.mr-8{
    margin-right:.5rem
}
.mb-8{
    margin-bottom:.5rem
}
.ml-8{
    margin-left:.5rem
}
.mt--10{
    margin-top:-10px
}
.m-5{
    margin:5px !important
}
.mt-5{
    margin-top:5px !important
}
.ml-5,.modal .btn,.indicator{
    margin-left:5px !important
}
.mb-5,.ticket h5{
    margin-bottom:5px !important
}
.mr-5,.modal .btn{
    margin-right:5px !important
}
.mt-10{
    margin-top:10px
}
.ml-10{
    margin-left:10px
}
.mb-10{
    margin-bottom:10px
}
.mr-10{
    margin-right:10px
}
.mr--10{
    margin-right:-10px
}
.right--15{
    right:-15px
}
.mt-15{
    margin-top:15px
}
.ml-15{
    margin-left:15px
}
.mr-15{
    margin-right:15px
}
.mb-15,.ticket,.ticket p{
    margin-bottom:15px
}
.m-20{
    margin:20px
}
.mt-20{
    margin-top:20px
}
.ml-20{
    margin-left:20px
}
.mr-20{
    margin-right:20px
}
.mb-20{
    margin-bottom:20px
}
.m-30{
    margin:30px
}
.mt-30{
    margin-top:30px
}
.mr-30{
    margin-right:30px
}
.mb-30{
    margin-bottom:30px
}
.ml-30{
    margin-left:30px
}
.mb-50{
    margin-bottom:50px
}
.p-0{
    padding:0px
}
.pt-0{
    padding-top:0px
}
.pr-0{
    padding-right:0px
}
.pb-0{
    padding-bottom:0px
}
.pl-0{
    padding-left:0px
}
.p-5{
    padding:5px !important
}
.pt-5{
    padding-top:5px !important
}
.pr-5,.box .stats li{
    padding-right:5px !important
}
.pb-5{
    padding-bottom:5px !important
}
.pl-5{
    padding-left:5px !important
}
.p-10{
    padding:10px !important
}
.pt-10{
    padding-top:10px !important
}
.pr-10{
    padding-right:10px !important
}
.pb-10{
    padding-bottom:10px !important
}
.pl-10{
    padding-left:10px !important
}
.p-15,.box{
    padding:15px !important
}
.pt-15{
    padding-top:15px !important
}
.pr-15{
    padding-right:15px !important
}
.pb-15{
    padding-bottom:15px !important
}
.pl-15{
    padding-left:15px !important
}
.p-30{
    padding:30px !important
}
.pt-30{
    padding-top:30px !important
}
.pr-30{
    padding-right:30px !important
}
.pb-30{
    padding-bottom:30px !important
}
.pl-30{
    padding-left:30px !important
}
.p-100{
    padding:100px !important
}
.pt-100{
    padding-top:100px !important
}
.pr-100{
    padding-right:100px !important
}
.pb-100{
    padding-bottom:100px !important
}
.pl-100{
    padding-left:100px !important
}
.p-0{
    padding:0px !important
}
.pt-0{
    padding-top:0px !important
}
.pr-0{
    padding-right:0px !important
}
.pb-0{
    padding-bottom:0px !important
}
.pl-0{
    padding-left:0px !important
}
.m-0{
    margin:0px !important
}
.mt-0{
    margin-top:0 !important
}
.mr-0{
    margin-right:0 !important
}
.mb-0,.custom-accordian .card-header .txt .count{
    margin-bottom:0 !important
}
.ml-0{
    margin-left:0 !important
}
.dropdown-toggle::after{
    border:0px;
    background:url(../images/svg/dropdownArrow.svg) no-repeat;
    width:8px;
    height:6px;
    background-size:100%;
    vertical-align:middle
}
.disabled{
    opacity:.25
}
.tag{
    font-weight:normal !important
}
.tag.btn{
    color:#444 !important
}
.tag.tag-primary{
    background-color:#D2E1FF
}
.tag.tag-secondary{
    background-color:#F7F8FC
}
.tag.tag-warning{
    background-color:#FFFBEC
}
.tag.dropdown-toggle::after{
    display:none
}
.noBorder{
    border:0px !important
}
.truncate{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.contentBlock{
    background-color:#fff;
    padding:10px
}
.contentBlock h5{
    line-height:34px
}
.dropdown-menu{
    transform:translate3d(0, 0, 0) !important;
    position:absolute !important;
    top:0px !important;
    box-shadow:0px 10px 30px 15px rgba(68,68,68,0.12) !important;
    border:0px !important
}
.dropdown-menu.mid{
    width:250px
}
.dropdown-menu.md{
    width:250px
}
.dropdown-menu.lg{
    width:415px
}
.dropdown-menu .field-label{
    width:30px;
    display:block;
    float:left;
    margin-bottom:0px
}
.dropdown-menu input{
    display:block;
    width:calc(100% - 40px) !important;
    float:right !important
}
.dropdown-menu input.full-width{
    width:100% !important
}
.dropdown-menu .formField.md label{
    line-height:30px
}
.menuHolder{
    position:relative
}
.menuHolder .noArrow:after{
    display:none
}
.menuHolder .dropdown-menu{
    transform:translate3d(-15px, 0, 0) !important;
    position:absolute !important;
    top:100% !important;
    min-width:132px !important
}
.menuHolder .dropdown-menu h6{
    font-weight:600;
    padding:6px 1rem
}
.menuHolder .dropdown-menu.dropdown-menu-right{
    transform:translate3d(0, 0, 0) !important;
    left:auto !important;
    right:0px
}
.menuHolder .dropdown-submenu{
    position:relative
}
.menuHolder .dropdown-submenu:hover .dropdown-menu{
    display:block;
    opacity:1 !important;
    margin:0px;
    left:-95%;
    top:5px !important;
    visibility:visible;
    transform:translate3d(0, 0, 0) !important;
    min-width:100% !important
}
.dropdown-menu-arrow{
    top:-22px;
    left:30px;
    width:0;
    height:0;
    position:relative
}
.dropdown-menu-arrow:before,.dropdown-menu-arrow:after{
    content:"";
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-width:7px 8px;
    border-style:solid;
    border-color:transparent;
    z-index:1001
}
.dropdown-menu-arrow:after{
    bottom:-18px;
    right:-8px;
    border-bottom-color:#fff
}
.dropdown-menu-arrow:before{
    bottom:-17px;
    right:-8px;
    border-bottom-color:rgba(0,0,0,0.15)
}
.notes-listing{
    position:relative;
    min-height:341px
}
.notes-listing .slimScrollDiv{
    height:286px !important
}
.notes-listing .notes{
    height:100% !important
}
.notes-listing .note{
    border-bottom:1px solid #DEE2E6;
    margin-bottom:10px;
    padding-right:20px
}
.notes-listing .note .txt{
    float:left;
    width:calc(100% - 30px)
}
.notes-listing .note .menuHolder{
    float:right;
    top:6px
}
.notes-listing .note p{
    margin-bottom:10px;
    padding-bottom:0px
}
.notes-listing .writeArea{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%
}
.notes-listing .writeArea input[type="text"]{
    float:left;
    width:calc(100% - 25px)
}
.notes-listing .writeArea .icon{
    float:right;
    width:22px;
    cursor:pointer
}
.notes-listing .info{
    position:absolute;
    right:0px;
    bottom:-25px;
    opacity:.75
}
.lsr-table .truncate{
    width:100%;
    max-width:200px
}
.lsr-table .slimScrollDiv{
    height:355px !important
}
.lsr-table .slimScrollDiv .slimscrollleft{
    height:100% !important
}
.modal .modal-header{
    background:#F7F8FC;
    border-bottom:0px
}
.modal.modal-xl .modal-dialog{
    max-width:670px
}
.modal .modal-header{
    background-color:#fff
}
.modal form{
    width:100%;
    max-width:415px;
    margin:auto
}
.modal .field-title{
    display:block;
    width:135px;
    float:left
}
.modal .formField{
    display:block;
    width:calc(100% - 135px);
    float:right;
    margin-right:0px
}
.modal .btn{
    min-width:100px
}
.modal .modal-footer{
    border-top:0px !important
}
form .field-title{
    display:block;
    width:175px;
    float:left;
    padding-left:15px
}
form .formField{
    display:block;
    width:calc(100% - 205px);
    float:right;
    margin-right:30px
}
form .btn{
    min-width:75px
}
.no-border{
    border:0px !important
}
.pointer{
    cursor:pointer
}
.pageTop .options.show-listing{
    padding-top:7px
}
.full-width{
    width:100% !important
}
.separator{
    margin:1rem 0;
    height:1px
}
.separator-new{
    height:1px;
    background:#BFCED7
}
.section-title{
    position:relative;
    line-height:38px
}
.section-title span.txt{
    display:inline-block;
    background-color:#fff;
    padding-right:15px;
    position:relative;
    z-index:1
}
.section-title:before{
    width:100%;
    height:1px;
    content:'';
    display:block;
    border-bottom:1px solid #BFCED7;
    position:absolute;
    left:0px;
    top:50%;
    transform:translateY(-50%)
}
.contentBlock .top-right-options{
    padding-left:15px;
    background-color:#fff;
    position:relative;
    z-index:1
}
.custom-accordian .card{
    background-color:transparent;
    border:0px
}
.custom-accordian .card-header{
    padding:10px 15px;
    position:relative;
    background:transparent;
    border:0px
}
.custom-accordian .card-header .txt{
    color:#444;
    position:relative;
    cursor:pointer;
    padding-left:15px
}
.custom-accordian .card-header .txt:before{
    content:'';
    display:block;
    width:7px;
    height:7px;
    background:url(../images/svg/dropdownArrow.svg) no-repeat center center;
    position:absolute;
    left:0px;
    top:50%;
    transform:translateY(-50%);
    background-size:100% 100%
}
.custom-accordian .card-header .txt.collapsed:before{
    background:url(../images/svg/drop-arrow.svg) no-repeat center center;
    background-size:100% 100%
}
.custom-accordian .card-header .txt .count{
    position:absolute;
    right:0px;
    top:50%;
    transform:translateY(-50%);
    text-align:right
}
.custom-accordian .card-body{
    padding:0px
}
.indicator{
    width:8px;
    height:8px;
    border-radius:100%;
    position:relative
}
.indicator.danger{
    background-color:#DA5656
}
.indicator.warning{
    background-color:#F8AA4E
}
.indicator.success{
    background-color:#5BC1B5
}
.indicator.lg{
    width:14px;
    height:14px
}
.ticket .icon img{
    max-width:15px;
    vertical-align:initial
}
.ticket .top .indicator{
    position:absolute;
    right:0px;
    top:4px
}
.ticket .top .indicator.danger{
    background-color:#DA5656
}
.ticket .top .indicator.warning{
    background-color:#F8AA4E
}
.ticket .top h4{
    margin-bottom:0px;
    color:#444
}
.ticket .top .count{
    width:18px;
    line-height:20px;
    height:18px;
    border-radius:100%;
    text-align:center;
    color:#fff;
    font-size:10px;
    position:relative;
    top:-2px
}
.ticket .top .count.success{
    background-color:#5BC1B5
}
.ticket .time{
    color:#A0B2C0;
    text-transform:uppercase;
    position:relative;
    padding-right:15px
}
.ticket .content{
    padding-left:15px;
    padding-right:15px;
    border-bottom:1px solid #BFCED7
}
.ticket h5{
    color:#444
}
.ticket p{
    font-size:13px;
    color:#444;
    opacity:.75
}
.ticket.unread{
    background-color:#F0F5FF
}
.ticket-content .top .dropdown-toggle::after{
    display:none
}
.ticket-content .top .badge{
    font-size:12px !important;
    color:#444
}
.ticket-content .top .badge-warning{
    color:#444 !important
}
.ticket-content .title .txt{
    width:100%;
    float:left
}
.ticket-content .title .icon{
    width:25px;
    padding-right:5px;
    float:left;
    display:none
}
.ticket-content .title .icon img{
    max-width:100%
}
.ticket-content .title.has_icon .icon{
    display:block
}
.ticket-content .title.has_icon .txt{
    width:calc(100% - 30px)
}
.ticket-content .type-comment{
    width:calc(100% - 765px)
}
.meta-listing{
    border-bottom:1px solid #BFCED7
}
.meta-listing li:after{
    content:'';
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:100%;
    background-color:#A0B2C0;
    margin:0 10px;
    position:relative;
    top:-2px
}
.meta-listing li:last-child::after{
    display:none
}
.meta-listing a{
    color:#3C8AB6
}
.meta-listing .user-img{
    width:24px;
    height:24px;
    text-align:center;
    line-height:24px;
    vertical-align:middle;
    position:relative;
    top:-2px;
    color:#fff;
    font-weight:bold;
    font-size:8px;
    border-radius:100%
}
.meta-listing .user-img img{
    width:100%;
    display:block;
    border-radius:100%
}
.comments .comment{
    border-bottom:1px solid #BFCED7
}
.comments .comment .time{
    opacity:.55
}
.comments .comment .img-holder{
    width:36px;
    display:none
}
.comments .comment .txt{
    width:100%;
    float:right
}
.comments .comment .meta-info{
    opacity:.55
}
.comments .comment.has-img .img-holder{
    display:block
}
.comments .comment.has-img .txt{
    width:calc(100% - 46px);
    float:right
}
.comments .comment.warning-bg{
    background-image:url(../images/svg/comment-icon-warning.svg);
    background-repeat:no-repeat;
    background-position:10px 20px;
    padding-left:40px !important
}
.user-avatar{
    border-radius:100%;
    text-align:center;
    color:#fff
}
.user-avatar img{
    max-width:100%;
    border-radius:100%
}
table .user-avatar{
    width:24px;
    height:24px
}
.type-comment{
    position:fixed;
    bottom:0px;
    right:0px;
    background-color:#fff
}
.type-comment input[type="text"]{
    font-size:12px;
    width:calc(100% - 70px);
    float:left
}
.type-comment .actions{
    float:right;
    width:70px;
    text-align:right
}
.type-comment .actions li{
    border-right:1px solid #BFCED7;
    display:inline-block;
    padding:0 10px
}
.type-comment .actions li:last-child{
    border:0px;
    padding-right:0px
}
.type-comment .actions a{
    display:inline-block
}
.progress-content{
    background:#F7F8FC;
    border-radius:4px;
    width:100%
}
.progress-content .txt{
    border-right:1px solid #fff;
    width:135px;
    float:left
}
.progress-content .progress{
    float:left;
    width:calc(100% - 145px);
    height:40px;
    background-color:transparent
}
.progress-content .progress .progress-bar{
    height:100%;
    border-radius:4px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px
}
table .progress-content{
    width:250px;
    border-top-left-radius:0px !important;
    border-bottom-left-radius:0px !important
}
.valign-m{
    vertical-align:middle
}
.add-project-form{
    width:100%;
    max-width:1050px
}
.rightPanelHolder{
    position:fixed;
    width:calc(100% - 40vw);
    height:100vh;
    right:-100%;
    transition:all linear 0.55s;
    top:0px;
    padding-top:60px;
    overflow-y:auto;
    background:#fff;
    z-index:99;
    overflow-x:hidden;
    -webkit-box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35);
    -moz-box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35);
    box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35)
}
.rightPanelHolder .ticket-content{
    position:relative
}
.rightPanelHolder .rightSidePanelCloser{
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer
}
.rightPanelHolder.open{
    right:0px
}
.rightPanelHolder form .field-title{
    width:175px;
    padding-left:15px
}
.rightPanelHolder form .formField{
    width:calc(100% - 195px);
    margin-right:20px
}
.rightPanelHolder form .btn{
    min-width:135px
}
.rightPanelHolder1{
    position:fixed;
    width:calc(100% - 40vw);
    height:100vh;
    right:-100%;
    transition:all linear 0.55s;
    top:0px;
    padding-top:60px;
    overflow-y:auto;
    background:#fff;
    z-index:99;
    overflow-x:hidden;
    -webkit-box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35);
    -moz-box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35);
    box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35)
}
.rightPanelHolder1 .ticket-content{
    position:relative
}
.rightPanelHolder1 .rightSidePanelCloser1{
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer
}
.rightPanelHolder1.open{
    right:0px
}
.rightPanelHolder1 form .field-title{
    width:175px;
    padding-left:15px
}
.rightPanelHolder1 form .formField{
    width:calc(100% - 195px);
    margin-right:20px
}
.rightPanelHolder1 form .btn{
    min-width:135px
}
.rightPanelHolder2{
    position:fixed;
    width:calc(100% - 40vw);
    height:100vh;
    right:-100%;
    transition:all linear 0.55s;
    top:0px;
    padding-top:60px;
    overflow-y:auto;
    background:#fff;
    z-index:99;
    overflow-x:hidden;
    -webkit-box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35);
    -moz-box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35);
    box-shadow:0px 114px 194px 0px rgba(0,0,0,0.35)
}
.rightPanelHolder2 .ticket-content{
    position:relative
}
.rightPanelHolder2 .rightSidePanelCloser2{
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer
}
.rightPanelHolder2.open{
    right:0px
}
.rightPanelHolder2 form .field-title{
    width:175px;
    padding-left:15px
}
.rightPanelHolder2 form .formField{
    width:calc(100% - 195px);
    margin-right:20px
}
.rightPanelHolder2 form .btn{
    min-width:135px
}
.box .stats li{
    float:left;
    width:33.33%
}
.scnd-grid .row{
    margin-left:-10px;
    margin-right:-10px
}
.scnd-grid .row .col,.scnd-grid .row .col-1,.scnd-grid .row .col-10,.scnd-grid .row .col-11,.scnd-grid .row .col-12,.scnd-grid .row .col-2,.scnd-grid .row .col-3,.scnd-grid .row .col-4,.scnd-grid .row .col-5,.scnd-grid .row .col-6,.scnd-grid .row .col-7,.scnd-grid .row .col-8,.scnd-grid .row .col-9,.scnd-grid .row .col-lg,.scnd-grid .row .col-lg-1,.scnd-grid .row .col-lg-10,.scnd-grid .row .col-lg-11,.scnd-grid .row .col-lg-12,.scnd-grid .row .col-lg-2,.scnd-grid .row .col-lg-3,.scnd-grid .row .col-lg-4,.scnd-grid .row .col-lg-5,.scnd-grid .row .col-lg-6,.scnd-grid .row .col-lg-7,.scnd-grid .row .col-lg-8,.scnd-grid .row .col-lg-9,.scnd-grid .row .col-md,.scnd-grid .row .col-md-1,.scnd-grid .row .col-md-10,.scnd-grid .row .col-md-11,.scnd-grid .row .col-md-12,.scnd-grid .row .col-md-2,.scnd-grid .row .col-md-3,.scnd-grid .row .col-md-4,.scnd-grid .row .col-md-5,.scnd-grid .row .col-md-6,.scnd-grid .row .col-md-7,.scnd-grid .row .col-md-8,.scnd-grid .row .col-md-9,.scnd-grid .row .col-sm,.scnd-grid .row .col-sm-1,.scnd-grid .row .col-sm-10,.scnd-grid .row .col-sm-11,.scnd-grid .row .col-sm-12,.scnd-grid .row .col-sm-2,.scnd-grid .row .col-sm-3,.scnd-grid .row .col-sm-4,.scnd-grid .row .col-sm-5,.scnd-grid .row .col-sm-6,.scnd-grid .row .col-sm-7,.scnd-grid .row .col-sm-8,.scnd-grid .row .col-sm-9,.scnd-grid .row .col-xl,.scnd-grid .row .col-xl-1,.scnd-grid .row .col-xl-10,.scnd-grid .row .col-xl-11,.scnd-grid .row .col-xl-12,.scnd-grid .row .col-xl-2,.scnd-grid .row .col-xl-3,.scnd-grid .row .col-xl-4,.scnd-grid .row .col-xl-5,.scnd-grid .row .col-xl-6,.scnd-grid .row .col-xl-7,.scnd-grid .row .col-xl-8,.scnd-grid .row .col-xl-9{
    padding-left:10px;
    padding-right:10px
}
.tag{
    position:relative;
    padding-right:35px !important;
    min-height:50px
}
.tag .icon{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer
}
.group-info-holder .holder{
    float:left;
    width:20%;
    padding-right:20px
}
.group-info-holder .holder:last-child{
    padding-right:0px
}
.group-info-holder .holder .graph-index{
    line-height:34px
}
.graph-holder{
    overflow:hidden
}
.mce-panel{
    border-color:#BFCED7 !important
}
.mce-tinymce{
    box-shadow:none !important;
    border-radius:4px
}
html,body{
    height:100%
}
.global-container{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#f5f5f5
}
.login-form{
    width:100%;
    max-width:400px;
    background:transparent;
    border:0px !important
}
.searchHolder{
    background-color:#fff;
    border:1px solid #BFCED7;
    border-radius:50px;
    width:100%;
    max-width:500px;
    margin:0 auto;
    padding:15px
}
.searchHolder input{
    width:calc(100% - 20px);
    border:0px;
    background-color:#fff;
    float:left
}
.searchHolder .icon{
    width:20px;
    float:right;
    cursor:pointer
}
.banner-section{
    background:url(../images/knowlegdebase-banner-bg.jpg) no-repeat rgba(19,23,53,0.75) 50% 0;
    background-blend-mode:color-burn;
    background-size:cover;
    margin-bottom:100px
}
.banner-section .txt{
    width:100%;
    max-width:800px;
    margin:auto;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:500px
}
.banner-section .txt h1,.banner-section .txt p{
    color:#fff
}
.banner-section .txt h1{
    text-transform:uppercase;
    margin-bottom:25px
}
.banner-section .txt p{
    font-size:18px;
    margin-bottom:50px
}
.knowledgebase-search-page a{
    color:#444
}
.knowledgebase-search-page .txtBlock{
    border-radius:4px;
    cursor:pointer
}
.knowledgebase-search-page .txtBlock .icon{
    margin-bottom:15px
}
.knowledgebase-search-page .txtBlock .icon img{
    max-width:100%
}
.knowledgebase-search-page .txtBlock h5{
    margin-bottom:15px
}
.knowledgebase-search-page .txtBlock p{
    padding-bottom:0px
}
.underline{
    text-decoration:underline
}
.service-catalog-page .left.sub-side-menu{
    margin-left:0px;
    left:0px
}
.service-catalog-page .content-page{
    margin-left:250px
}
.service-catalog-page .category{
    margin-bottom:30px
}
.service-catalog-page .category .icon{
    width:100px;
    display:flex;
    align-items:center;
    border-radius:100%;
    height:100px;
    float:left;
    justify-content:center
}
.service-catalog-page .category .icon.placeholder{
    border:1px solid #BFCED7
}
.service-catalog-page .category .icon.placeholder img{
    max-width:65%;
    max-height:65%
}
.service-catalog-page .category .icon img{
    max-width:80px
}
.service-catalog-page .category .txt{
    width:calc(100% - 115px);
    padding-left:15px;
    float:left;
    display:flex;
    justify-content:center;
    flex-direction:column;
    min-height:100px
}
.service-catalog-page .category .txt a{
    color:#444;
    text-decoration:underline
}
.service-catalog-page .catalog-items-listing .category{
    border:1px solid #BFCED7;
    padding:25px 15px 15px;
    border-radius:4px
}
.service-catalog-page #wrapper{
    overflow-y:auto
}
.dFlex{
    display:flex;
    align-items:center;
    justify-content:center
}
.dFlex.imgHolder img{
    max-width:90%
}
a.basic-color{
    color:#444
}
a.basic-color:hover{
    text-decoration:underline
}
.loginPage{
    height:100vh;
    overflow:hidden
}
.loginPage .col-md-6{
    padding:0px
}
.loginPage .login-img{
    overflow:hidden;
    height:100vh
}
.loginPage .login-img img{
    object-fit:cover;
    object-position:left;
    height:100%
}
.loginPage .rightContent{
    display:flex;
    align-items:center;
    justify-content:center
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#1B2932;
    z-index:9999999
}
.sk-three-bounce{
    margin:46px auto;
    width:80px;
    text-align:center
}
.sk-three-bounce .sk-child{
    width:20px;
    height:20px;
    background-color:#5BC1B5;
    border-radius:100%;
    display:inline-block;
    -webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation:sk-three-bounce 1.4s ease-in-out 0s infinite both
}
.sk-three-bounce .sk-bounce1{
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s
}
.sk-three-bounce .sk-bounce2{
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s
}
@-webkit-keyframes sk-three-bounce{
    0%,80%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes sk-three-bounce{
    0%,80%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.topbar{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:999;
    border-bottom:1px solid #BFCED7
}
.topbar .topbar-left{
    float:left;
    position:relative;
    width:150px;
    z-index:1;
    text-align:center
}
.logo{
    color:#fff !important;
    font-size:20px;
    font-weight:500;
    font-family:'lab_grotesquemedium';
    letter-spacing:.08em;
    line-height:60px;
    text-transform:uppercase
}
.logo img{
    max-width:125px
}
.navbar-custom{
    background-color:#fff;
    border:none;
    box-shadow:0 2px 3px -2px rgba(0,0,0,0.15)
}
.navbar-custom .dropdown.show .nav-link{
    background-color:rgba(255,255,255,0.2)
}
.navbar-custom .language-switch a img{
    float:right;
    margin-top:5px
}
.navbar-custom .notification-list .dropdown-menu{
    width:auto
}
.navbar-custom li{
    position:relative
}
.navbar-custom li:after{
    content:'';
    width:1px;
    height:21px;
    display:inline-block;
    position:absolute;
    transform:translateY(-50%);
    top:50%;
    background-color:#BFCED7;
    right:0px
}
.navbar-custom li:last-child::after{
    display:none
}
.navbar-custom .list-inline-item:not(:last-child){
    margin-right:0px
}
.notification-list{
    margin-left:0;
    padding-right:15px
}
.notification-list .noti-title{
    border-radius:0.25rem 0.25rem 0 0;
    margin:-4px 0px 0px 0px;
    width:auto;
    padding:12px 20px
}
.notification-list .noti-title h5{
    margin:0;
    font-size:14px;
    text-transform:uppercase
}
.notification-list .noti-title .label{
    float:right
}
.notification-list .noti-icon{
    font-size:28px;
    vertical-align:middle;
    color:#444
}
.notification-list .noti-icon-badge{
    display:inline-block;
    position:absolute;
    top:15px;
    right:0px;
    border-radius:50%;
    width:20px;
    height:20px;
    background-color:#DB4343;
    border:2px solid #fff;
    font-weight:600;
    text-align:center;
    line-height:12px
}
.notification-list .notify-item{
    padding:15px 20px
}
.notification-list .notify-item .notify-icon{
    float:left;
    height:36px;
    width:36px;
    line-height:36px;
    text-align:center;
    margin-right:10px;
    border-radius:50%;
    color:#fff
}
.notification-list .notify-item .notify-icon img{
    margin-top:4px
}
.notification-list .notify-item .notify-details{
    margin-bottom:0;
    overflow:hidden;
    margin-left:45px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.notification-list .notify-item .notify-details b{
    font-weight:500;
    font-family:'lab_grotesquemedium'
}
.notification-list .notify-item .notify-details small{
    display:block;
    white-space:normal
}
.notification-list .notify-item .notify-details span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px
}
.notification-list .notify-all{
    border-radius:0 0 0.25rem 0.25rem;
    margin:0 0 -5px 0;
    background-color:#92A3BF
}
.notification-list .profile-dropdown .notify-item{
    padding:4px 20px
}
.notification-list .nav-link{
    padding:0 12px;
    line-height:60px
}
.notification-list .nav-link.text-muted{
    color:#fff !important
}
.profile-dropdown{
    width:170px
}
.profile-dropdown i{
    font-size:16px;
    vertical-align:middle;
    margin-right:5px
}
.nav-user{
    margin-right:10px;
    color:#444
}
.nav-user .img-holder{
    height:36px;
    width:36px;
    display:inline-block;
    margin-right:5px;
    vertical-align:middle;
    background-color:#45A5E2;
    text-align:center;
    color:#fff;
    font-weight:600;
    position:relative
}
.nav-user .img-holder img{
    width:100%;
    display:block;
    position:absolute;
    left:0px;
    top:0px
}
.nav-user .img-holder .nick{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}
.arrow-none:after{
    border:none;
    margin:0;
    display:none
}
.menu-title{
    padding:12px 25px !important;
    letter-spacing:.035em;
    pointer-events:none;
    cursor:default;
    font-size:13px;
    color:rgba(27,41,50,0.5);
    margin-top:10px !important
}
.profile{
    padding:17px 15px !important
}
.profile img{
    border:2px solid #edf0f0;
    height:36px;
    width:36px;
    float:left
}
.profile .profile-username{
    margin-left:45px;
    display:block;
    line-height:36px
}
.navbar-nav{
    margin:0
}
.side-menu{
    bottom:0;
    top:0;
    width:155px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    background:#fff;
    position:absolute;
    z-index:99
}
body.fixed-left .side-menu.left{
    bottom:0;
    margin-top:0;
    position:fixed;
    top:60px
}
body.fixed-left .side-menu.right{
    right:-100%;
    bottom:0;
    margin-top:0;
    position:fixed;
    padding:10px;
    top:60px;
    width:270px;
    background-color:#1B2932
}
.content-page{
    margin-left:765px;
    overflow:hidden
}
.content-page.full{
    margin-left:155px
}
.content-page>.content{
    padding:20px 15px;
    min-height:100vh
}
.page-content-wrapper{
    margin:0 -10px;
    margin:0 -15px;
    padding-top:55px;
    padding-top:50px
}
.button-menu-mobile{
    background-color:#fff;
    font-size:28px;
    width:42px;
    border-radius:3px;
    border:none;
    color:#fff;
    line-height:60px;
    margin-left:10px;
    width:1px
}
.sidebar-inner{
    height:100%
}
.search-wrap{
    background-color:#fff;
    color:#1B2932;
    z-index:9997;
    position:absolute;
    top:0;
    display:flex;
    width:100%;
    height:60px;
    padding:0 15px;
    transform:translate3d(0, -100%, 0);
    transition:.3s
}
.search-wrap form{
    display:flex;
    width:100%
}
.search-wrap .search-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%
}
.search-wrap .search-input{
    flex:1 1;
    border:none;
    outline:none;
    box-shadow:none;
    background-color:transparent
}
.search-wrap .close-search{
    width:36px;
    height:64px;
    line-height:64px;
    text-align:center;
    color:inherit;
    font-size:24px
}
.search-wrap .close-search:hover{
    color:#DA5656
}
.search-wrap.open{
    transform:translate3d(0, 0, 0)
}
#sidebar-menu,#sidebar-menu ul,#sidebar-menu li,#sidebar-menu a{
    border:0;
    font-weight:normal;
    line-height:1;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    text-decoration:none
}
.navbar-nav>li>a.notification-icon-box{
    line-height:60px
}
.navbar-nav>li>a.notification-icon-box i{
    font-size:26px;
    vertical-align:middle
}
#sidebar-menu{
    background-color:#fff;
    padding-bottom:30px;
    width:100%
}
#sidebar-menu ul ul{
    display:none
}
#sidebar-menu ul ul li{
    border-top:0
}
#sidebar-menu ul ul li.active a{
    color:#7859F3
}
#sidebar-menu ul ul a{
    color:#304a5a;
    display:block;
    padding:12px 20px 12px 55px;
    font-size:15px
}
#sidebar-menu ul ul a:hover{
    color:#1B2932
}
#sidebar-menu ul ul a i{
    margin-right:5px
}
#sidebar-menu ul ul ul a{
    padding-left:75px
}
#sidebar-menu li{
    margin-bottom:0px
}
#sidebar-menu a{
    color:#444;
    display:block;
    padding:15px 15px;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    position:relative;
    line-height:14px
}
#sidebar-menu a:hover{
    color:#45A5E2;
    text-decoration:none
}
#sidebar-menu a:before{
    content:'';
    width:4px;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    background-color:transparent
}
#sidebar-menu a:after{
    content:'';
    width:7px;
    height:10px;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    background-color:transparent
}
#sidebar-menu span.icon{
    display:inline-block;
    width:16px;
    margin-right:10px;
    float:left
}
#sidebar-menu span.icon img{
    max-width:100%;
    max-height:18px
}
#sidebar-menu span.txt{
    display:inline-block;
    width:calc(100% - 26px);
    line-height:18px
}
#sidebar-menu label{
    position:absolute;
    right:7.5px;
    top:9.5px;
    width:22px;
    height:22px;
    display:block;
    text-align:center;
    line-height:24px;
    color:#fff;
    background-color:#A68ED8;
    border-radius:100%
}
.has_sub.nav-active i.mdi-chevron-right:before{
    content:"\F140"
}
#sidebar-menu>ul>li.nav-active>a{
    background-color:#f5f5f5;
    color:#1B2932
}
#sidebar-menu>ul>li>a>span{
    vertical-align:middle
}
#sidebar-menu>ul>li>a>i{
    display:inline-block;
    font-size:18px;
    line-height:17px;
    margin-left:3px;
    margin-right:10px;
    text-align:center;
    vertical-align:middle;
    width:20px
}
#sidebar-menu>ul>li>a>i.i-right{
    float:right;
    margin:3px 0 0 0
}
#sidebar-menu>ul>li>a.active{
    background-color:#F7F8FC;
    font-weight:500;
    font-family:'lab_grotesquemedium'
}
#sidebar-menu>ul>li>a.active:before{
    background-color:#45A5E2
}
#sidebar-menu>ul>li>a.active:after{
    background:url(../images/svg/drop-arrow.svg) no-repeat center center
}
#sidebar-menu>ul>li.nav-active>ul{
    display:block
}
#wrapper.enlarged .left.side-menu{
    padding-top:0;
    z-index:5;
    margin-left:-100%
}
#wrapper.enlarged .content-page{
    margin-left:0
}
#wrapper.enlarged .footer{
    left:0
}
.right.side-menu .top{
    padding-bottom:15px
}
#wrapper.enlargedRight .right.side-menu{
    z-index:5;
    right:0
}
#wrapper.enlargedRight .right.side-menu h4{
    line-height:26px
}
#wrapper.enlargedRight .content-page{
    margin-right:270px
}
#wrapper.enlargedRight .footer{
    right:270px
}
.user-details{
    min-height:80px;
    padding:20px;
    position:relative;
    color:rgba(27,41,50,0.8)
}
.user-details img{
    position:relative;
    z-index:9999;
    height:64px;
    width:64px
}
.user-details .user-info{
    text-align:center
}
.user-details .user-info .user-status{
    display:inline-block;
    padding:3px 10px;
    border:1px solid rgba(255,255,255,0.8);
    border-radius:20px;
    font-size:12px
}
.page-title-box{
    padding:15px 25px;
    margin:0 -25px 20px -25px
}
.page-title-box .page-title{
    padding-top:8px;
    font-size:20px;
    margin-bottom:0;
    margin-top:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#444
}
.page-title-box .breadcrumb{
    line-height:29px
}
.page-title-box .breadcrumb .breadcrumb-item{
    line-height:29px
}
.page-title-box .breadcrumb .breadcrumb-item a{
    color:#1B2932
}
.breadcrumb{
    line-height:38px;
    margin-top:0px
}
.breadcrumb .breadcrumb-item{
    vertical-align:middle;
    line-height:38px
}
.breadcrumb .breadcrumb-item a{
    color:#1B2932;
    vertical-align:middle
}
.foldersListing{
    margin-bottom:15px
}
.foldersListing li{
    margin-bottom:10px
}
.foldersListing li.has_sub a{
    padding-left:43px;
    font-weight:500;
    color:#fff;
    position:relative;
    background:url(../images/svg/hasMenuClosedArrow.svg) no-repeat 0 5px
}
.foldersListing li.has_sub a.mainCat .count{
    display:block;
    width:20px;
    height:20px;
    border-radius:4px;
    float:right;
    color:#fff;
    background-color:#536470;
    text-align:center;
    font-weight:600
}
.foldersListing li.has_sub a:before{
    content:'';
    position:absolute;
    left:18px;
    top:0px;
    background:url(../images/svg/folderClosedIcon.svg) no-repeat 0 3px;
    width:17px;
    height:14px;
    display:block
}
.foldersListing li ul{
    padding-top:10px
}
.foldersListing li li{
    padding-left:25px;
    margin-bottom:10px
}
.foldersListing li li a{
    font-size:12px;
    background:url(../images/svg/fileIcon.svg) no-repeat !important;
    background-size:12.75px auto !important;
    padding-left:21px !important
}
.foldersListing li li a:before{
    display:none !important
}
.foldersListing li.nav-active a{
    background:url(../images/svg/hasMenuOpenedArrow.svg) no-repeat 0 5px
}
.foldersListing li.nav-active a:before{
    background:url(../images/svg/folderOpenedIcon.svg) no-repeat 0 3px
}
.docsListing h5{
    position:relative;
    text-align:center
}
.docsListing h5:before{
    position:absolute;
    width:100%;
    height:1px;
    background-color:#3B5668;
    top:50%;
    transform:translateY(-50%);
    left:0px;
    display:block;
    content:'';
    z-index:0
}
.docsListing h5 span{
    display:inline-block;
    color:#fff;
    position:relative;
    z-index:1;
    background-color:#1B2932;
    padding:0 10px
}
.docsListing li{
    padding:10px 0;
    border-bottom:1px solid #3B5668
}
.docsListing li .icon{
    display:block;
    width:18px;
    margin-right:10px;
    float:left;
    padding-top:3px
}
.docsListing li .icon img{
    width:100%
}
.docsListing li .txt{
    width:calc( 100% - 50px);
    float:left;
    color:#fff
}
.docsListing li .txt h6{
    margin:0px
}
.docsListing li .txt p{
    margin:0px;
    padding:0px
}
.docsListing li .option{
    width:10px;
    float:right
}
.left.sub-side-menu{
    bottom:0;
    margin-top:0;
    position:fixed;
    top:60px;
    left:155px;
    width:250px;
    border-right:1px solid #BFCED7
}
.left.sub-side-menu .top .btn .icon{
    float:none;
    max-width:8px
}
.left.sub-side-menu .top .btn .icon img{
    width:100%
}
.left.sub-side-menu .top h2{
    font-size:24px;
    line-height:28px
}
.left.sub-side-menu .top h2 span{
    color:#3C8AB6;
    line-height:12px
}
.left.sub-side-menu .menu a{
    display:block;
    color:#444;
    padding:7.5px 15px
}
.left.sub-side-menu .menu a .icon{
    display:inline-block;
    width:16px;
    height:16px;
    float:left
}
.left.sub-side-menu .menu a .icon img{
    max-width:16px;
    height:16px
}
.left.sub-side-menu .menu a .icon img.user{
    border-radius:100%
}
.left.sub-side-menu .menu a .count{
    display:inline-block;
    width:40px;
    float:left;
    text-align:right
}
.left.sub-side-menu .menu a .txt{
    display:inline-block;
    width:calc(100% - 56px);
    float:left;
    padding-left:10px
}
.left.sub-side-menu .menu a.btn{
    color:#fff
}
.left.sub-side-menu .menu .has-sub-menu li a{
    padding:0px 15px 10px
}
.left.sub-side-menu .btn{
    color:#fff
}
.left.ticket-listing{
    bottom:0;
    margin-top:0;
    position:fixed;
    top:60px;
    left:405px;
    width:360px;
    border-right:1px solid #BFCED7;
    background-color:#fff
}
.left.ticket-listing .top{
    margin-bottom:15px;
    padding:10px 15px;
    border-bottom:1px solid #BFCED7
}
.left.ticket-listing .top .breadcrumb{
    margin-top:0px
}
.left.ticket-listing .top .breadcrumb li{
    color:#444
}
.left.ticket-listing .top .breadcrumb li.active{
    color:#444
}
.left.ticket-listing .top .breadcrumb li a{
    color:#444
}
.has-sub-menu li{
    padding-left:15px
}
.has-sub-menu li .count{
    width:56px !important
}
.row{
    margin-right:-17.5px;
    margin-left:-17.5px
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{
    padding-left:17.5px;
    padding-right:17.5px
}
.breadcrumb{
    padding:0px;
    margin-bottom:0px;
    background-color:transparent;
    margin-top:5px
}
.breadcrumb li{
    font-size:18px;
    font-weight:500;
    color:#444;
    font-family:'lab_grotesquemedium'
}
.breadcrumb li.active{
    color:#444
}
.breadcrumb li a{
    font-size:20px;
    color:#444
}
.breadcrumb-item+.breadcrumb-item::before{
    color:#444;
    vertical-align:middle
}
.dropdown-menu{
    padding:4px 0;
    display:none;
    font-size:14px;
    box-shadow:0 3px 12px rgba(0,0,0,0.05);
    visibility:hidden;
    opacity:0;
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    margin-top:20px
}
.show>.dropdown-menu{
    visibility:visible;
    opacity:1;
    margin-top:0 !important
}
.dropdown-item.active,.dropdown-item:active{
    color:#1B2932;
    text-decoration:none;
    background-color:#92A3BF
}
.dropdown-item{
    padding:6px 1rem
}
.dropdown-menu-lg{
    width:270px
}
.breadcrumb>li+li:before{
    padding:0 !important;
    margin:0 .5rem;
    color:#3B5668;
    content:"" !important;
    background:url(../images/svg/drop-arrow.svg) no-repeat;
    width:5px;
    height:7px;
    background-size:100%
}
.bg-primary{
    background-color:#7859F3 !important
}
.bg-success{
    background-color:#5BC1B5 !important
}
.bg-info{
    background-color:#00bdff !important
}
.bg-warning{
    background-color:#F8AA4E !important
}
.bg-danger{
    background-color:#DA5656 !important
}
.bg-muted{
    background-color:#3B5668 !important
}
.bg-white{
    background-color:#fff !important
}
.bg-dark{
    background-color:#1B2932 !important
}
.bg-pink{
    background-color:#f06292
}
.bg-purple{
    background-color:#8938d5
}
.bg-brown{
    background-color:#8d6e63
}
.bg-blue-grey{
    background-color:#90a4ae
}
.text-white{
    color:#fff !important
}
.text-danger{
    color:#DA5656 !important
}
.text-muted{
    color:#3B5668 !important
}
.text-primary{
    color:#7859F3 !important
}
.text-warning{
    color:#F8AA4E !important
}
.text-success{
    color:#5BC1B5 !important
}
.text-info{
    color:#00bdff !important
}
.text-dark{
    color:#1B2932 !important
}
.text-pink{
    color:#f06292
}
.text-purple{
    color:#8938d5
}
.text-brown{
    color:#8d6e63
}
.text-blue-grey{
    color:#90a4ae
}
.badge{
    font-weight:500
}
.badge-default{
    background-color:#92A3BF;
    color:#1B2932
}
.badge-primary{
    background-color:#7859F3
}
.badge-secondary{
    background-color:rgba(162,128,236,0.25)
}
.badge-success{
    background-color:#5BC1B5
}
.badge-info{
    background-color:#00bdff
}
.badge-warning{
    background-color:rgba(248,170,78,0.25);
    color:#444 !important
}
.badge-danger{
    background-color:#DA5656
}
.badge-dark{
    background-color:#1B2932
}
.badge-pink{
    background-color:#f06292;
    color:#fff
}
.badge-purple{
    background-color:#8938d5;
    color:#fff
}
.badge-brown{
    background-color:#8d6e63;
    color:#fff
}
.badge-blue-grey{
    background-color:#90a4ae;
    color:#fff
}
.nav-pills .nav-item.show .nav-link,.nav-pills .nav-link.active{
    background-color:#7859F3
}
.nav-pills>.active>a>.badge{
    color:#7859F3
}
.list-group-item.active{
    background-color:#ddd;
    border-color:#ddd;
    color:#444;
    z-index:2
}
.list-group-item.active:hover{
    background-color:#ddd;
    border-color:#ddd;
    color:#444;
    z-index:2
}
.list-group-item.active:hover .list-group-item-text{
    color:#7859F3
}
.list-group-item.active:focus{
    background-color:#ddd;
    border-color:#ddd;
    color:#444;
    z-index:2
}
.list-group-item.active:focus .list-group-item-text{
    color:#7859F3
}
.list-group-item.active .list-group-item-text{
    color:#7859F3
}
.list-group-item{
    border-radius:0;
    padding:12px 20px;
    border:1px solid fade(#1B2932, 6%)
}
.list-group-item:first-child{
    border-radius:0;
    padding:12px 20px
}
.list-group-item:last-child{
    border-radius:0;
    padding:12px 20px
}
.list-group-item-heading{
    font-weight:300
}
.list-group-item.active>.badge{
    color:#7859F3
}
dt{
    font-weight:500
}
.alert{
    position:relative;
    border:0
}
.alert .alert-link{
    font-weight:500
}
.alert-success{
    color:#5BC1B5;
    background-color:#eff9f8
}
.alert-success .alert-link{
    color:#40a99d
}
.alert-success hr{
    border-top-color:#40a99d
}
.alert-info{
    color:#00bdff;
    background-color:#ccf2ff
}
.alert-info .alert-link{
    color:#0097cc
}
.alert-info hr{
    border-top-color:#0097cc
}
.alert-warning{
    color:#F8AA4E;
    background-color:#fdecd7
}
.alert-warning .alert-link{
    color:#f6921d
}
.alert-warning hr{
    border-top-color:#f6921d
}
.alert-danger{
    color:#7859F3;
    background-color:#d9d0fc
}
.alert-danger .alert-link{
    color:#310ebf
}
.alert-danger hr{
    border-top-color:#310ebf
}
.alert-dangerNew{
    color:#7859F3;
    background-color:#d9d0fc
}
.alert-dangerNew .alert-link{
    color:#310ebf
}
.alert-dangerNew hr{
    border-top-color:#310ebf
}
.alert-colored{
    color:#fff !important
}
.alert-colored.alert-success{
    background-color:#5BC1B5
}
.alert-colored.alert-info{
    background-color:#00bdff
}
.alert-colored.alert-warning{
    background-color:#F8AA4E
}
.alert-colored.alert-danger{
    background-color:#DA5656
}
.alert-dangerNew{
    color:#721c24;
    background-color:#f8d7da;
    border-color:#f5c6cb
}
.header-title{
    font-size:16px;
    margin-bottom:5px
}
.p-0{
    padding:0
}
.p-t-10{
    padding-top:10px
}
.p-b-10{
    padding-bottom:10px
}
.m-0{
    margin:0
}
.m-r-5{
    margin-right:5px
}
.m-r-10{
    margin-right:10px
}
.m-r-15{
    margin-right:15px
}
.m-l-10{
    margin-left:10px
}
.m-l-15{
    margin-left:15px
}
.m-t-5{
    margin-top:5px
}
.m-t-10{
    margin-top:10px
}
.m-t-15{
    margin-top:15px
}
.m-t-20{
    margin-top:20px
}
.m-t-30{
    margin-top:30px
}
.m-t-40{
    margin-top:40px
}
.m-b-5{
    margin-bottom:5px
}
.m-b-10{
    margin-bottom:10px
}
.m-b-15{
    margin-bottom:15px
}
.m-b-20{
    margin-bottom:20px
}
.m-b-30{
    margin-bottom:30px
}
.w-xs{
    min-width:80px
}
.w-sm{
    min-width:95px
}
.w-md{
    min-width:110px
}
.w-lg{
    min-width:140px
}
.m-h-50{
    min-height:50px
}
.l-h-34{
    line-height:34px
}
.font-14{
    font-size:14px
}
.font-16{
    font-size:16px
}
.font-18{
    font-size:18px
}
.font-20{
    font-size:20px
}
.font-32{
    font-size:32px
}
.font-40{
    font-size:40px
}
.font-light{
    font-weight:400
}
.font-500{
    font-weight:500
}
.font-600{
    font-weight:600
}
.font-secondary{
    font-family:"lab_grotesqueregular"
}
.no-border{
    border:none
}
.bx-shadow{
    -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.1)
}
.thumb-sm{
    height:32px;
    width:32px
}
.thumb-md{
    height:48px;
    width:48px
}
.thumb-lg{
    height:88px;
    width:88px
}
.text-overflow{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
    z-index:1;
    will-change:opacity, transform;
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}
.waves-effect .waves-ripple{
    position:absolute;
    border-radius:50%;
    width:20px;
    height:20px;
    margin-top:-10px;
    margin-left:-10px;
    opacity:0;
    background:rgba(0,0,0,0.2);
    -webkit-transition:all 0.7s ease-out;
    -moz-transition:all 0.7s ease-out;
    -o-transition:all 0.7s ease-out;
    -ms-transition:all 0.7s ease-out;
    transition:all 0.7s ease-out;
    -webkit-transition-property:-webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    -o-transition-property:-o-transform, opacity;
    transition-property:transform, opacity;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
    background-color:rgba(255,255,255,0.25)
}
.waves-effect.waves-red .waves-ripple{
    background-color:rgba(244,67,54,0.7)
}
.waves-effect.waves-yellow .waves-ripple{
    background-color:rgba(255,235,59,0.7)
}
.waves-effect.waves-orange .waves-ripple{
    background-color:rgba(255,152,0,0.7)
}
.waves-effect.waves-purple .waves-ripple{
    background-color:rgba(156,39,176,0.7)
}
.waves-effect.waves-green .waves-ripple{
    background-color:rgba(76,175,80,0.7)
}
.waves-effect.waves-teal .waves-ripple{
    background-color:rgba(0,150,136,0.7)
}
.waves-notransition{
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    -ms-transition:none;
    transition:none
}
.waves-circle{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    text-align:center;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%;
    -webkit-mask-image:none
}
.waves-input-wrapper{
    border-radius:0.2em;
    vertical-align:bottom
}
.waves-input-wrapper .waves-button-input{
    position:relative;
    top:0;
    left:0;
    z-index:1
}
.waves-block{
    display:block
}
.btn{
    border-radius:4px;
    color:#fff;
    font-weight:500
}
.btn .icon{
    display:inline-block;
    margin-right:5px
}
.btn.tag{
    font-weight:normal;
    cursor:default !important
}
.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-dark,.btn-pink,.btn-purple,.btn-indigo,.btn-teal,.btn-lime,.btn-orange,.btn-brown,.btn-blue-grey{
    color:#fff
}
.btn-primary{
    background-color:#7859F3;
    border:1px solid #7859F3
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary,.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle{
    background-color:#6541f1;
    border-color:#6541f1
}
.btn-primary.focus,.btn-primary:focus,.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle,.btn-primary:not([disabled]):not(.disabled).active:focus,.btn-primary:not([disabled]):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(120,89,243,0.5)
}
.btn-primary-new{
    background-color:#45A5E2;
    border:1px solid #45A5E2
}
.btn-primary-new:hover,.btn-primary-new:focus,.btn-primary-new:active,.btn-primary-new.active,.btn-primary-new.focus,.btn-primary-new:active,.btn-primary-new:focus,.btn-primary-new:hover,.open>.dropdown-toggle.btn-primary-new,.btn-primary-new:not([disabled]):not(.disabled).active,.btn-primary-new:not([disabled]):not(.disabled):active,.show>.btn-primary-new.dropdown-toggle{
    background-color:#2f9adf;
    border-color:#2f9adf
}
.btn-primary-new.focus,.btn-primary-new:focus,.btn-outline-primary-new.focus,.btn-outline-primary-new:focus,.btn-primary-new:not([disabled]):not(.disabled).active,.btn-primary-new:not([disabled]):not(.disabled):active,.show>.btn-primary-new.dropdown-toggle,.btn-primary-new:not([disabled]):not(.disabled).active:focus,.btn-primary-new:not([disabled]):not(.disabled):active:focus,.show>.btn-primary-new.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(69,165,226,0.5)
}
.btn-secondary{
    background-color:#A68ED8;
    border-color:#A68ED8
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active,.btn-secondary.focus,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.open>.dropdown-toggle.btn-secondary{
    background-color:#977bd1;
    border-color:#977bd1
}
.btn-secondary.focus,.btn-secondary:focus,.btn-outline-secondary.focus,.btn-outline-secondary:focus{
    box-shadow:0 0 0 2px rgba(166,142,216,0.5)
}
.btn-light{
    background-color:#fff;
    border-color:#BFCED7;
    color:#444 !important
}
.btn-light:hover,.btn-light:focus,.btn-light:active,.btn-light.active,.btn-light.focus,.btn-light:active,.btn-light:focus,.btn-light:hover,.open>.dropdown-toggle.btn-light{
    background-color:#f2f2f2;
    border-color:#f2f2f2
}
.btn-light.focus,.btn-light:focus,.btn-outline-light.focus,.btn-outline-light:focus{
    box-shadow:0 0 0 2px rgba(255,255,255,0.5)
}
.btn-success{
    background-color:#5BC1B5;
    border:1px solid #5BC1B5
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success,.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle{
    background-color:#48baad;
    border-color:#48baad
}
.btn-success.focus,.btn-success:focus,.btn-outline-success.focus,.btn-outline-success:focus,.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle,.btn-success:not([disabled]):not(.disabled).active:focus,.btn-success:not([disabled]):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(91,193,181,0.5)
}
.btn-wht{
    background-color:#fff;
    color:#444 !important;
    border:1px solid #BFCED7
}
.btn-wht:hover,.btn-wht:focus,.btn-wht:active,.btn-wht.active,.btn-wht.focus,.btn-wht:active,.btn-wht:focus,.btn-wht:hover,.open>.dropdown-toggle.btn-wht,.btn-wht:not([disabled]):not(.disabled).active,.btn-wht:not([disabled]):not(.disabled):active,.show>.btn-wht.dropdown-toggle{
    background-color:#f2f2f2
}
.btn-wht.focus,.btn-wht:focus,.btn-outline-wht.focus,.btn-outline-wht:focus,.btn-wht:not([disabled]):not(.disabled).active,.btn-wht:not([disabled]):not(.disabled):active,.show>.btn-wht.dropdown-toggle,.btn-wht:not([disabled]):not(.disabled).active:focus,.btn-wht:not([disabled]):not(.disabled):active:focus,.show>.btn-wht.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(255,255,255,0.5)
}
.btn-disable{
    background-color:#E3ECF1;
    color:#444 !important;
    border:1px solid #E3ECF1
}
.btn-disable:hover,.btn-disable:focus,.btn-disable:active,.btn-disable.active,.btn-disable.focus,.btn-disable:active,.btn-disable:focus,.btn-disable:hover,.open>.dropdown-toggle.btn-disable,.btn-disable:not([disabled]):not(.disabled).active,.btn-disable:not([disabled]):not(.disabled):active,.show>.btn-disable.dropdown-toggle{
    background-color:#d2e0e9
}
.btn-disable.focus,.btn-disable:focus,.btn-outline-disable.focus,.btn-outline-disable:focus,.btn-disable:not([disabled]):not(.disabled).active,.btn-disable:not([disabled]):not(.disabled):active,.show>.btn-disable.dropdown-toggle,.btn-disable:not([disabled]):not(.disabled).active:focus,.btn-disable:not([disabled]):not(.disabled):active:focus,.show>.btn-disable.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(227,236,241,0.5)
}
.btn-info{
    background-color:#00bdff;
    border:1px solid #00bdff
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info,.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle{
    background-color:#00aae6;
    border-color:#00aae6
}
.btn-info.focus,.btn-info:focus,.btn-outline-info.focus,.btn-outline-info:focus,.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle,.btn-info:not([disabled]):not(.disabled).active:focus,.btn-info:not([disabled]):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(0,189,255,0.5)
}
.btn-warning{
    background-color:#F8AA4E;
    border:1px solid #F8AA4E
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning,.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle{
    background-color:#f79e35;
    border-color:#f79e35;
    color:#fff
}
.btn-warning.focus,.btn-warning:focus,.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle,.btn-warning:not([disabled]):not(.disabled).active:focus,.btn-warning:not([disabled]):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(248,170,78,0.5)
}
.btn-danger{
    background-color:#DA5656;
    border:1px solid #DA5656
}
.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger,.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle{
    background-color:#d54141;
    border-color:#d54141
}
.btn-danger.focus,.btn-danger:focus,.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle,.btn-danger:not([disabled]):not(.disabled).active:focus,.btn-danger:not([disabled]):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(218,86,86,0.5)
}
.btn-dark{
    background-color:#1B2932;
    border:1px solid #1B2932
}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.btn-dark.focus,.btn-dark:active,.btn-dark:focus,.btn-dark:hover,.open>.dropdown-toggle.btn-dark{
    background-color:#121b21;
    border-color:#121b21
}
.btn-dark.focus,.btn-dark:focus,.btn-outline-dark.focus,.btn-outline-dark:focus,.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.show>.btn-dark.dropdown-toggle{
    box-shadow:0 0 0 2px rgba(27,41,50,0.5)
}
.btn-white{
    background-color:#fff;
    border:1px solid #fff
}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.btn-white.focus,.btn-white:active,.btn-white:focus,.btn-info:hover,.open>.dropdown-toggle.btn-white,.btn-white:not([disabled]):not(.disabled).active,.btn-white:not([disabled]):not(.disabled):active,.show>.btn-white.dropdown-toggle{
    background-color:#f2f2f2;
    border-color:#f2f2f2
}
.btn-white.focus,.btn-white:focus,.btn-outline-white.focus,.btn-outline-white:focus,.btn-white:not([disabled]):not(.disabled).active,.btn-white:not([disabled]):not(.disabled):active,.show>.btn-white.dropdown-toggle,.btn-white:not([disabled]):not(.disabled).active:focus,.btn-white:not([disabled]):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus{
    box-shadow:0 0 0 2px rgba(255,255,255,0.5)
}
.btn-link{
    color:#1B2932
}
.btn-link:hover{
    color:#7859F3
}
.btn-pink{
    background-color:#f06292;
    border:1px solid #f06292;
    color:#fff
}
.btn-pink:hover,.btn-pink:focus,.btn-pink:active,.btn-pink.active,.btn-pink.focus,.btn-pink:active,.btn-pink:focus,.btn-pink:hover,.open>.dropdown-toggle.btn-pink,.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle,.btn-outline-pink:hover{
    background-color:#ee4b82;
    border:1px solid #ee4b82;
    color:#fff
}
.btn-pink.focus,.btn-pink:focus,.btn-outline-pink.focus,.btn-outline-pink:focus{
    -webkit-box-shadow:0 0 0 2px rgba(240,98,146,0.3);
    box-shadow:0 0 0 2px rgba(240,98,146,0.3)
}
.btn-purple{
    background-color:#8938d5;
    border:1px solid #8938d5;
    color:#fff
}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.btn-purple.focus,.btn-purple:active,.btn-purple:focus,.btn-purple:hover,.open>.dropdown-toggle.btn-purple,.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle,.btn-outline-purple:hover{
    background-color:#7c2ac9;
    border:1px solid #7c2ac9;
    color:#fff
}
.btn-purple.focus,.btn-purple:focus,.btn-outline-purple.focus,.btn-outline-purple:focus{
    -webkit-box-shadow:0 0 0 2px rgba(137,56,213,0.3);
    box-shadow:0 0 0 2px rgba(137,56,213,0.3)
}
.btn-brown{
    background-color:#8d6e63;
    border:1px solid #8d6e63;
    color:#fff
}
.btn-brown:hover,.btn-brown:focus,.btn-brown:active,.btn-brown.active,.btn-brown.focus,.btn-brown:active,.btn-brown:focus,.btn-brown:hover,.open>.dropdown-toggle.btn-brown,.btn-outline-brown.active,.btn-outline-brown:active,.show>.btn-outline-brown.dropdown-toggle,.btn-outline-brown:hover{
    background-color:#7e6258;
    border:1px solid #7e6258;
    color:#fff
}
.btn-brown.focus,.btn-brown:focus,.btn-outline-brown.focus,.btn-outline-brown:focus{
    -webkit-box-shadow:0 0 0 2px rgba(141,110,99,0.3);
    box-shadow:0 0 0 2px rgba(141,110,99,0.3)
}
.btn-blue-grey{
    background-color:#90a4ae;
    border:1px solid #90a4ae;
    color:#fff
}
.btn-blue-grey:hover,.btn-blue-grey:focus,.btn-blue-grey:active,.btn-blue-grey.active,.btn-blue-grey.focus,.btn-blue-grey:active,.btn-blue-grey:focus,.btn-blue-grey:hover,.open>.dropdown-toggle.btn-blue-grey,.btn-outline-blue-grey.active,.btn-outline-blue-grey:active,.show>.btn-outline-blue-grey.dropdown-toggle,.btn-outline-blue-grey:hover{
    background-color:#8198a3;
    border:1px solid #8198a3;
    color:#fff
}
.btn-blue-grey.focus,.btn-blue-grey:focus,.btn-outline-blue-grey.focus,.btn-outline-blue-grey:focus{
    -webkit-box-shadow:0 0 0 2px rgba(144,164,174,0.3);
    box-shadow:0 0 0 2px rgba(144,164,174,0.3)
}
.btn-outline-primary{
    color:#7859F3;
    border-color:#7859F3
}
.btn-outline-primary:hover{
    background-color:#7859F3;
    border-color:#7859F3
}
.btn-outline-primary{
    color:#45A5E2;
    border-color:#45A5E2
}
.btn-outline-primary:hover{
    background-color:#45A5E2;
    border-color:#45A5E2
}
.btn-outline-success{
    color:#5BC1B5;
    border-color:#5BC1B5
}
.btn-outline-success:hover{
    background-color:#5BC1B5;
    border-color:#5BC1B5
}
.btn-outline-info{
    color:#00bdff;
    border-color:#00bdff
}
.btn-outline-info:hover{
    background-color:#00bdff;
    border-color:#00bdff
}
.btn-outline-warning{
    color:#F8AA4E;
    border-color:#F8AA4E
}
.btn-outline-warning:hover{
    background-color:#F8AA4E;
    border-color:#F8AA4E
}
.btn-outline-danger{
    color:#DA5656;
    border-color:#DA5656
}
.btn-outline-danger:hover{
    background-color:#DA5656;
    border-color:#DA5656
}
.btn-outline-dark{
    color:#1B2932;
    border-color:#1B2932
}
.btn-outline-dark:hover{
    background-color:#1B2932;
    border-color:#1B2932
}
.btn-outline-pink{
    color:#f06292;
    background-image:none;
    background-color:transparent;
    border-color:#f06292
}
.btn-outline-purple{
    color:#8938d5;
    background-image:none;
    background-color:transparent;
    border-color:#8938d5
}
.btn-outline-brown{
    color:#8d6e63;
    background-image:none;
    background-color:transparent;
    border-color:#8d6e63
}
.btn-outline-blue-grey{
    color:#90a4ae;
    background-image:none;
    background-color:transparent;
    border-color:#90a4ae
}
.customBtn.btn.sm{
    font-size:12px;
    padding:2px .5rem 0px !important;
    line-height:22px
}
.customBtn.btn.md{
    font-size:14px;
    padding:2px .5rem 0px !important;
    line-height:27px
}
.customBtn.btn.md2{
    font-size:14px;
    padding:2px .5rem 0px !important;
    line-height:31px
}
.customBtn.btn.lg{
    font-size:14px;
    line-height:24px
}
.customBtn.btn.xlg{
    font-size:16px;
    line-height:44px;
    padding:2px .5rem 0px
}
.customBtn.btn .btn-label{
    position:relative;
    top:-1px
}
.card{
    border:1px solid rgba(59,86,104,0.12)
}
.card-primary{
    background-color:#7859F3;
    border-color:#7859F3
}
.card-success{
    background-color:#5BC1B5;
    border-color:#5BC1B5
}
.card-info{
    background-color:#00bdff;
    border-color:#00bdff
}
.card-warning{
    background-color:#F8AA4E;
    border-color:#F8AA4E
}
.card-danger{
    background-color:#DA5656;
    border-color:#DA5656
}
.card-dark{
    background-color:#1B2932;
    border-color:#1B2932
}
.card-pink{
    background-color:#f06292;
    border-color:#f06292
}
.card-purple{
    background-color:#8938d5;
    border-color:#8938d5
}
.card-brown{
    background-color:#8d6e63;
    border-color:#8d6e63
}
.card-blue-grey{
    background-color:#90a4ae;
    border-color:#90a4ae
}
.tab-holder .tab-pane{
    padding:30px 0
}
.nav-tabs .nav-link,.nav-pills .nav-link{
    font-family:"lab_grotesqueregular"
}
.nav-tabs-custom{
    border-bottom:0px
}
.nav-tabs-custom .nav-item{
    position:relative;
    margin:0 15px
}
.nav-tabs-custom .nav-item .nav-link{
    border:none !important
}
.nav-tabs-custom>li>a{
    color:#1B2932
}
.nav-tabs-custom>li>a::after{
    content:"";
    background:#45A5E2;
    height:4px;
    position:absolute;
    width:100%;
    left:0;
    bottom:-1px;
    transition:all 250ms ease 0s;
    transform:scale(0);
    border-radius:100px
}
.nav-tabs-custom>li>a.active::after,.nav-tabs-custom>li:hover>a::after{
    transform:scale(1)
}
.nav-tabs-custom>li>a.active{
    font-weight:500;
    font-family:'lab_grotesquemedium'
}
.nav-tabs-custom>li>a span.count{
    display:inline-block;
    width:25px;
    height:17px;
    font-size:14px;
    border:1px solid #444;
    position:relative;
    border-radius:100px;
    margin-left:10px;
    top:-2px
}
.nav-tabs-custom>li>a span.count label{
    display:block;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    font-weight:normal;
    margin:0px;
    font-size:10px
}
.nav-tabs-custom>li>a.active .count{
    background:#444;
    color:#fff
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    background:transparent
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
    border-color:transparent
}
.custom-tabs .nav-tabs{
    border:0px
}
.custom-tabs .nav-link{
    font-family:"lab_grotesquemedium";
    border-bottom:5px solid transparent
}
.custom-tabs .nav-link.active{
    border:0px;
    border-bottom:5px solid #45A5E2
}
.position-relative .custom-tabs{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    margin-top:10px
}
.page-link{
    color:#7859F3
}
.page-item.active .page-link{
    background-color:#7859F3;
    border-color:#7859F3
}
.page-link:focus,.page-link:hover{
    color:#1B2932;
    background-color:#92A3BF
}
.progress-bar{
    background-color:#7859F3
}
.popover-title{
    margin-top:0
}
.tooltip .tooltip-inner{
    padding:4px 10px
}
.swal2-modal{
    font-family:"lab_grotesqueregular"
}
.swal2-modal .swal2-title{
    font-size:28px
}
.swal2-modal .swal2-content{
    font-size:16px
}
.swal2-modal .swal2-spacer{
    margin:10px 0
}
.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{
    border:2px solid #3B5668;
    font-size:16px;
    box-shadow:none !important
}
.swal2-modal .swal2-styled{
    border:inherit
}
.swal2-icon.swal2-question{
    color:#7859F3;
    border-color:#7859F3
}
.swal2-icon.swal2-success{
    border-color:#5BC1B5
}
.swal2-icon.swal2-success .line{
    background-color:#5BC1B5
}
.swal2-icon.swal2-success .placeholder{
    border-color:#5BC1B5
}
.swal2-icon.swal2-warning{
    color:#F8AA4E;
    border-color:#F8AA4E
}
.swal2-icon.swal2-error{
    border-color:#DA5656
}
.swal2-icon.swal2-error .line{
    background-color:#DA5656
}
.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{
    outline:0;
    border:2px solid #7859F3
}
.custom-dd .dd-list .dd-item .dd-handle{
    background:#92A3BF;
    border:1px solid #92A3BF;
    padding:10px 16px;
    height:auto;
    font-size:15px;
    font-weight:normal;
    border-radius:3px
}
.custom-dd .dd-list .dd-item .dd-handle:hover{
    color:#7859F3
}
.custom-dd .dd-list .dd-item button{
    height:auto;
    font-size:25px;
    margin:8px auto;
    color:#3B5668;
    width:35px
}
.custom-dd-empty .dd-list .dd3-handle{
    border:none;
    background:#f3f3f3;
    height:36px;
    width:36px
}
.custom-dd-empty .dd-list .dd3-handle:before{
    color:inherit;
    top:7px
}
.custom-dd-empty .dd-list .dd3-handle:hover{
    color:#7859F3
}
.custom-dd-empty .dd-list .dd3-content{
    height:auto;
    border:none;
    padding:8px 16px 8px 46px;
    background:#f3f3f3;
    font-family:"lab_grotesqueregular"
}
.custom-dd-empty .dd-list .dd3-content:hover{
    color:#7859F3
}
.custom-dd-empty .dd-list button{
    width:26px;
    height:26px;
    font-size:16px;
    font-weight:600
}
.dd-dragel>.dd-item .dd-handle{
    padding:8px 16px;
    background:#f3f3f3;
    height:auto
}
.dd-placeholder,.dd-empty{
    background:#f3f3f3;
    border:1px dashed #3B5668
}
.dd-dragel>.dd3-item>.dd3-handle{
    border:none;
    background:#f3f3f3;
    height:36px;
    width:36px
}
.dd-dragel>.dd3-item>.dd3-handle:before{
    color:inherit;
    top:7px
}
.dd-dragel>.dd3-item>.dd3-content{
    padding:8px 16px 8px 46px;
    background:#f3f3f3;
    height:auto
}
.alertify,.alertify-logs{
    z-index:999
}
.alertify input{
    border:2px solid #3B5668
}
.alertify-logs>.show{
    padding:10px 20px;
    border-radius:3px
}
.alertify-logs>.success{
    background-color:#5BC1B5;
    color:#fff
}
.alertify-logs>.error{
    background-color:#DA5656;
    color:#fff
}
.alertify-logs>*,.alertify-logs>.default{
    background-color:#7859F3
}
.table{
    margin-bottom:15px
}
th{
    font-weight:500;
    font-family:'lab_grotesquemedium';
    font-family:"lab_grotesqueregular";
    font-size:0.9rem
}
.table>tbody>tr>td,.table>tfoot>tr>td,.table>thead>tr>td{
    padding:10px
}
.table-sm td,.table-sm th{
    padding:8px 6px
}
.table-hover tbody tr:hover,.table-striped tbody tr:nth-of-type(even),.thead-default th{
    background-color:#fff
}
.table-hover tbody tr:hover,.table-striped tbody tr:nth-of-type(odd),.thead-default th{
    background-color:#fff
}
.dt-button-collection.dropdown-menu{
    visibility:inherit;
    opacity:1;
    display:none;
    margin:0
}
table.focus-on tbody tr.focused th{
    background-color:#7859F3;
    color:#fff
}
table.focus-on tbody tr.focused td{
    background-color:#7859F3;
    color:#fff
}
.table-rep-plugin .btn-toolbar{
    display:block
}
.table-rep-plugin .btn-default{
    background-color:white;
    border-color:#ddd;
    margin-right:5px
}
.table-rep-plugin .btn-default.btn-primary{
    background-color:#7859F3;
    border-color:#7859F3
}
.table-rep-plugin .table-responsive{
    border:none
}
.table-rep-plugin .btn-group.pull-right .dropdown-menu{
    left:auto;
    right:0
}
.table-rep-plugin tbody th{
    font-family:"lab_grotesqueregular";
    vertical-align:middle
}
.table-rep-plugin .checkbox-row{
    padding-left:40px
}
.table-rep-plugin .checkbox-row label{
    display:inline-block;
    padding-left:5px;
    position:relative
}
.table-rep-plugin .checkbox-row label::before{
    -o-transition:0.3s ease-in-out;
    -webkit-transition:0.3s ease-in-out;
    background-color:#fff;
    border-radius:3px;
    border:1px solid #ccc;
    content:"";
    display:inline-block;
    height:17px;
    left:0;
    margin-left:-20px;
    position:absolute;
    transition:0.3s ease-in-out;
    width:17px;
    outline:none
}
.table-rep-plugin .checkbox-row label::after{
    color:#555;
    display:inline-block;
    font-size:11px;
    height:16px;
    left:0;
    margin-left:-20px;
    padding-left:3px;
    padding-top:1px;
    position:absolute;
    top:-1px;
    width:16px
}
.table-rep-plugin .checkbox-row input[type="checkbox"]{
    cursor:pointer;
    opacity:0;
    z-index:1;
    outline:none
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled+label{
    opacity:0.65
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:focus+label::before{
    outline-offset:-2px;
    outline:none
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::after{
    content:"\f00c";
    font-family:'FontAwesome'
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled+label::before{
    background-color:#92A3BF;
    cursor:not-allowed
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::before{
    background-color:#7859F3;
    border-color:#7859F3
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::after{
    color:#fff
}
.table-rep-plugin .dropdown-menu li.checkbox-row label{
    margin-bottom:5px;
    margin-top:5px
}
.table-rep-plugin .sticky-table-header.fixed-solution{
    top:70px !important
}
.table-vertical td{
    vertical-align:middle
}
table th{
    white-space:nowrap;
    overflow:hidden
}
table .dropdown-toggle{
    cursor:pointer
}
table .dropdown-toggle:after{
    display:none
}
.table thead th{
    border:0px;
    padding-bottom:.25rem
}
.table td,.table th{
    vertical-align:middle
}
table.custom-sort-table{
    border-collapse:separate;
    border-spacing:0 5px !important
}
table.custom-sort-table thead th{
    border:0px !important;
    padding-bottom:0px !important
}
table.custom-sort-table th{
    font-weight:500;
    border:0px !important;
    font-family:'lab_grotesquemedium'
}
table.custom-sort-table td{
    border-top:1px solid transparent !important;
    border-bottom:1px solid transparent !important
}
table.custom-sort-table td:first-child{
    border-left:1px solid transparent;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
table.custom-sort-table td:last-child{
    border-right:1px solid transparent;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
table.custom-sort-table td h5{
    font-size:18px;
    font-weight:500;
    padding-bottom:10px
}
table.custom-sort-table td h5 .icon{
    position:relative;
    top:-3px
}
table.custom-sort-table td p{
    margin:0px
}
table.custom-sort-table tr.tableSortHolder td{
    border-color:#45A5E2 !important
}
table.custom-sort-table .expand-td{
    width:16px;
    height:16px;
    display:block;
    cursor:pointer;
    background:url(../images/svg/expand-plus-icon.svg) no-repeat;
    background-size:100%
}
table.custom-sort-table .expand-td.expanded{
    background:url(../images/svg/collapse-minus-icon.svg) no-repeat;
    background-size:100%
}
table.custom-sort-table .expand-td img{
    width:100%;
    display:none
}
table.custom-sort-table .stage-count{
    display:inline-block;
    width:22px;
    height:22px;
    text-align:center;
    line-height:22px;
    border:1px solid #444;
    border-radius:50%
}
table.custom-sort-table .expanded{
    background-color:transparent !important;
    position:relative
}
table.custom-sort-table .expanded .first-row{
    padding:0px 0 0px 30px !important;
    background:url(../images/svg/expandedTdBg.svg) repeat-y 15px 0px
}
table.custom-sort-table .expanded table{
    width:100%;
    border-spacing:0 5px !important;
    border-collapse:separate
}
table.custom-sort-table .expanded table td{
    padding:10px 5px;
    border-radius:0px !important
}
table.custom-sort-table .expanded .content-holder{
    background-color:#fff;
    border-radius:5px;
    box-shadow:20px 10px 20px rgba(68,68,68,0.12)
}
table.custom-sort-table .expanded .content-holder td{
    padding:5px 10px;
    background-color:#F7F8FC
}
table.custom-sort-table .truncate{
    width:100%;
    max-width:400px
}
table.custom-sort-table .type-comment{
    position:static
}
table.custom-sort-table .comments h5{
    font-size:14px
}
.irs-from,.irs-to,.irs-single{
    background:#5BC1B5
}
.irs-from:after,.irs-to:after,.irs-single:after{
    border-top-color:#5BC1B5
}
label{
    font-weight:500;
    font-family:"lab_grotesqueregular";
    font-size:14px
}
input[type="color"]{
    min-height:38px
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#acacac !important
}
input:-moz-placeholder,textarea:-moz-placeholder{
    color:#acacac !important
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#acacac !important
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#acacac !important
}
.form-control{
    font-family:"lab_grotesqueregular"
}
.form-control:focus{
    border-color:#445674;
    box-shadow:none
}
.custom-control-input:checked ~ .custom-control-indicator{
    background-color:#7859F3
}
.custom-control-input:focus ~ .custom-control-indicator{
    -webkit-box-shadow:0 0 0 1px #fff,0 0 0 3px #7859F3;
    box-shadow:0 0 0 1px #fff,0 0 0 3px #7859F3
}
.has-success .form-control{
    border-color:#7859F3;
    box-shadow:none
}
.has-warning .form-control{
    border-color:#F8AA4E;
    box-shadow:none
}
.has-error .form-control{
    border-color:#DA5656;
    box-shadow:none
}
.input-group-addon{
    border-radius:2px;
    border:1px solid #92A3BF
}
.formField{
    padding:8px 12px;
    border:1px solid #BFCED7;
    border-radius:4px
}
.formField .divider{
    display:inline-block;
    margin:0 5px;
    width:1px;
    background-color:#BFCED7;
    position:relative
}
.formField .dropdown-toggle{
    font-weight:500
}
.formField input{
    width:100%
}
.formField select{
    width:100%
}
.formField.md{
    padding:4.75px 12px
}
.formField.md input{
    line-height:21px
}
.formField.md .divider{
    height:18px;
    top:3px
}
.formField.lg{
    padding:10px 12px
}
.formField.lg input{
    line-height:21px
}
.formField.lg .divider{
    height:18px;
    top:3px
}
.formField.has-error{
    border-color:#DA5656
}
.formField.md{
    padding:6.75px 12px 4.75px;
    line-height:28px;
    min-height:39px
}
.formField.md input{
    line-height:28px
}
.formField.md .divider{
    height:18px;
    top:3px
}
.formField.md.has-txt-only{
    line-height:31px
}
.formField.lg{
    padding:10px 12px;
    line-height:21px
}
.formField.lg input{
    line-height:21px
}
.formField.lg .divider{
    height:18px;
    top:3px
}
.formField.lg.has-txt-only{
    line-height:25px
}
form .formLabel{
    font-weight:500
}
form .formLabel.md{
    line-height:21px;
    padding:4.75px 0px
}
form .formLabel.lg{
    line-height:21px;
    padding:10px 0px
}
form .formLabel.has-txt-only{
    line-height:31px
}
form .formLabel span.dBlock{
    font-size:11px;
    font-weight:400;
    line-height:0px
}
form .has-txt-only{
    line-height:25px
}
form .content{
    padding-top:10px !important;
    border-top:1px solid #BFCED7 !important;
    border-radius:0px
}
.custom-checkbox{
    line-height:25px
}
.custom-switch input[type="checkbox"]{
    appearance:none;
    border:0;
    color:#fff;
    border-radius:100px;
    cursor:pointer;
    transition:all 100ms;
    position:relative;
    box-sizing:border-box;
    background-color:#eee;
    transition:background-color 200ms;
    vertical-align:middle
}
.custom-switch input[type="checkbox"]::before{
    content:'';
    position:absolute;
    left:2px;
    top:2px;
    bottom:2px;
    border-radius:50%;
    background-color:currentColor;
    will-change:transform;
    transition:transform 200ms cubic-bezier(0.01, 0.65, 0.23, 1);
    box-shadow:0 1px 3px rgba(0,0,0,0.3)
}
.custom-switch input[type="checkbox"]:checked{
    background-color:#eee
}
.custom-switch input[type="checkbox"]:checked::before{
    transform:translateX(100%);
    background-color:#45A5E2
}
.custom-switch input[type="checkbox"]:disabled{
    opacity:0.5;
    cursor:not-allowed;
    pointer-events:none
}
.custom-switch input[type="checkbox"].sm{
    width:30px;
    height:16px
}
.custom-switch input[type="checkbox"].sm::before{
    height:12px;
    width:12px
}

@use postcss-preset-env{
    .custom-switch{
        stage:0;
        browsers:["last 1 Chrome versions","last 1 Firefox versions","last 1 Safari versions","last 1 Edge versions"]
    }
}
.custom-control-label{
    font-weight:400
}
.custom-radio [type="radio"]:checked,.custom-radio [type="radio"]:not(:checked){
    position:absolute;
    left:-9999px
}
.custom-radio [type="radio"]:checked+label,.custom-radio [type="radio"]:not(:checked)+label{
    position:relative;
    padding-left:28px;
    cursor:pointer;
    line-height:20px;
    display:inline-block;
    font-weight:400
}
.custom-radio [type="radio"]:checked+label:before,.custom-radio [type="radio"]:not(:checked)+label:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:1px solid #ddd;
    border-radius:100%;
    background:#fff
}
.custom-radio [type="radio"]:checked+label:after,.custom-radio [type="radio"]:not(:checked)+label:after{
    content:"";
    width:12px;
    height:12px;
    background:#45A5E2;
    position:absolute;
    top:3px;
    left:3.5px;
    border-radius:100%;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease
}
.custom-radio [type="radio"]:not(:checked)+label:after{
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.custom-radio [type="radio"]:checked+label:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.submit-btns{
    min-width:75px
}
input.daterange{
    background:url(../images/svg/calender-icon.svg) no-repeat;
    padding-right:20px;
    background-position:right 5px
}
button[type="submit"]{
    min-width:110px
}
.error{
    color:#DA5656
}
.parsley-error{
    border-color:#DA5656
}
.parsley-errors-list{
    display:none;
    margin:0;
    padding:0
}
.parsley-errors-list.filled{
    display:block
}
.parsley-errors-list>li{
    font-size:12px;
    list-style:none;
    color:#DA5656;
    margin-top:5px
}
.dropzone{
    min-height:230px;
    border:2px dashed rgba(0,0,0,0.3);
    background:white;
    border-radius:6px
}
.dropzone .dz-message{
    font-size:30px
}
.datepicker{
    border:1px solid #ddd;
    padding:8px
}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover,.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{
    background-color:#7859F3 !important;
    background-image:none;
    box-shadow:none;
    color:#fff
}
.bootstrap-touchspin .input-group-btn-vertical .btn{
    padding:9px 12px
}
.bootstrap-touchspin .input-group-btn-vertical i{
    top:4px;
    left:8px
}
.colorpicker-visible{
    visibility:visible;
    opacity:1;
    display:block;
    margin-top:0
}
.datepicker-dropdown.dropdown-menu{
    visibility:visible;
    opacity:1;
    margin-top:0
}
.colorpicker-selectors i{
    margin-top:5px;
    margin-left:5px
}
.colorpicker-2x .colorpicker-saturation{
    width:200px;
    height:200px
}
.colorpicker-2x .colorpicker-hue,.colorpicker-2x .colorpicker-alpha{
    width:30px;
    height:200px
}
.colorpicker-2x .colorpicker-color,.colorpicker-2x .colorpicker-color div{
    height:30px
}
.select2-container{
    width:100% !important
}
.select2-container .select2-selection--single{
    border:1px solid #E3E3E3;
    height:38px
}
.select2-container .select2-selection--single .select2-selection__rendered{
    line-height:36px;
    padding-left:12px
}
.select2-container .select2-selection--single .select2-selection__arrow{
    height:34px;
    width:34px;
    right:3px
}
.select2-container .select2-selection--single .select2-selection__arrow b{
    border-color:#999 transparent transparent transparent;
    border-width:6px 6px 0 6px
}
.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #999 transparent;
    border-width:0 6px 6px 6px
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#7859F3
}
.select2-results__option{
    padding:6px 12px
}
.select2-dropdown{
    border:1px solid #e3e3e3;
    padding-top:5px;
    box-shadow:0 2px 2px rgba(0,0,0,0.15)
}
.select2-search input{
    border:1px solid #e3e3e3
}
.select2-container .select2-selection--multiple{
    min-height:38px;
    border:1px solid #e3e3e3
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    padding:2px 10px
}
.select2-container .select2-selection--multiple .select2-search__field{
    margin-top:7px;
    border:0
}
.select2-container .select2-selection--multiple .select2-selection__choice{
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:1px;
    padding:0 7px
}
input[switch]{
    display:none
}
input[switch]+label{
    font-size:1em;
    line-height:1;
    width:56px;
    height:24px;
    background-color:#ddd;
    background-image:none;
    border-radius:2rem;
    padding:0.16667rem;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    position:relative;
    font-family:"lab_grotesqueregular";
    font-weight:500;
    -webkit-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out
}
input[switch]+label:before{
    color:#1B2932;
    content:attr(data-off-label);
    display:block;
    font-family:inherit;
    font-weight:500;
    font-size:12px;
    line-height:21px;
    position:absolute;
    right:1px;
    margin:3px;
    top:0;
    text-align:center;
    min-width:1.66667rem;
    overflow:hidden;
    -webkit-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out
}
input[switch]+label:after{
    content:'';
    position:absolute;
    left:3px;
    background-color:#f5f5f5;
    box-shadow:none;
    border-radius:2rem;
    height:20px;
    width:20px;
    top:2px;
    -webkit-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out
}
input[switch]:checked+label{
    background-color:#7859F3
}
input[switch]:checked+label:before{
    color:#fff;
    content:attr(data-on-label);
    right:auto;
    left:3px
}
input[switch]:checked+label:after{
    left:33px;
    background-color:#f5f5f5
}
input[switch="bool"]+label{
    background-color:#DA5656
}
input[switch="bool"]+label:before,input[switch="bool"]:checked+label:before,input[switch="default"]:checked+label:before{
    color:#fff
}
input[switch="bool"]:checked+label{
    background-color:#5BC1B5
}
input[switch="default"]:checked+label{
    background-color:#a2a2a2
}
input[switch="primary"]:checked+label{
    background-color:#7859F3
}
input[switch="success"]:checked+label{
    background-color:#5BC1B5
}
input[switch="info"]:checked+label{
    background-color:#00bdff
}
input[switch="warning"]:checked+label{
    background-color:#F8AA4E
}
input[switch="danger"]:checked+label{
    background-color:#DA5656
}
input[switch="dark"]:checked+label{
    background-color:#1B2932
}
input[switch="pink"]:checked+label{
    background-color:#f06292
}
input[switch="purple"]:checked+label{
    background-color:#8938d5
}
input[switch="brown"]:checked+label{
    background-color:#8d6e63
}
input[switch="blue-grey"]:checked+label{
    background-color:#90a4ae
}
.icon-span-filestyle{
    padding-right:5px
}
.bootstrap-filestyle label{
    margin-bottom:0
}
.group-span-filestyle .badge{
    background-color:#1B2932
}
.bootstrap-touchspin .input-group-addon{
    padding:.5rem .75rem;
    margin-bottom:0;
    font-size:1rem;
    font-weight:400;
    line-height:1.25;
    color:#1B2932;
    text-align:center;
    background-color:#92A3BF;
    border:1px solid rgba(27,41,50,0.15)
}
.bootstrap-touchspin .input-group-btn:not(:first-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:first-child)>.btn-group{
    z-index:2;
    margin-left:-1px
}
.bootstrap-touchspin .input-group .form-control:not(:first-child),.bootstrap-touchspin .input-group-addon:not(:first-child),.bootstrap-touchspin .input-group-btn:not(:first-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:first-child)>.btn-group>.btn,.bootstrap-touchspin .input-group-btn:not(:first-child)>.dropdown-toggle,.bootstrap-touchspin .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:last-child)>.btn:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.bootstrap-touchspin .input-group .form-control:not(:last-child),.bootstrap-touchspin .input-group-addon:not(:last-child),.bootstrap-touchspin .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),.bootstrap-touchspin .input-group-btn:not(:last-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:last-child)>.btn-group>.btn,.bootstrap-touchspin .input-group-btn:not(:last-child)>.dropdown-toggle{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.form-group .formField{
    width:100%;
    margin-right:0px
}
.form-wizard-wrapper label{
    text-align:right
}
.wizard>.steps a,.wizard>.steps a:active,.wizard>.steps a:hover{
    margin:3px;
    padding:15px
}
.wizard>.steps .current a,.wizard>.steps .current a:active,.wizard>.steps .current a:hover{
    background-color:#7859F3;
    color:#fff
}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:active,.wizard>.steps .disabled a:hover,.wizard>.steps .done a,.wizard>.steps .done a:active,.wizard>.steps .done a:hover{
    background-color:#ece8fd;
    color:#7859F3
}
.wizard>.steps .current a .number,.wizard>.steps .current a:active .number,.wizard>.steps .current a:hover .number{
    border:2px solid #FFF
}
.wizard>.steps .disabled a .number,.wizard>.steps .disabled a:active .number,.wizard>.steps .disabled a:hover .number,.wizard>.steps .done a .number,.wizard>.steps .done a:active .number,.wizard>.steps .done a:hover .number{
    border-color:#7859F3
}
.wizard>.content{
    background-color:transparent;
    margin:0 5px;
    border-radius:0;
    min-height:150px
}
.wizard>.content>.body{
    width:100%;
    height:100%;
    padding:15px 0 0;
    position:static
}
.wizard>.steps .number{
    font-size:16px;
    padding:5px;
    border-radius:50%;
    border:2px solid #fff;
    width:38px;
    display:inline-block;
    font-weight:600;
    text-align:center;
    margin-right:10px;
    background-color:rgba(120,89,243,0.25)
}
.wizard>.actions .disabled a,.wizard>.actions .disabled a:active,.wizard>.actions .disabled a:hover{
    opacity:.65;
    background-color:#7859F3;
    color:#fff;
    cursor:not-allowed
}
.wizard>.actions a,.wizard>.actions a:active,.wizard>.actions a:hover{
    background-color:#7859F3;
    border-radius:4px;
    padding:8px 15px
}
@media (max-width: 768px){
    .wizard>.steps>ul>li{
        width:50%
    }
    .form-wizard-wrapper label{
        text-align:left
    }
}
@media (max-width: 520px){
    .wizard>.steps>ul>li{
        width:100%
    }
}
.widget-chart li{
    width:31.5%;
    display:inline-block;
    padding:0
}
.widget-chart li i{
    font-size:28px
}
.mini-stat{
    border:1px solid rgba(59,86,104,0.12);
    padding:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-bottom:20px
}
.mini-stat-icon{
    width:60px;
    height:60px;
    display:inline-block;
    line-height:60px;
    text-align:center;
    font-size:30px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    float:left;
    margin-right:10px;
    color:#fff
}
.mini-stat-info{
    font-size:14px;
    padding-top:2px
}
.mini-stat-info span{
    display:block;
    font-size:22px;
    font-weight:400;
    font-family:"lab_grotesqueregular"
}
.inbox-widget .inbox-item{
    border-bottom:1px solid #f1f1f1;
    overflow:hidden;
    padding:10px 0;
    position:relative
}
.inbox-widget .inbox-item .inbox-item-img{
    display:block;
    float:left;
    margin-right:15px;
    width:40px
}
.inbox-widget .inbox-item img{
    width:40px
}
.inbox-widget .inbox-item .inbox-item-author{
    color:#333333;
    display:block;
    margin:0
}
.inbox-widget .inbox-item .inbox-item-text{
    color:#a0a0a0;
    display:block;
    font-size:12px;
    margin:0
}
.inbox-widget .inbox-item .inbox-item-date{
    color:#a9a9a9;
    font-size:11px;
    position:absolute;
    right:7px;
    top:2px
}
.widget-chart-sm svg{
    float:left
}
@media (max-width: 1024px){
    .side-menu.left{
        margin-left:-100%
    }
    .button-menu-mobile{
        display:inline-block !important
    }
    .topbar,.footer{
        left:0
    }
    .content-page{
        margin-left:0
    }
    .navbar-custom{
        padding-left:10px
    }
    .enlarged .side-menu.left{
        margin-left:0 !important
    }
    .content-page>.content{
        padding:20px
    }
}
@media (max-width: 767px){
    body{
        overflow-x:hidden
    }
    .content-page{
        margin-left:0 !important
    }
    .topbar-left{
        display:none
    }
    .enlarged .left.side-menu{
        margin-left:-75px
    }
    .mobile-sidebar{
        left:0
    }
    .mobile-content{
        left:250px;
        right:-250px
    }
    .wrapper-page{
        width:90%
    }
    .account-page-full.wrapper-page{
        width:100%;
        position:relative
    }
    .navbar-nav .open .dropdown-menu{
        background-color:#fff;
        box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);
        left:auto;
        position:absolute;
        right:0
    }
    #wrapper.enlarged .footer,.footer{
        left:0
    }
}
@media (max-width: 620px){
    .page-header-title{
        text-align:center
    }
    .hide-sm{
        display:none
    }
}
@media (max-width: 480px){
    .side-menu{
        z-index:10
    }
}
@media (max-width: 420px){
    .hide-phone,.notify-icon{
        display:none
    }
    .dropdown-menu-lg{
        width:200px
    }
    .notify-details{
        margin-left:0 !important
    }
}
.searchFieldHolder{
    border-radius:4px;
    border:1px solid #BFCED7;
    width:340px
}
.searchFieldHolder .icon{
    display:inline-block;
    width:30px;
    text-align:center;
    border-right:1px solid #BFCED7;
    margin-right:10px
}
.searchFieldHolder .icon img{
    position:relative;
    top:0px
}
.searchFieldHolder input{
    display:inline-block;
    width:calc(100% - 44px);
    border:0px;
    font-size:13px
}
.searchFieldHolder input:focus{
    outline:none;
    box-shadow:none
}
.sm-overflow-x{
    overflow-x:auto
}
.sm-overflow-x .table td,.sm-overflow-x .table th{
    white-space:nowrap
}
*{
    margin:0px;
    padding:0px
}
ul,li{
    padding:0px;
    margin:0px;
    list-style:none
}