.m-l--125{
    margin-left:-125px 
}
.m-t--125{
    margin-top:-125px 
}
.m-r--125{
   margin-right:-125px
}
.m-b--125{
   margin-bottom:-125px
}
.m-l--120{
   margin-left:-120px
}
.m-t--120{
   margin-top:-120px
}
.m-r--120{
   margin-right:-120px
}
.m-b--120{
   margin-bottom:-120px
}
.m-l--115{
   margin-left:-115px
}
.m-t--115{
   margin-top:-115px
}
.m-r--115{
   margin-right:-115px
}
.m-b--115{
   margin-bottom:-115px
}
.m-l--110{
   margin-left:-110px
}
.m-t--110{
   margin-top:-110px
}
.m-r--110{
   margin-right:-110px
}
.m-b--110{
   margin-bottom:-110px
}
.m-l--105{
   margin-left:-105px
}
.m-t--105{
   margin-top:-105px
}
.m-r--105{
   margin-right:-105px
}
.m-b--105{
   margin-bottom:-105px
}
.m-l--100{
   margin-left:-100px
}
.m-t--100{
   margin-top:-100px
}
.m-r--100{
   margin-right:-100px
}
.m-b--100{
   margin-bottom:-100px
}
.m-l--95{
   margin-left:-95px
}
.m-t--95{
   margin-top:-95px
}
.m-r--95{
   margin-right:-95px
}
.m-b--95{
   margin-bottom:-95px
}
.m-l--90{
   margin-left:-90px
}
.m-t--90{
   margin-top:-90px
}
.m-r--90{
   margin-right:-90px
}
.m-b--90{
   margin-bottom:-90px
}
.m-l--85{
   margin-left:-85px
}
.m-t--85{
   margin-top:-85px
}
.m-r--85{
   margin-right:-85px
}
.m-b--85{
   margin-bottom:-85px
}
.m-l--80{
   margin-left:-80px
}
.m-t--80{
   margin-top:-80px
}
.m-r--80{
   margin-right:-80px
}
.m-b--80{
   margin-bottom:-80px
}
.m-l--75{
   margin-left:-75px
}
.m-t--75{
   margin-top:-75px
}
.m-r--75{
   margin-right:-75px
}
.m-b--75{
   margin-bottom:-75px
}
.m-l--70{
   margin-left:-70px
}
.m-t--70{
   margin-top:-70px
}
.m-r--70{
   margin-right:-70px
}
.m-b--70{
   margin-bottom:-70px
}
.m-l--65{
   margin-left:-65px
}
.m-t--65{
   margin-top:-65px
}
.m-r--65{
   margin-right:-65px
}
.m-b--65{
   margin-bottom:-65px
}
.m-l--60{
   margin-left:-60px
}
.m-t--60{
   margin-top:-60px
}
.m-r--60{
   margin-right:-60px
}
.m-b--60{
   margin-bottom:-60px
}
.m-l--55{
   margin-left:-55px
}
.m-t--55{
   margin-top:-55px
}
.m-r--55{
   margin-right:-55px
}
.m-b--55{
   margin-bottom:-55px
}
.m-l--50{
   margin-left:-50px
}
.m-t--50{
   margin-top:-50px
}
.m-r--50{
   margin-right:-50px
}
.m-b--50{
   margin-bottom:-50px
}
.m-l--45{
   margin-left:-45px
}
.m-t--45{
   margin-top:-45px
}
.m-r--45{
   margin-right:-45px
}
.m-b--45{
   margin-bottom:-45px
}
.m-l--40{
   margin-left:-40px
}
.m-t--40{
   margin-top:-40px
}
.m-r--40{
   margin-right:-40px
}
.m-b--40{
   margin-bottom:-40px
}
.m-l--35{
   margin-left:-35px
}
.m-t--35{
   margin-top:-35px
}
.m-r--35{
   margin-right:-35px
}
.m-b--35{
   margin-bottom:-35px
}
.m-l--30{
   margin-left:-30px
}
.m-t--30{
   margin-top:-30px
}
.m-r--30{
   margin-right:-30px
}
.m-b--30{
   margin-bottom:-30px
}
.m-l--25{
   margin-left:-25px
}
.m-t--25{
   margin-top:-25px
}
.m-r--25{
   margin-right:-25px
}
.m-b--25{
   margin-bottom:-25px
}
.m-l--20{
   margin-left:-20px
}
.m-t--20{
   margin-top:-20px
}
.m-r--20{
   margin-right:-20px
}
.m-b--20{
   margin-bottom:-20px
}
.m-l--15{
   margin-left:-15px
}
.m-t--15{
   margin-top:-15px
}
.m-r--15{
   margin-right:-15px
}
.m-b--15{
   margin-bottom:-15px
}
.m-l--10{
   margin-left:-10px
}
.m-t--10{
   margin-top:-10px
}
.m-r--10{
   margin-right:-10px
}
.m-b--10{
   margin-bottom:-10px
}
.m-l--5{
   margin-left:-5px
}
.m-t--5{
   margin-top:-5px
}
.m-r--5{
   margin-right:-5px
}
.m-b--5{
   margin-bottom:-5px
}
.m-l-0{
   margin-left:0
}
.m-t-0{
   margin-top:0
}
.m-r-0{
   margin-right:0
}
.m-b-0{
   margin-bottom:0
}
.m-l-5{
   margin-left:5px
}
.m-t-5{
   margin-top:5px
}
.m-r-5{
   margin-right:5px
}
.m-b-5{
   margin-bottom:5px
}
.m-l-10{
   margin-left:10px
}
.m-t-10{
   margin-top:10px
}
.m-r-10{
   margin-right:10px
}
.m-b-10{
   margin-bottom:10px
}
.m-l-15{
   margin-left:15px
}
.m-t-15{
   margin-top:15px
}
.m-r-15{
   margin-right:15px
}
.m-b-15{
   margin-bottom:15px
}
.m-l-20{
   margin-left:20px
}
.m-t-20{
   margin-top:20px
}
.m-r-20{
   margin-right:20px
}
.m-b-20{
   margin-bottom:20px
}
.m-l-25{
   margin-left:25px
}
.m-t-25{
   margin-top:25px
}
.m-r-25{
   margin-right:25px
}
.m-b-25{
   margin-bottom:25px
}
.m-l-30{
   margin-left:30px
}
.m-t-30{
   margin-top:30px
}
.m-r-30{
   margin-right:30px
}
.m-b-30{
   margin-bottom:30px
}
.m-l-35{
   margin-left:35px
}
.m-t-35{
   margin-top:35px
}
.m-r-35{
   margin-right:35px
}
.m-b-35{
   margin-bottom:35px
}
.m-l-40{
   margin-left:40px
}
.m-t-40{
   margin-top:40px
}
.m-r-40{
   margin-right:40px
}
.m-b-40{
   margin-bottom:40px
}
.m-l-45{
   margin-left:45px
}
.m-t-45{
   margin-top:45px
}
.m-r-45{
   margin-right:45px
}
.m-b-45{
   margin-bottom:45px
}
.m-l-50{
   margin-left:50px
}
.m-t-50{
   margin-top:50px
}
.m-r-50{
   margin-right:50px
}
.m-b-50{
   margin-bottom:50px
}
.m-l-55{
   margin-left:55px
}
.m-t-55{
   margin-top:55px
}
.m-r-55{
   margin-right:55px
}
.m-b-55{
   margin-bottom:55px
}
.m-l-60{
   margin-left:60px
}
.m-t-60{
   margin-top:60px
}
.m-r-60{
   margin-right:60px
}
.m-b-60{
   margin-bottom:60px
}
.m-l-65{
   margin-left:65px
}
.m-t-65{
   margin-top:65px
}
.m-r-65{
   margin-right:65px
}
.m-b-65{
   margin-bottom:65px
}
.m-l-70{
   margin-left:70px
}
.m-t-70{
   margin-top:70px
}
.m-r-70{
   margin-right:70px
}
.m-b-70{
   margin-bottom:70px
}
.m-l-75{
   margin-left:75px
}
.m-t-75{
   margin-top:75px
}
.m-r-75{
   margin-right:75px
}
.m-b-75{
   margin-bottom:75px
}
.m-l-80{
   margin-left:80px
}
.m-t-80{
   margin-top:80px
}
.m-r-80{
   margin-right:80px
}
.m-b-80{
   margin-bottom:80px
}
.m-l-85{
   margin-left:85px
}
.m-t-85{
   margin-top:85px
}
.m-r-85{
   margin-right:85px
}
.m-b-85{
   margin-bottom:85px
}
.m-l-90{
   margin-left:90px
}
.m-t-90{
   margin-top:90px
}
.m-r-90{
   margin-right:90px
}
.m-b-90{
   margin-bottom:90px
}
.m-l-95{
   margin-left:95px
}
.m-t-95{
   margin-top:95px
}
.m-r-95{
   margin-right:95px
}
.m-b-95{
   margin-bottom:95px
}
.m-l-100{
   margin-left:100px
}
.m-t-100{
   margin-top:100px
}
.m-r-100{
   margin-right:100px
}
.m-b-100{
   margin-bottom:100px
}
.m-l-105{
   margin-left:105px
}
.m-t-105{
   margin-top:105px
}
.m-r-105{
   margin-right:105px
}
.m-b-105{
   margin-bottom:105px
}
.m-l-110{
   margin-left:110px
}
.m-t-110{
   margin-top:110px
}
.m-r-110{
   margin-right:110px
}
.m-b-110{
   margin-bottom:110px
}
.m-l-115{
   margin-left:115px
}
.m-t-115{
   margin-top:115px
}
.m-r-115{
   margin-right:115px
}
.m-b-115{
   margin-bottom:115px
}
.m-l-120{
   margin-left:120px
}
.m-t-120{
   margin-top:120px
}
.m-r-120{
   margin-right:120px
}
.m-b-120{
   margin-bottom:120px
}
.m-l-125{
   margin-left:125px
}
.m-t-125{
   margin-top:125px
}
.m-r-125{
   margin-right:125px
}
.m-b-125{
   margin-bottom:125px
}
.p-l-0{
   padding-left:0
}
.p-t-0{
   padding-top:0
}
.p-r-0{
   padding-right:0
}
.p-b-0{
   padding-bottom:0
}
.p-l-5{
   padding-left:5px
}
.p-t-5{
   padding-top:5px
}
.p-r-5{
   padding-right:5px
}
.p-b-5{
   padding-bottom:5px
}
.p-l-10{
   padding-left:10px
}
.p-t-10{
   padding-top:10px
}
.p-r-10{
   padding-right:10px
}
.p-b-10{
   padding-bottom:10px
}
.p-l-15{
   padding-left:15px
}
.p-t-15{
   padding-top:15px
}
.p-r-15{
   padding-right:15px
}
.p-b-15{
   padding-bottom:15px
}
.p-l-20{
   padding-left:20px
}
.p-t-20{
   padding-top:20px
}
.p-r-20{
   padding-right:20px
}
.p-b-20{
   padding-bottom:20px
}
.p-l-25{
   padding-left:25px
}
.p-t-25{
   padding-top:25px
}
.p-r-25{
   padding-right:25px
}
.p-b-25{
   padding-bottom:25px
}
.p-l-30{
   padding-left:30px
}
.p-t-30{
   padding-top:30px
}
.p-r-30{
   padding-right:30px
}
.p-b-30{
   padding-bottom:30px
}
.p-l-35{
   padding-left:35px
}
.p-t-35{
   padding-top:35px
}
.p-r-35{
   padding-right:35px
}
.p-b-35{
   padding-bottom:35px
}
.p-l-40{
   padding-left:40px
}
.p-t-40{
   padding-top:40px
}
.p-r-40{
   padding-right:40px
}
.p-b-40{
   padding-bottom:40px
}
.p-l-45{
   padding-left:45px
}
.p-t-45{
   padding-top:45px
}
.p-r-45{
   padding-right:45px
}
.p-b-45{
   padding-bottom:45px
}
.p-l-50{
   padding-left:50px
}
.p-t-50{
   padding-top:50px
}
.p-r-50{
   padding-right:50px
}
.p-b-50{
   padding-bottom:50px
}
.p-l-55{
   padding-left:55px
}
.p-t-55{
   padding-top:55px
}
.p-r-55{
   padding-right:55px
}
.p-b-55{
   padding-bottom:55px
}
.p-l-60{
   padding-left:60px
}
.p-t-60{
   padding-top:60px
}
.p-r-60{
   padding-right:60px
}
.p-b-60{
   padding-bottom:60px
}
.p-l-65{
   padding-left:65px
}
.p-t-65{
   padding-top:65px
}
.p-r-65{
   padding-right:65px
}
.p-b-65{
   padding-bottom:65px
}
.p-l-70{
   padding-left:70px
}
.p-t-70{
   padding-top:70px
}
.p-r-70{
   padding-right:70px
}
.p-b-70{
   padding-bottom:70px
}
.p-l-75{
   padding-left:75px
}
.p-t-75{
   padding-top:75px
}
.p-r-75{
   padding-right:75px
}
.p-b-75{
   padding-bottom:75px
}
.p-l-80{
   padding-left:80px
}
.p-t-80{
   padding-top:80px
}
.p-r-80{
   padding-right:80px
}
.p-b-80{
   padding-bottom:80px
}
.p-l-85{
   padding-left:85px
}
.p-t-85{
   padding-top:85px
}
.p-r-85{
   padding-right:85px
}
.p-b-85{
   padding-bottom:85px
}
.p-l-90{
   padding-left:90px
}
.p-t-90{
   padding-top:90px
}
.p-r-90{
   padding-right:90px
}
.p-b-90{
   padding-bottom:90px
}
.p-l-95{
   padding-left:95px
}
.p-t-95{
   padding-top:95px
}
.p-r-95{
   padding-right:95px
}
.p-b-95{
   padding-bottom:95px
}
.p-l-100{
   padding-left:100px
}
.p-t-100{
   padding-top:100px
}
.p-r-100{
   padding-right:100px
}
.p-b-100{
   padding-bottom:100px
}
.p-l-105{
   padding-left:105px
}
.p-t-105{
   padding-top:105px
}
.p-r-105{
   padding-right:105px
}
.p-b-105{
   padding-bottom:105px
}
.p-l-110{
   padding-left:110px
}
.p-t-110{
   padding-top:110px
}
.p-r-110{
   padding-right:110px
}
.p-b-110{
   padding-bottom:110px
}
.p-l-115{
   padding-left:115px
}
.p-t-115{
   padding-top:115px
}
.p-r-115{
   padding-right:115px
}
.p-b-115{
   padding-bottom:115px
}
.p-l-120{
   padding-left:120px
}
.p-t-120{
   padding-top:120px
}
.p-r-120{
   padding-right:120px
}
.p-b-120{
   padding-bottom:120px
}
.p-l-125{
   padding-left:125px
}
.p-t-125{
   padding-top:125px
}
.p-r-125{
   padding-right:125px
}
.p-b-125{
   padding-bottom:125px
}
.margin-0{
   margin:0
}
.margin-5{
   margin:5px
}
.padding-5{
   padding:5px
}
.margin-10{
   margin:10px
}
.padding-10{
   padding:10px
}
.margin-15{
   margin:15px
}
.padding-15{
   padding:15px
}
.margin-20{
   margin:20px
}
.padding-20{
   padding:20px
}
.margin-25{
   margin:25px
}
.padding-25{
   padding:25px
}
.margin-30{
   margin:30px
}
.padding-30{
   padding:30px
}
.margin-35{
   margin:35px
}
.padding-35{
   padding:35px
}
.margin-40{
   margin:40px
}
.padding-40{
   padding:40px
}
.margin-45{
   margin:45px
}
.padding-45{
   padding:45px
}
.margin-50{
   margin:50px
}
.padding-50{
   padding:50px
}
.margin-55{
   margin:55px
}
.padding-55{
   padding:55px
}
.margin-60{
   margin:60px
}
.padding-60{
   padding:60px
}
.margin-65{
   margin:65px
}
.padding-65{
   padding:65px
}
.margin-70{
   margin:70px
}
.padding-70{
   padding:70px
}
.margin-75{
   margin:75px
}
.padding-75{
   padding:75px
}
.margin-80{
   margin:80px
}
.padding-80{
   padding:80px
}
.margin-85{
   margin:85px
}
.padding-85{
   padding:85px
}
.margin-90{
   margin:90px
}
.padding-90{
   padding:90px
}
.margin-95{
   margin:95px
}
.padding-95{
   padding:95px
}
.margin-100{
   margin:100px
}
.padding-100{
   padding:100px
}
.margin-105{
   margin:105px
}
.padding-105{
   padding:105px
}
.margin-110{
   margin:110px
}
.padding-110{
   padding:110px
}
.margin-115{
   margin:115px
}
.padding-115{
   padding:115px
}
.margin-120{
   margin:120px
}
.padding-120{
   padding:120px
}
.margin-125{
   margin:125px
}
.padding-125{
   padding:125px
}
.padding-0{
   padding:0
}
.font-6{
   font-size:6px!important
}
.font-7{
   font-size:7px!important
}
.font-8{
   font-size:8px!important
}
.font-9{
   font-size:9px!important
}
.font-10{
   font-size:10px!important
}
.font-11{
   font-size:11px!important
}
.font-12{
   font-size:12px!important
}
.font-13{
   font-size:13px!important
}
.font-14{
   font-size:14px!important
}
.font-15{
   font-size:15px!important
}
.font-16{
   font-size:16px!important
}
.font-17{
   font-size:17px!important
}
.font-18{
   font-size:18px!important
}
.font-19{
   font-size:19px!important
}
.font-20{
   font-size:20px!important
}
.font-21{
   font-size:21px!important
}
.font-22{
   font-size:22px!important
}
.font-23{
   font-size:23px!important
}
.font-24{
   font-size:24px!important
}
.font-25{
   font-size:25px!important
}
.font-26{
   font-size:26px!important
}
.font-27{
   font-size:27px!important
}
.font-28{
   font-size:28px!important
}
.font-29{
   font-size:29px!important
}
.font-30{
   font-size:30px!important
}
.font-31{
   font-size:31px!important
}
.font-32{
   font-size:32px!important
}
.font-33{
   font-size:33px!important
}
.font-34{
   font-size:34px!important
}
.font-35{
   font-size:35px!important
}
.font-36{
   font-size:36px!important
}
.font-37{
   font-size:37px!important
}
.font-38{
   font-size:38px!important
}
.font-39{
   font-size:39px!important
}
.font-40{
   font-size:40px!important
}
.font-41{
   font-size:41px!important
}
.font-42{
   font-size:42px!important
}
.font-43{
   font-size:43px!important
}
.font-44{
   font-size:44px!important
}
.font-45{
   font-size:45px!important
}
.font-46{
   font-size:46px!important
}
.font-47{
   font-size:47px!important
}
.font-48{
   font-size:48px!important
}
.font-49{
   font-size:49px!important
}
.font-50{
   font-size:50px!important
}
.pull-left{
   float:left
}
.pull-right{
   float:right
}
.align-left{
   text-align:left
}
.align-center{
   text-align:center
}
.align-right{
   text-align:right
}
.align-justify{
   text-align:justify
}
.no-resize{
   resize:none
}
.font-bold{
   font-weight:700
}
.font-italic{
   font-style:italic
}
.font-underline{
   text-decoration:underline
}
.font-line-through{
   text-decoration:line-through
}
.font-overline{
   text-decoration:overline
}
.accordion{
   display:inline-block;
   width:100%;
   margin-bottom:10px
}
.accordion .accordion-body,.accordion .accordion-header{
   padding:10px 15px
}
.accordion .accordion-header{
   background-color:#f9f9f9;
   border-radius:3px;
   cursor:pointer;
   transition:all .5s
}
.accordion .accordion-header h4{
   line-height:1;
   margin:0;
   font-size:14px;
   font-weight:700
}
.accordion .accordion-header:hover{
   background-color:#f2f2f2
}
.accordion .accordion-header[aria-expanded=true]{
   box-shadow:0 2px 6px #acb5f6;
   background-color:#6777ef;
   color:#fff
}
.accordion .accordion-body{
   line-height:24px
}
.alert{
   color:#fff;
   border:none;
   padding:15px 20px
}
.alert .alert-title{
   font-size:18px;
   font-weight:700;
   margin-bottom:5px
}
.alert code{
   background-color:#fff;
   border-radius:3px;
   padding:1px 4px
}
.alert p{
   margin-bottom:0
}
.alert.alert-has-icon{
   display:flex
}
.alert.alert-has-icon .alert-icon{
   margin-top:4px;
   width:30px
}
.alert.alert-has-icon .alert-icon .fab,.alert.alert-has-icon .alert-icon .fal,.alert.alert-has-icon .alert-icon .far,.alert.alert-has-icon .alert-icon .fas,.alert.alert-has-icon .alert-icon .ion{
   font-size:20px
}
.alert.alert-has-icon .alert-body{
   flex:1
}
.alert:not(.alert-light) a{
   color:#fff
}
.alert.alert-primary{
   background-color:#6777ef
}
.alert.alert-secondary{
   background-color:#cdd3d8
}
.alert.alert-success{
   background-color:#54ca68
}
.alert.alert-info{
   background-color:#3abaf4
}
.alert.alert-warning{
   background-color:#ffa426
}
.alert.alert-danger{
   background-color:#fc544b
}
.alert.alert-light{
   background-color:#e3eaef;
   color:#191d21
}
.alert.alert-dark{
   background-color:#191d21
}
.badges .badge{
   margin:0 8px 10px 0
}
.badge{
   vertical-align:middle;
   padding:7px 12px;
   font-weight:600;
   letter-spacing:.3px;
   border-radius:30px;
   font-size:12px
}
.badge.badge-warning{
   color:#fff
}
.badge.badge-primary{
   background-color:#6777ef
}
.badge.badge-secondary{
   background-color:#34395e
}
.badge.badge-success{
   background-color:#54ca68
}
.badge.badge-info{
   background-color:#3abaf4
}
.badge.badge-danger{
   background-color:#fc544b
}
.badge.badge-light{
   background-color:#e3eaef;
   color:#191d21
}
.badge.badge-white{
   background-color:#fff;
   color:#191d21
}
.badge.badge-dark{
   background-color:#191d21
}
h1 .badge{
   font-size:24px;
   padding:16px 21px
}
h2 .badge{
   font-size:22px;
   padding:14px 19px
}
h3 .badge{
   font-size:18px;
   padding:11px 16px
}
h4 .badge{
   font-size:16px;
   padding:8px 13px
}
h5 .badge{
   font-size:14px;
   padding:5px 10px
}
h6 .badge{
   font-size:11px;
   padding:3px 8px
}
.btn .badge{
   margin-left:5px;
   padding:4px 7px
}
.btn .badge.badge-transparent{
   background-color:hsla(0,0%,100%,.25);
   color:#fff
}
.breadcrumb{
   background-color:#f9f9f9
}
.breadcrumb .breadcrumb-item{
   line-height:1
}
.breadcrumb .breadcrumb-item i{
   margin-right:5px
}
.buttons .btn{
   margin:0 8px 10px 0
}
.btn:active,.btn:active:focus,.btn:focus{
   box-shadow:none!important;
   outline:none
}
.btn.btn-icon-split i,.dropdown-item.has-icon i{
   text-align:center;
   width:15px;
   font-size:15px;
   float:left;
   margin-right:10px
}
.btn{
   font-weight:600;
   font-size:12px;
   line-height:24px;
   padding:.3rem .8rem;
   letter-spacing:.5px
}
.btn.btn-icon-split{
   position:relative
}
.btn.btn-icon-split i{
   position:absolute;
   left:0;
   top:0;
   height:100%;
   width:45px;
   border-radius:3px 0 0 3px;
   line-height:32px
}
.btn.btn-icon-split div{
   margin-left:40px
}
.btn.btn-icon-noflo-splitat{
   display:table;
   text-align:right
}
.btn.btn-icon-noflo-splitat i{
   float:none;
   margin:0;
   display:table-cell;
   vertical-align:middle;
   width:30%
}
.btn.btn-icon-noflo-splitat div{
   display:table-cell;
   vertical-align:middle;
   width:70%;
   text-align:left;
   padding-left:10px
}
.btn:not(.btn-social):not(.btn-social-icon):active,.btn:not(.btn-social):not(.btn-social-icon):focus,.btn:not(.btn-social):not(.btn-social-icon):hover{
   border-color:transparent!important;
   background-color:#fff
}
.btn>i{
   margin-left:0!important
}
.btn.btn-lg{
   padding:.55rem 1.5rem;
   font-size:12px
}
.btn.btn-lg.btn-icon-split i{
   line-height:42px
}
.btn.btn-lg.btn-icon-split div{
   margin-left:25px
}
.btn.btn-sm{
   padding:.1rem .4rem;
   font-size:12px
}
.btn.btn-icon .fab,.btn.btn-icon .fal,.btn.btn-icon .far,.btn.btn-icon .fas,.btn.btn-icon .ion{
   margin-left:0!important;
   font-size:12px
}
.btn.btn-icon.icon-left .fab,.btn.btn-icon.icon-left .fal,.btn.btn-icon.icon-left .far,.btn.btn-icon.icon-left .fas,.btn.btn-icon.icon-left .ion{
   margin-right:3px
}
.btn.btn-icon.icon-right .fab,.btn.btn-icon.icon-right .fal,.btn.btn-icon.icon-right .far,.btn.btn-icon.icon-right .fas,.btn.btn-icon.icon-right .ion{
   margin-left:3px!important
}
.btn-action{
   color:#fff!important;
   line-height:25px;
   font-size:12px;
   min-width:35px;
   min-height:35px
}
.btn-secondary,.btn-secondary.disabled{
   box-shadow:0 2px 6px #e1e5e8;
   background-color:#2f4253;
   border-color:#2f4253;
   color:#fff
}
.btn-secondary.disabled:active,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
   background-color:#bfc6cd!important;
   color:#fff!important
}
.btn-outline-secondary.disabled:active,.btn-outline-secondary.disabled:focus,.btn-outline-secondary.disabled:hover,.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover{
   background-color:#cdd3d8!important;
   color:#fff!important
}
.btn-success,.btn-success.disabled{
   box-shadow:0 2px 6px #8edc9c;
   background-color:#54ca68;
   border-color:#54ca68;
   color:#fff
}
.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success:active,.btn-success:focus,.btn-success:hover{
   background-color:#41c457!important;
   color:#fff!important
}
.btn-outline-success.disabled:active,.btn-outline-success.disabled:focus,.btn-outline-success.disabled:hover,.btn-outline-success:active,.btn-outline-success:focus,.btn-outline-success:hover{
   background-color:#54ca68!important;
   color:#fff!important
}
.btn-danger,.btn-danger.disabled{
   box-shadow:0 2px 6px #fd9b96;
   background-color:#fc544b;
   border-color:#fc544b;
   color:#fff
}
.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger:active,.btn-danger:focus,.btn-danger:hover{
   background-color:#fb160a!important
}
.btn-outline-danger.disabled:active,.btn-outline-danger.disabled:focus,.btn-outline-danger.disabled:hover,.btn-outline-danger:active,.btn-outline-danger:focus,.btn-outline-danger:hover{
   background-color:#fb160a!important;
   color:#fff!important
}
.btn-dark,.btn-dark.disabled{
   box-shadow:0 2px 6px #728394;
   background-color:#191d21;
   border-color:#191d21;
   color:#fff
}
.btn-dark.disabled:active,.btn-dark.disabled:focus,.btn-dark.disabled:hover,.btn-dark:active,.btn-dark:focus,.btn-dark:hover{
   background-color:#000!important
}
.btn-outline-dark.disabled:active,.btn-outline-dark.disabled:focus,.btn-outline-dark.disabled:hover,.btn-outline-dark:active,.btn-outline-dark:focus,.btn-outline-dark:hover{
   background-color:#000!important;
   color:#fff!important
}
.btn-light,.btn-light.disabled{
   box-shadow:0 2px 6px #e6ecf1;
   background-color:#e3eaef;
   border-color:#e3eaef;
   color:#191d21
}
.btn-light.disabled:active,.btn-light.disabled:focus,.btn-light.disabled:hover,.btn-light:active,.btn-light:focus,.btn-light:hover{
   background-color:#c3d2dc!important
}
.btn-outline-light,.btn-outline-light.disabled{
   border-color:#e3eaef;
   color:#e3eaef
}
.btn-outline-light.disabled:active,.btn-outline-light.disabled:focus,.btn-outline-light.disabled:hover,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:hover{
   background-color:#e3eaef!important;
   color:#fff!important
}
.btn-warning,.btn-warning.disabled{
   box-shadow:0 2px 6px #ffc473;
   background-color:#ffa426;
   border-color:#ffa426;
   color:#fff
}
.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning:active,.btn-warning:focus,.btn-warning:hover{
   background-color:#ff990d!important;
   color:#fff!important
}
.btn-outline-warning.disabled:active,.btn-outline-warning.disabled:focus,.btn-outline-warning.disabled:hover,.btn-outline-warning:active,.btn-outline-warning:focus,.btn-outline-warning:hover{
   background-color:#ffa426!important;
   color:#fff!important
}
.btn-info,.btn-info.disabled{
   box-shadow:0 2px 6px #82d3f8;
   background-color:#3abaf4;
   border-color:#3abaf4;
   color:#fff
}
.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info:active,.btn-info:focus,.btn-info:hover{
   background-color:#0da8ee!important
}
.btn-outline-info.disabled:active,.btn-outline-info.disabled:focus,.btn-outline-info.disabled:hover,.btn-outline-info:active,.btn-outline-info:focus,.btn-outline-info:hover{
   background-color:#0da8ee!important;
   color:#fff!important
}
.btn-primary,.btn-primary.disabled{
   box-shadow:0 2px 3px #3d4973d9;
   background-color:#3d4973d9;
   border-color:#3d4973d9
}
.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:focus:active,.btn-primary.disabled:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:focus:active,.btn-primary:hover{
   background-color:#484848!important;
   box-shadow: 0 2px 6px #484848;
}
.btn-outline-primary,.btn-outline-primary.disabled{
   border-color:#6777ef;
   color:#6777ef
}
.btn-outline-primary.disabled:active,.btn-outline-primary.disabled:focus,.btn-outline-primary.disabled:hover,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{
   background-color:#6777ef!important;
   color:#fff
}
.btn-outline-white,.btn-outline-white.disabled{
   border-color:#fff;
   color:#fff
}
.btn-outline-white.disabled:active,.btn-outline-white.disabled:focus,.btn-outline-white.disabled:hover,.btn-outline-white:active,.btn-outline-white:focus,.btn-outline-white:hover{
   background-color:#fff;
   color:#6777ef
}
.btn-round{
   border-radius:30px;
   padding-left:34px;
   padding-right:34px
}
.btn-social,.btn-social-icon{
   border:none;
   border-radius:3px
}
.btn-social-icon{
   color:#fff!important;
   padding-left:18px;
   padding-right:18px
}
.btn-social-icon>:first-child{
   font-size:16px
}
.btn-social{
   padding:12px 12px 12px 50px;
   color:#fff!important;
   font-weight:500
}
.btn-social>:first-child{
   width:55px;
   line-height:50px;
   border-right:none
}
.btn-reddit{
   color:#000!important
}
.btn-group .btn.active{
   background-color:#6777ef;
   color:#fff
}
.card{
   background-color:#fff;
   border-radius:10px;
   border:none;
   position:relative;
   margin-bottom:30px;
   box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)
}
.card .card-body,.card .card-footer,.card .card-header{
   background-color:transparent;
   padding:20px 25px
}
.card .navbar{
   position:static
}
.card .card-body{
   padding-top:20px;
   padding-bottom:20px
}
.card .card-body .section-title{
   margin:30px 0 10px;
   font-size:16px
}
.card .card-body .section-title:before{
   margin-top:8px
}
.card .card-body .section-title+.section-lead{
   margin-top:-5px
}
.card .card-body p{
   font-weight:500;
   color:#212529
}
.card .card-header{
   border-bottom-color:#e1e1e1;
   line-height:30px;
   -ms-grid-row-align:center;
   align-self:center;
   width:100%;
   padding:10px 25px;
   display:flex;
   align-items:center
}
.card .card-header .btn{
   margin-top:1px;
   padding:2px 15px
}
.card .card-header .btn:not(.note-btn){
   border-radius:30px
}
.card .card-header .btn:hover{
   box-shadow:none
}
.card .card-header .form-control{
   height:31px;
   font-size:13px;
   border-radius:30px
}
.card .card-header .form-control+.input-group-btn .btn{
   margin-top:-1px
}
.card .card-header h4{
   font-size:17px;
   line-height:28px;
   padding-right:10px;
   margin-bottom:0;
   color:#212529
}
.card .card-header h4+.card-header-action,.card .card-header h4+.card-header-form{
   margin-left:auto
}
.card .card-header h4+.card-header-action .btn,.card .card-header h4+.card-header-form .btn{
   font-size:12px;
   border-radius:30px!important;
   padding-left:13px!important;
   padding-right:13px!important
}
.card .card-header h4+.card-header-action .btn.active,.card .card-header h4+.card-header-form .btn.active{
   box-shadow:0 2px 6px #acb5f6;
   background-color:#6777ef;
   color:#fff
}
.card .card-header h4+.card-header-action .dropdown,.card .card-header h4+.card-header-form .dropdown{
   display:inline
}
.card .card-header h4+.card-header-action .btn-group .btn,.card .card-header h4+.card-header-form .btn-group .btn{
   border-radius:0!important
}
.card .card-header h4+.card-header-action .btn-group .btn:first-child,.card .card-header h4+.card-header-form .btn-group .btn:first-child{
   border-radius:30px 0 0 30px!important
}
.card .card-header h4+.card-header-action .btn-group .btn:last-child,.card .card-header h4+.card-header-form .btn-group .btn:last-child{
   border-radius:0 30px 30px 0!important
}
.card .card-header h4+.card-header-action .input-group .form-control,.card .card-header h4+.card-header-form .input-group .form-control{
   border-radius:30px 0 0 30px!important
}
.card .card-header h4+.card-header-action .input-group .form-control+.input-group-btn .btn,.card .card-header h4+.card-header-action .input-group .input-group-btn+.form-control,.card .card-header h4+.card-header-form .input-group .form-control+.input-group-btn .btn,.card .card-header h4+.card-header-form .input-group .input-group-btn+.form-control{
   border-radius:0 30px 30px 0!important
}
.card .card-header h4+.card-header-action .input-group .input-group-btn .btn,.card .card-header h4+.card-header-form .input-group .input-group-btn .btn{
   margin-top:-1px;
   border-radius:30px 0 0 30px!important
}
.card .card-footer{
   background-color:transparent;
   border:none
}
.card.card-mt{
   margin-top:30px
}
.card.card-progress:after{
   content:" ";
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color:hsla(0,0%,100%,.5);
   z-index:99
}
.card.card-progress .card-progress-dismiss{
   position:absolute;
   top:66%;
   left:50%;
   transform:translate(-50%,-50%);
   z-index:999;
   color:#fff!important;
   padding:5px 13px
}
.card.card-progress.remove-spinner .card-progress-dismiss{
   top:50%;
   transform:translate(-50%,-50%)
}
.card.card-progress:not(.remove-spinner):after{
   background-image:url(/images/spinner.svg?848e45768e3d6ce484468ea52ba39221);
   background-size:80px;
   background-repeat:no-repeat;
   background-position:50%
}
.card.card-primary{
   border-top:2px solid #6777ef
}
.card.card-secondary{
   border-top:2px solid #34395e
}
.card.card-success{
   border-top:2px solid #54ca68
}
.card.card-danger{
   border-top:2px solid #fc544b
}
.card.card-warning{
   border-top:2px solid #ffa426
}
.card.card-info{
   border-top:2px solid #3abaf4
}
.card.card-dark{
   border-top:2px solid #191d21
}
.card.card-hero .card-header{
   padding:40px;
   background-image:linear-gradient(180deg,#6777ef,#95a0f4);
   color:#fff;
   overflow:hidden;
   height:auto;
   min-height:auto;
   display:block
}
.card.card-hero .card-header h4{
   font-size:40px;
   line-height:1
}
.card.card-hero .card-header .card-description{
   margin-top:5px;
   font-size:16px
}
.card.card-hero .card-header .card-icon{
   float:right;
   color:#8c98f3;
   margin:-60px
}
.card.card-hero .card-header .card-icon .fab,.card.card-hero .card-header .card-icon .fal,.card.card-hero .card-header .card-icon .far,.card.card-hero .card-header .card-icon .fas,.card.card-hero .card-header .card-icon .ion{
   font-size:140px
}
.card.card-statistic-1 .card-header,.card.card-statistic-2 .card-header{
   border-color:transparent;
   height:auto;
   min-height:auto;
   display:block
}
.card.card-statistic-1 .card-icon{
   width:30px;
   height:30px;
   margin:10px 0 0 20px;
   border-radius:3px;
   line-height:78px;
   text-align:center;
   float:left;
   font-size:30px
}
.card.card-statistic-1 .card-header h4,.card.card-statistic-2 .card-header h4{
   line-height:1.2;
   color:#98a6ad
}
.card.card-statistic-1 .card-body,.card.card-statistic-2 .card-body{
   padding-top:0;
   font-size:26px;
   font-weight:700;
   color:#34395e;
   padding-bottom:0
}
.card.card-statistic-1,.card.card-statistic-2{
   display:inline-block;
   width:100%
}
.card.card-statistic-1 .card-icon,.card.card-statistic-2 .card-icon{
   width:80px;
   height:80px;
   border-radius:3px;
   line-height:94px;
   text-align:center;
   float:left;
   border-radius:50px;
   margin:10px 15px 10px 10px
}
.card.card-statistic-1 .card-icon .fab,.card.card-statistic-1 .card-icon .fal,.card.card-statistic-1 .card-icon .far,.card.card-statistic-1 .card-icon .fas,.card.card-statistic-1 .card-icon .ion,.card.card-statistic-2 .card-icon .fab,.card.card-statistic-2 .card-icon .fal,.card.card-statistic-2 .card-icon .far,.card.card-statistic-2 .card-icon .fas,.card.card-statistic-2 .card-icon .ion{
   font-size:22px;
   color:#fff
}
.card.card-statistic-1 .card-icon{
   line-height:90px
}
.card.card-statistic-2 .card-icon{
   width:50px;
   height:50px;
   line-height:50px;
   font-size:22px;
   margin:25px;
   box-shadow:5px 3px 10px 0 rgba(21,15,15,.3);
   border-radius:10px;
   background:#6777ef
}
.card.card-statistic-1 .card-header,.card.card-statistic-2 .card-header{
   padding-bottom:0;
   padding-top:25px
}
.card.card-statistic-2 .card-body{
   padding-top:20px
}
.card.card-statistic-2 .card-body+.card-header,.card.card-statistic-2 .card-header+.card-body{
   padding-top:0
}
.card.card-statistic-1 .card-header h4,.card.card-statistic-2 .card-header h4{
   font-weight:600;
   font-size:13px;
   letter-spacing:.5px
}
.card.card-statistic-1 .card-header h4{
   margin-bottom:0
}
.card.card-statistic-2 .card-header h4{
   text-transform:none;
   margin-bottom:0
}
.card.card-statistic-1 .card-body{
   font-size:20px
}
.card.card-statistic-2 .card-chart{
   padding-top:20px;
   margin-left:-9px;
   margin-right:-1px;
   margin-bottom:-15px
}
.card.card-statistic-2 .card-chart canvas{
   height:90px!important
}
.card .card-stats{
   width:100%;
   display:inline-block;
   margin-top:2px;
   margin-bottom:-6px
}
.card .card-stats .card-stats-title{
   padding:15px 25px;
   background-color:#fff;
   font-size:13px;
   font-weight:600;
   letter-spacing:.3px
}
.card .card-stats .card-stats-items{
   display:flex;
   height:50px;
   align-items:center
}
.card .card-stats .card-stats-item{
   width:33.33333%;
   text-align:center;
   padding:5px 20px
}
.card .card-stats .card-stats-item .card-stats-item-label{
   font-size:12px;
   letter-spacing:.5px;
   margin-top:4px;
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap
}
.card .card-stats .card-stats-item .card-stats-item-count{
   line-height:1;
   margin-bottom:8px;
   font-size:20px;
   font-weight:700
}
.card.card-large-icons{
   display:flex;
   flex-direction:row
}
.card.card-large-icons .card-icon{
   display:flex;
   align-items:center;
   justify-content:center;
   flex-shrink:0;
   width:150px;
   border-radius:3px 0 0 3px
}
.card.card-large-icons .card-icon .fab,.card.card-large-icons .card-icon .fal,.card.card-large-icons .card-icon .far,.card.card-large-icons .card-icon .fas,.card.card-large-icons .card-icon .ion{
   font-size:60px
}
.card.card-large-icons .card-body{
   padding:25px 30px
}
.card.card-large-icons .card-body h4{
   font-size:18px
}
.card.card-large-icons .card-body p{
   opacity:.6;
   font-weight:500
}
.card.card-large-icons .card-body a.card-cta{
   text-decoration:none
}
.card.card-large-icons .card-body a.card-cta i{
   margin-left:7px
}
.card.bg-danger,.card.bg-dark,.card.bg-info,.card.bg-primary,.card.bg-success,.card.bg-warning{
   color:#fff
}
.card.bg-danger .card-header,.card.bg-dark .card-header,.card.bg-info .card-header,.card.bg-primary .card-header,.card.bg-success .card-header,.card.bg-warning .card-header{
   color:#fff;
   opacity:.9
}
.card .card-type-3 .card-circle{
   display:inline-flex;
   text-align:center;
   border-radius:50%;
   align-items:center;
   justify-content:center;
   height:45px;
   width:45px;
   box-shadow:0 0 20px 0 rgba(236,235,235,.31)
}
.card .card-type-3 .card-circle i{
   font-size:15px
}
.card .card-statistic-3{
   position:relative;
   color:#fff;
   padding:15px;
   border-radius:3px;
   overflow:hidden
}
.card .card-statistic-3 .card-icon-large{
   font-size:110px;
   width:110px;
   height:50px;
   text-shadow:3px 7px rgba(0,0,0,.3)
}
.card .card-statistic-3 .card-icon{
   text-align:center;
   line-height:50px;
   margin-left:15px;
   color:#000;
   position:absolute;
   right:-5px;
   top:20px;
   opacity:.1
}
.card .card-statistic-3 .banner-img img{
   max-width:100%
}
.card .card-statistic-4{
   position:relative;
   color:#000;
   padding:15px;
   border-radius:3px;
   overflow:hidden
}
.card .card-statistic-4 .card-icon-large{
   font-size:110px;
   width:110px;
   height:50px;
   text-shadow:3px 7px rgba(0,0,0,.3)
}
.card .card-statistic-4 .card-icon{
   text-align:center;
   line-height:50px;
   margin-left:15px;
   color:#000;
   position:absolute;
   right:-5px;
   top:20px;
   opacity:.1
}
.card .card-statistic-4 .banner-img img{
   max-width:100%;
   float:right
}
@media (max-width:575.98px){
   .card.card-large-icons{
       display:inline-block
   }
   .card.card-large-icons .card-icon{
       width:100%;
       height:200px
   }
   .col-xs-6{
       flex:0 0 50%;
       max-width:50%
   }
}
@media (max-width:767.98px){
   .card .card-header{
       height:auto;
       flex-wrap:wrap
   }
   .card .card-header h4+.card-header-action,.card .card-header h4+.card-header-form{
       flex-grow:0;
       width:100%;
       margin-top:10px
   }
}
@media (min-width:768px) and (max-width:991.98px){
   .card .card-stats .card-stats-items{
       height:49px
   }
   .card .card-stats .card-stats-items .card-stats-item{
       padding:5px 7px
   }
   .card .card-stats .card-stats-items .card-stats-item .card-stats-item-count{
       font-size:16px
   }
   .card.card-sm-6 .card-chart canvas{
       height:85px!important
   }
   .card.card-hero .card-header{
       padding:25px
   }
}
.dropdown-item.has-icon i{
   margin-top:-1px;
   font-size:13px
}
.dropdown-menu{
   box-shadow:0 0 30px rgba(0,0,0,.1);
   border:none;
   width:200px
}
.dropdown-menu.show{
   display:block!important
}
.dropdown-menu a{
   font-size:13px
}
.dropdown-menu .dropdown-title{
   text-transform:uppercase;
   font-size:10px;
   letter-spacing:1.5px;
   font-weight:700;
   color:#b0b9c8!important;
   padding:10px 20px;
   line-height:20px;
   color:#98a6ad
}
.dropdown-menu.dropdown-menu-sm a{
   font-size:14px;
   letter-spacing:normal;
   padding:10px 20px;
   color:#6c757d
}
a.dropdown-item{
   padding:10px 20px;
   font-weight:500;
   line-height:1.2
}
a.dropdown-item.active,a.dropdown-item:active,a.dropdown-item:focus{
   background-color:#e9e9e9;
   color:#666!important
}
.dropdown-divider{
   border-top-color:#f9f9f9
}
.dropdown-list{
   width:300px;
   padding:0
}
.dropdown-list .dropdown-item{
   display:inline-block;
   width:100%;
   padding-top:15px;
   padding-bottom:15px;
   font-size:13px;
   border-bottom:1px solid #f9f9f9
}
.dropdown-list .dropdown-item.dropdown-item-header:hover{
   background-color:transparent
}
.dropdown-list .dropdown-item .time{
   margin-top:10px;
   font-weight:600;
   text-transform:uppercase;
   font-size:10px;
   letter-spacing:.5px
}
.dropdown-list .dropdown-item .dropdown-item-avatar{
   float:left;
   width:50px;
   text-align:right;
   position:relative
}
.dropdown-list .dropdown-item .dropdown-item-avatar img{
   width:100%
}
.dropdown-list .dropdown-item .dropdown-item-avatar .is-online{
   position:absolute;
   bottom:0;
   right:0
}
.dropdown-list .dropdown-item .dropdown-item-desc{
   line-height:24px;
   white-space:normal;
   color:#34395e;
   margin-left:60px
}
.dropdown-list .dropdown-item .dropdown-item-desc b{
   font-weight:600;
   color:#666
}
.dropdown-list .dropdown-item .dropdown-item-desc p{
   margin-bottom:0
}
.dropdown-list .dropdown-item .dropdown-msg-item-desc{
   margin-left:13px;
   display:inline-grid
}
.dropdown-list .dropdown-item:focus{
   background-color:#e9e9e9
}
.dropdown-list .dropdown-item:focus .dropdown-item-desc,.dropdown-list .dropdown-item:focus .dropdown-item-desc b{
   color:#666!important
}
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc,.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b{
   color:#6c757d
}
.dropdown-list .dropdown-item:active .dropdown-item-desc,.dropdown-list .dropdown-item:active .dropdown-item-desc b{
   color:#fff
}
.dropdown-list .dropdown-item.dropdown-item-unread{
   background-color:#fbfbfb;
   border-bottom-color:#f2f2f2
}
.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc,.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b{
   color:#6c757d!important
}
.dropdown-list .dropdown-footer,.dropdown-list .dropdown-header{
   letter-spacing:.5px;
   font-weight:600;
   padding:10px 15px
}
.dropdown-list .dropdown-footer a,.dropdown-list .dropdown-header a{
   font-weight:600
}
.dropdown-list .dropdown-list-content{
   height:250px;
   overflow-y:scroll
}
.dropdown-list .dropdown-list-content:not(.is-end):after{
   content:" ";
   position:absolute;
   bottom:46px;
   left:0;
   width:100%;
   height:60px
}
.dropdown-list .dropdown-list-icons .dropdown-item{
   display:flex
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon{
   flex-shrink:0;
   border-radius:50%;
   width:40px;
   height:40px;
   line-height:42px;
   text-align:center
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i{
   margin:0
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc{
   margin-left:15px;
   line-height:20px
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time{
   margin:0;
   font-size:10px;
   color:#aaa;
   float:left;
   width:100%;
   line-height:20px
}
.dropdown-list .dropdown-list-message .dropdown-item{
   display:flex;
   padding-top:4px;
   border-bottom:1px solid #eee;
   padding-bottom:0
}
.dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-icon{
   flex-shrink:0;
   border-radius:50%;
   width:40px;
   height:40px;
   line-height:42px;
   text-align:center
}
.dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-icon i{
   margin:0
}
.dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc{
   margin-left:15px;
   line-height:20px;
   width:100%
}
.dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc .time{
   margin:0;
   font-size:10px;
   color:#aaa;
   float:left;
   width:100%;
   line-height:20px
}
.dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc .messege-text{
   text-transform:none;
   font-size:12px;
   color:#6d6c6c
}
.dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc .message-user{
   font-size:14px;
   font-weight:600;
   color:#39393c
}
.dropdown-flag .dropdown-item{
   font-weight:600
}
.dropdown-flag .dropdown-item .flag-icon{
   width:20px;
   height:13px;
   margin-right:7px;
   margin-top:-6px
}
.dropdown-flag .dropdown-item.active{
   background-color:#6777ef;
   color:#fff
}
@media (max-width:479px){
   .dropdown-list-toggle:first-child .dropdown-list{
       right:-100px
   }
   .dropdown-list-toggle:nth-child(2) .dropdown-list{
       right:-60px
   }
}
.custom-file-label,.custom-select,.form-control,.input-group-text{
   background-color:#fdfdff;
   border-color:#e4e6fc
}
.custom-file-label:focus,.custom-select:focus,.form-control:focus,.input-group-text:focus{
   background-color:#fefeff;
   border-color:#95a0f4
}
.form-control:not(.form-control-sm):not(.form-control-lg),.input-group-text,select.form-control:not([size]):not([multiple]){
   font-size:14px;
   padding:10px 15px;
   height:42px
}
textarea.form-control{
   height:64px!important
}
.custom-control{
   line-height:1.6rem
}
.custom-file,.custom-file-label,.custom-file-label:after,.custom-select,.form-control[type=color],select.form-control:not([size]):not([multiple]){
   height:calc(2.25rem + 6px)
}
.form-control.creditcard{
   background-position:98%;
   background-repeat:no-repeat;
   background-size:40px;
   padding-right:60px
}
.form-group{
   margin-bottom:25px
}
.form-group .control-label,.form-group>label{
   font-weight:600;
   color:#34395e;
   font-size:12px;
   letter-spacing:.5px
}
.form-group.floating-addon{
   position:relative
}
.form-group.floating-addon .input-group-prepend{
   position:absolute;
   top:0;
   left:0;
   height:100%;
   z-index:5
}
.form-group.floating-addon:not(.floating-addon-not-append) .input-group-append{
   position:absolute;
   top:0;
   left:0;
   z-index:5;
   left:auto;
   right:0
}
.form-group.floating-addon .input-group-append .input-group-text,.form-group.floating-addon .input-group-prepend .input-group-text{
   border-color:transparent;
   background-color:transparent;
   font-size:20px
}
.form-group.floating-addon .form-control{
   border-radius:3px;
   padding-left:40px
}
.form-group.floating-addon .form-control+.form-control{
   border-radius:0 3px 3px 0;
   padding-left:15px
}
.input-group-append [class*=btn-outline-]{
   background-color:#fdfdff
}
.form-text{
   font-size:12px;
   line-height:22px
}
.custom-control-input:checked~.custom-control-label:before,.custom-radio .custom-control-input:checked~.custom-control-label:before{
   background-color:#6777ef!important
}
.custom-file-label{
   line-height:2.2
}
.custom-file-label:after{
   height:calc(2.25rem + 4px);
   line-height:2.2;
   border-color:transparent
}
.custom-file-label:active,.custom-file-label:focus{
   box-shadow:none;
   outline:none
}
.custom-file-input:focus+.custom-file-label{
   box-shadow:none;
   border-color:#6777ef
}
.custom-file-input:focus+.custom-file-label:after{
   border-color:transparent
}
.selectgroup{
   display:inline-flex
}
.selectgroup-item{
   flex-grow:1;
   position:relative
}
.selectgroup-item+.selectgroup-item{
   margin-left:-1px
}
.selectgroup-item:not(:first-child) .selectgroup-button{
   border-top-left-radius:0;
   border-bottom-left-radius:0
}
.selectgroup-item:not(:last-child) .selectgroup-button{
   border-top-right-radius:0;
   border-bottom-right-radius:0
}
.selectgroup-input,.selectgroup-input-radio{
   opacity:0;
   position:absolute;
   z-index:-1;
   top:0;
   left:0
}
.selectgroup-button{
   background-color:#fdfdff;
   border:1px solid #e4e6fc;
   display:block;
   text-align:center;
   padding:0 1rem;
   height:35px;
   position:relative;
   cursor:pointer;
   border-radius:3px;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
   font-size:13px;
   min-width:2.375rem;
   line-height:36px
}
.selectgroup-button-icon{
   padding-left:.5rem;
   padding-right:.5rem
}
.selectgroup-button-icon i{
   font-size:14px
}
.selectgroup-input-radio:checked+.selectgroup-button,.selectgroup-input-radio:focus+.selectgroup-button{
   background-color:#6777ef;
   color:#fff;
   z-index:1
}
.selectgroup-pills{
   display:block;
   flex-wrap:wrap;
   align-items:flex-start
}
.selectgroup-pills .selectgroup-item{
   margin-right:.5rem;
   flex-grow:0
}
.selectgroup-pills .selectgroup-button{
   border-radius:50px!important
}
.selectgroup-pills input:checked+span{
   background-color:#6777ef;
   border-radius:50px!important;
   color:#fff;
   z-index:1
}
.custom-switch{
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
   cursor:default;
   display:inline-flex;
   align-items:center;
   margin:0
}
.custom-switch-input{
   position:absolute;
   z-index:-1;
   opacity:0
}
.custom-switches-stacked{
   display:flex;
   flex-direction:column
}
.custom-switches-stacked .custom-switch{
   margin-bottom:.5rem
}
.custom-switch-indicator{
   display:inline-block;
   height:1.25rem;
   width:2.25rem;
   background:#e9ecef;
   border-radius:50px;
   position:relative;
   vertical-align:bottom;
   border:1px solid rgba(0,40,100,.12);
   transition:border-color .3s,background-color .3s
}
.custom-switch-indicator:before{
   content:"";
   position:absolute;
   height:calc(1.25rem - 4px);
   width:calc(1.25rem - 4px);
   top:1px;
   left:1px;
   background:#fff;
   border-radius:50%;
   transition:left .3s
}
.custom-switch-input:checked~.custom-switch-indicator{
   background:#6777ef
}
.custom-switch-input:checked~.custom-switch-indicator:before{
   left:calc(1rem + 1px)
}
.custom-switch-input:focus~.custom-switch-indicator{
   border-color:#6777ef
}
.custom-switch-description{
   margin-left:.5rem;
   color:#6e7687;
   transition:color .3s
}
.custom-switch-input:checked~.custom-switch-description{
   color:#495057
}
.imagecheck{
   margin:0;
   position:relative;
   cursor:pointer
}
.imagecheck-input{
   position:absolute;
   z-index:-1;
   opacity:0
}
.imagecheck-figure{
   background-color:#fdfdff;
   border:1px solid #e4e6fc;
   border-radius:3px;
   margin:0;
   position:relative;
   vertical-align:top
}
.imagecheck-input:focus~.imagecheck-figure{
   border-color:#6777ef
}
.imagecheck-input:checked~.imagecheck-figure{
   border-color:rgba(0,40,100,.24)
}
.imagecheck-figure:before{
    content:"";
    position:absolute;
    top:.25rem;
    left:.25rem;
    display:block;
    width:1rem;
    height:1rem;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background:#6777ef url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat 50%/50% 50%;
    color:#fff;
    z-index:1;
    border-radius:3px;
    opacity:0;
    transition:opacity .3s;
}
.imagecheck-input:checked~.imagecheck-figure:before{
   opacity:1
}
.imagecheck-image{
   max-width:100%;
   opacity:.64;
   transition:opacity .3s
}
.imagecheck-image:first-child{
   border-top-left-radius:2px;
   border-top-right-radius:2px
}
.imagecheck-image:last-child{
   border-bottom-left-radius:2px;
   border-bottom-right-radius:2px
}
.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{
   opacity:1
}
.imagecheck-caption{
   text-align:center;
   padding:.25rem;
   color:#9aa0ac;
   font-size:.875rem;
   transition:color .3s
}
.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{
   color:#495057
}
.colorinput{
   margin:0;
   position:relative;
   cursor:pointer
}
.colorinput-input{
   position:absolute;
   z-index:-1;
   opacity:0
}
.colorinput-color{
   background-color:#fdfdff;
   border:1px solid #e4e6fc;
   display:inline-block;
   width:1.75rem;
   height:1.75rem;
   border-radius:3px;
   color:#fff;
   box-shadow:0 1px 2px 0 rgba(0,0,0,.05)
}
.colorinput-color:before{
   content:"";
   opacity:0;
   position:absolute;
   top:.25rem;
   left:.25rem;
   height:1.25rem;
   width:1.25rem;
   transition:opacity .3s;
   background:url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat 50%/50% 50%
}
.colorinput-input:checked~.colorinput-color:before{
   opacity:1
}
.sm-gutters{
   margin-left:-5px;
   margin-right:-5px
}
.sm-gutters>.col,.sm-gutters>[class*=col-]{
   padding-left:5px;
   padding-right:5px
}
.ionicons{
   padding:0;
   margin:0;
   display:flex;
   flex-wrap:wrap
}
.ionicons li{
   width:12.5%;
   font-size:40px;
   padding:40px 20px;
   list-style:none;
   text-align:center;
   border-radius:3px;
   position:relative;
   cursor:pointer
}
.ionicons li:hover{
   opacity:.8
}
.ionicons li .icon-name{
   position:absolute;
   top:100%;
   left:50%;
   width:100%;
   transform:translate(-50%,-100%);
   font-family:Segoe UI;
   font-size:12px;
   margin-top:10px;
   line-height:22px;
   background-color:#f9f9f9;
   border-radius:3px;
   padding:10px;
   display:none
}
.icon-preview{
   width:30px
}
.icon-preview i{
   font-size:20px
}
.icon-container .preview{
   display:flex;
   padding:12px;
   border-radius:5px;
   margin:5px;
   border:1px solid #c1bbbb
}
.icon-container .preview .icon-name{
   padding-left:10px
}
.icon-feather-container div{
   padding:12px;
   border:1px solid #c1bbbb
}
.list-unstyled-border li{
   border-bottom:1px solid #f9f9f9;
   padding-bottom:15px;
   margin-bottom:10px
}
.list-unstyled-border li .custom-checkbox{
   margin-right:15px
}
.list-unstyled-border li:last-child{
   margin-bottom:0;
   padding-bottom:0;
   border-bottom:none
}
.list-unstyled-noborder li:last-child{
   border-bottom:none
}
.list-group-item.active{
   background-color:#6777ef
}
.list-group-item.disabled{
   color:#c9d7e0
}
.list-group-item-primary{
   background-color:#6777ef;
   color:#fff
}
.list-group-item-secondary{
   background-color:#cdd3d8;
   color:#fff
}
.list-group-item-success{
   background-color:#54ca68;
   color:#fff
}
.list-group-item-danger{
   background-color:#fc544b;
   color:#fff
}
.list-group-item-warning{
   background-color:#ffa426;
   color:#fff
}
.list-group-item-info{
   background-color:#3abaf4;
   color:#fff
}
.list-group-item-light{
   background-color:#e3eaef;
   color:#191d21
}
.list-group-item-dark{
   background-color:#191d21;
   color:#fff
}
.btn:active,.btn:active:focus,.btn:focus,.custom-select:focus,.form-control:focus{
   box-shadow:none!important;
   outline:none
}
a{
   color:#0f0b04;
   font-weight:500;
   transition:all .5s;
   -webkit-transition:all .5s;
   -o-transition:all .5s
}
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab,a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion{
   margin-left:4px
}
.bg-primary{
   background-color:#6777ef!important
}
.bg-secondary{
   background-color:#cdd3d8!important
}
.bg-success{
   background-color:#54ca68!important
}
.bg-info{
   background-color:#3abaf4!important
}
.bg-warning{
   background-color:#ffa426!important
}
.bg-danger{
   background-color:#fc544b!important
}
.bg-light{
   background-color:#e3eaef!important
}
.bg-dark{
   background-color:#191d21!important
}
.text-primary,.text-primary-all *,.text-primary-all :after,.text-primary-all :before{
   color:#6777ef!important
}
.text-secondary,.text-secondary-all *,.text-secondary-all :after,.text-secondary-all :before{
   color:#cdd3d8!important
}
.text-success,.text-success-all *,.text-success-all :after,.text-success-all :before{
   color:#54ca68!important
}
.text-info,.text-info-all *,.text-info-all :after,.text-info-all :before{
   color:#3abaf4!important
}
.text-warning,.text-warning-all *,.text-warning-all :after,.text-warning-all :before{
   color:#ffa426!important
}
.text-danger,.text-danger-all *,.text-danger-all :after,.text-danger-all :before{
   color:#fc544b!important
}
.text-light,.text-light-all *,.text-light-all :after,.text-light-all :before{
   color:#e3eaef!important
}
.text-white,.text-white-all *,.text-white-all :after,.text-white-all :before{
   color:#fff!important
}
.text-dark,.text-dark-all *,.text-dark-all :after,.text-dark-all :before{
   color:#191d21!important
}
.font-weight-normal{
   font-weight:500!important
}
.lead{
   line-height:34px
}
@media (max-width:575.98px){
   .lead{
       font-size:17px;
       line-height:30px
   }
}
h1,h2,h3,h4,h5,h6{
   font-weight:700
}
ol,p,ul:not(.list-unstyled){
   line-height:28px
}
.shadow{
   box-shadow:0 4px 25px 0 rgba(0,0,0,.1)
}
.text-muted{
   color:#98a6ad!important
}
.modal-body,.modal-footer,.modal-header{
   padding:25px
}
.modal-body,.modal-footer{
   padding-top:15px
}
.modal-footer{
   padding-bottom:15px
}
.modal-header{
   border-bottom:none;
   padding-bottom:5px
}
.modal-header h5{
   font-size:18px
}
.modal-footer{
   border-top:none;
   border-radius:0 0 3px 3px
}
.modal-content{
   max-width:100%;
   border:none;
   box-shadow:0 3px 8px rgba(0,0,0,.05)
}
.modal.show .modal-content{
   box-shadow:0 4px 15px rgba(0,0,0,.2)
}
.modal-progress .modal-content{
   position:relative
}
.modal-progress .modal-content:after{
   content:" ";
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-color:hsla(0,0%,100%,.5);
   z-index:999;
   border-radius:3px
}
.modal-part{
   display:none
}
.nav-tabs .nav-item .nav-link{
   color:#6777ef
}
.nav-tabs .nav-item .nav-link.active{
   color:#000
}
.tab-content>.tab-pane{
   padding:10px 0;
   line-height:24px
}
.tab-bordered .tab-pane{
   padding:15px;
   border:1px solid #ededed;
   margin-top:-1px
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
   color:#fff;
   background-color:#6777ef
}
.nav-pills .nav-item .nav-link{
   color:#353c48;
   padding-left:15px!important;
   padding-right:15px!important
}
.nav-pills .nav-item .nav-link:hover{
   background-color:#f6f7fe
}
.nav-pills .nav-item .nav-link.active{
   box-shadow:0 2px 6px #acb5f6;
   color:#fff;
   background-color:#6777ef
}
.nav-pills .nav-item .nav-link .badge{
   padding:5px 8px;
   margin-left:5px
}
.nav .nav-item .nav-link .fab,.nav .nav-item .nav-link .fal,.nav .nav-item .nav-link .far,.nav .nav-item .nav-link .fas,.nav .nav-item .nav-link .ion{
   margin-right:3px;
   font-size:12px
}
.sticky{
   position:fixed!important;
   top:0
}
.navbar{
   height:70px;
   left:0;
   right:0;
   position:absolute;
   z-index:890;
   background-color:transparent
}
.navbar.active{
   background-color:#6777ef;
   box-shadow:rgba(103,119,239,.2) rgba(0,0,0,.1)
}
.navbar-bg{
   content:" ";
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:70px;
   z-index:-1
}
.navbar{
   align-items:center
}
.navbar .navbar-brand{
   color:#bbbec2;
   text-transform:uppercase;
   letter-spacing:3px;
   font-weight:700;
}
.navbar .form-inline .form-control{
   background-color:#fff;
   border-color:transparent;
   padding-left:20px;
   padding-right:0;
   margin-right:-6px;
   min-height:46px;
   font-weight:500;
   border-radius:3px 0 0 3px;
   transition:all 1s
}
.navbar .form-inline .form-control:focus,.navbar .form-inline .form-control:focus+.btn{
   position:relative;
   z-index:9001
}
.navbar .form-inline .form-control:focus+.btn+.search-backdrop{
   opacity:.6;
   visibility:visible
}
.navbar .form-inline .form-control:focus+.btn+.search-backdrop+.search-result{
   opacity:1;
   visibility:visible;
   top:80px
}
.navbar .form-inline .btn{
   border-radius:0 3px 3px 0;
   background-color:#fff;
   padding:9px 15px;
   border-color:transparent
}
.navbar .form-inline .search-element .form-control{
   border-radius:5px 0 0 5px
}
.navbar .form-inline .search-element .btn{
   border-radius:0 5px 5px 0
}
.navbar .form-inline .search-backdrop{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   z-index:9000;
   background-color:#000;
   opacity:0;
   visibility:hidden;
   transition:all .5s
}
.navbar .form-inline .search-result{
   position:absolute;
   z-index:9002;
   top:100px;
   background-color:#fff;
   border-radius:3px;
   width:450px;
   opacity:0;
   visibility:hidden;
   transition:all .5s
}
.navbar .form-inline .search-result:before{
   position:absolute;
   top:-26px;
   left:34px;
   content:"\F0D8";
   font-weight:600;
   font-family:Font Awesome\ 5 Free;
   color:#fff;
   font-size:30px
}
.navbar .form-inline .search-result .search-header{
   padding:13px 18px 2px;
   text-transform:uppercase;
   letter-spacing:1.3px;
   font-weight:600;
   font-size:10px;
   color:#bcc1c6
}
.navbar .form-inline .search-result .search-item{
   display:flex
}
.navbar .form-inline .search-result .search-item a{
   display:block;
   padding:13px 18px;
   text-decoration:none;
   color:#34395e;
   font-weight:600;
   display:flex;
   align-items:center
}
.navbar .form-inline .search-result .search-item a:hover{
   background-color:#fbfbff
}
.navbar .form-inline .search-result .search-item a:not(.search-close){
   width:100%
}
.navbar .form-inline .search-result .search-item a i{
   margin-left:0!important
}
.navbar .form-inline .search-result .search-item .search-icon{
   width:35px;
   height:35px;
   line-height:35px;
   text-align:center;
   border-radius:50%
}
.navbar .active .nav-link{
   color:#fff;
   font-weight:700
}
.navbar .navbar-text{
   color:#fff
}
.navbar .nav-link{
   color:#f2f2f2;
   padding-left:12px!important;
   padding-right:12px!important;
   height:100%
}
.navbar .nav-link.nav-link-lg div{
   margin-top:3px
}
.navbar .nav-link.nav-link-lg i{
   margin-left:0!important;
   font-size:18px;
   line-height:32px
}
.navbar .nav-link.nav-link-lg .feather{
   width:20px;
   height:20px;
   stroke:currentColor;
   stroke-width:2;
   stroke-linecap:round;
   stroke-linejoin:round;
   fill:none;
   color:#fff
}
.navbar .nav-link.nav-link-user{
   color:#fff;
   padding-top:4px;
   padding-bottom:4px;
   font-weight:600;
   padding-right:12px!important
}
.navbar .nav-link.nav-link-user img{
   width:30px
}
.navbar .nav-link.nav-link-user:after{
   content:none
}
.navbar .nav-link.nav-link-user .user-img-radious-style{
   border-radius:6px;
   box-shadow:4px 3px 6px 0 rgba(0,0,0,.2)
}
.navbar .nav-link.nav-link-img{
   padding-top:4px;
   padding-bottom:4px;
   border-radius:50%;
   overflow:hidden
}
.navbar .nav-link.nav-link-img .flag-icon{
   box-shadow:0 4px 25px 0 rgba(0,0,0,.1);
   border-radius:50%;
   line-height:18px;
   height:22px;
   width:22px;
   background-size:cover
}
.navbar .dropdown-list-toggle .message-toggle .headerBadge1{
   position:absolute;
   top:4px;
   right:0;
   font-weight:300;
   padding:3px 6px;
   background:#353c48;
   border-radius:10px
}
.navbar .dropdown-list-toggle .notification-toggle .headerBadge2{
   position:absolute;
   top:5px;
   right:0;
   font-weight:300;
   padding:2px 5px;
   background:#67be7e;
   border-radius:5px
}
.remove-caret:after{
   display:none
}
.navbar .nav-link:hover{
   color:#fff
}
.navbar .nav-link.disabled{
   color:#fff;
   opacity:.6
}
.nav-collapse{
   display:flex
}
@media (max-width:575.98px){
   body.search-show .navbar .form-inline .search-element{
       display:block
   }
   .navbar .form-inline .search-element{
       position:absolute;
       top:10px;
       left:10px;
       right:10px;
       z-index:892;
       display:none
   }
   .navbar .form-inline .search-element .form-control{
       float:left;
       border-radius:3px 0 0 3px;
       width:calc(100% - 43px)!important
   }
   .navbar .form-inline .search-element .btn{
       margin-top:1px;
       border-radius:0 3px 3px 0
   }
   .navbar .form-inline .search-result{
       width:100%
   }
   .navbar .form-inline .search-backdrop,.navbar .nav-link.nav-link-lg div{
       display:none
   }
   .navbar .nav-link{
       padding-left:8px!important;
       padding-right:8px!important
   }
}
@media (min-width:576px) and (max-width:767.98px){
   .navbar .form-inline .search-element{
       display:block
   }
}
@media (min-width:768px) and (max-width:991.98px){
   .collapse{
       position:relative
   }
   .collapse .navbar-nav{
       position:absolute
   }
}
@media (max-width:1024px){
   .nav-collapse{
       position:relative
   }
   .nav-collapse .navbar-nav{
       box-shadow:0 0 30px rgba(0,0,0,.1);
       position:absolute;
       top:40px;
       left:0;
       width:200px;
       display:none
   }
   .nav-collapse .navbar-nav.show{
       display:block
   }
   .nav-collapse .navbar-nav .nav-item:first-child{
       border-radius:3px 3px 0 0
   }
   .nav-collapse .navbar-nav .nav-item:last-child{
       border-radius:0 0 3px 3px
   }
   .nav-collapse .navbar-nav .nav-item .nav-link{
       background-color:#fff;
       color:#6c757d
   }
   .nav-collapse .navbar-nav .nav-item .nav-link:hover{
       background-color:#fcfcfd;
       color:#6777ef
   }
   .nav-collapse .navbar-nav .nav-item.active>a,.nav-collapse .navbar-nav .nav-item:focus>a{
       background-color:#6777ef;
       color:#fff
   }
   .navbar{
       left:5px;
       right:0
   }
   .navbar .dropdown-menu{
       position:absolute
   }
   .navbar .navbar-nav{
       flex-direction:row
   }
   .navbar-expand-lg .navbar-nav .dropdown-menu-right{
       right:0;
       left:auto
   }
}
.app-dropdown{
   width:280px!important
}
.app-icon-dropdown{
   padding-left:15px
}
.app-icon-dropdown li{
   display:inline-block;
   margin-top:10px;
   margin-bottom:10px
}
.app-icon-dropdown li:hover{
   background:rgba(181,174,174,.22)
}
.app-icon-dropdown li a{
   display:inline-block;
   padding-bottom:10px;
   padding-top:10px;
   text-align:center;
   color:#878787;
   text-transform:capitalize;
   width:80px
}
.app-icon-dropdown li a:hover{
   text-decoration:none
}
.app-icon-dropdown .email-icon .material-icons{
   color:#71aa68;
   width:100%
}
.app-icon-dropdown .blog-icon .material-icons{
   color:#0080c0;
   width:100%
}
.app-icon-dropdown .cal-icon .material-icons{
   color:#ff8000;
   width:100%
}
.app-icon-dropdown .chat-icon .material-icons{
   color:#ff0080;
   width:100%
}
.app-icon-dropdown .gallery-icon .material-icons{
   color:#8000ff;
   width:100%
}
.app-icon-dropdown .profile-icon .material-icons{
   color:#008040;
   width:100%
}
@media (max-width:619px){
   .navbar .form-inline .search-element{
       display:none
   }
}
.page-item .page-link{
   color:#6777ef;
   border-radius:3px;
   margin:0 3px;
   box-shadow:2px 2px 2px rgba(0,0,0,.2)
}
.page-item.active .page-link{
   background-color:#6777ef;
   border-color:#6777ef
}
.page-item.disabled .page-link{
   color:#6777ef;
   opacity:.6
}
.page-item.disabled .page-link,.page-link{
   border-color:transparent;
   background-color:#f9fafe
}
.page-link{
   font-weight:600
}
.page-link:hover{
   background-color:#6777ef;
   color:#fff;
   border-color:transparent
}
.page-link:focus{
   box-shadow:none
}
.tab-content.no-padding>.tab-pane{
   padding:0
}
.tab-content>.tab-pane{
   line-height:28px
}
.table:not(.table-bordered) th,.table td{
   border-top:none
}
.table:not(.table-sm):not(.table-md):not(.dataTable) td,.table:not(.table-sm):not(.table-md):not(.dataTable) th{
   padding:0 10px;
   height:40px;
   vertical-align:middle
}
.table:not(.table-sm) thead th{
   background-color:#353c48;
   padding-top:8px;
   padding-bottom:8px;
   color:#fff
}
.table.table-md td,.table.table-md th{
   padding:10px 15px;
   font-weight:500
}
.table.table-bordered td,.table.table-bordered th{
   border-color:#f6f6f6
}
.table .team-member{
   position:relative;
   width:30px;
   white-space:nowrap;
   border-radius:1000px;
   vertical-align:bottom;
   display:inline-block
}
.table .team-member img{
   width:100%;
   max-width:100%;
   height:auto;
   border:0;
   border-radius:1000px
}
.table .team-member-sm{
   width:32px;
   transition:all .25s ease
}
.table .team-member-sm:hover{
   /* webkit-transform:translateY(-4px) scale(1.02); */
   transform:translateY(-4px) scale(1.02);
   box-shadow:0 14px 24px rgba(75,70,124,.2);
   /* z-index:999 */
}
.table .order-list li img{
   border:2px solid #fff;
   box-shadow:4px 3px 6px 0 rgba(0,0,0,.2)
}
.table .order-list li+li{
   margin-left:-14px;
   background:transparent
}
.table .order-list li .badge{
   background:rgba(228,222,222,.8);
   color:#6b6f82;
   margin-bottom:6px
}
.table-links{
   color:#34395e;
   font-size:12px;
   margin-top:5px;
   opacity:0;
   transition:all .3s
}
.table-links a{
   color:#666
}
table tr:hover .table-links{
   opacity:1
}
.table-striped tbody tr:nth-of-type(odd){
   background-color:rgba(0,0,0,.02)
}
@media (max-width:575.98px){
   .table-responsive table{
       min-width:800px
   }
}
.tooltip{
   font-size:12px
}
.tooltip-inner{
   padding:7px 13px
}
.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
}
.waves-effect .waves-ripple{
   position:absolute;
   border-radius:50%;
   width:100px;
   height:100px;
   margin-top:-50px;
   margin-left:-50px;
   opacity:0;
   background:transparent;
   transition:all .5s ease-out;
   transition-property:transform,opacity;
   transform:scale(0) translate(0);
   pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
   background:hsla(0,0%,100%,.4);
   background:radial-gradient(hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0) 70%)
}
.waves-effect.waves-classic .waves-ripple{
   background:rgba(0,0,0,.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple{
   background:hsla(0,0%,100%,.4)
}
.waves-notransition{
   transition:none!important
}
.waves-button,.waves-circle{
   transform:translateZ(0);
   -webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 0)
}
.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{
   white-space:nowrap;
   vertical-align:middle;
   cursor:pointer;
   border:none;
   outline:none;
   color:inherit;
   background-color:transparent;
   font-size:1em;
   line-height:1em;
   text-align:center;
   text-decoration:none;
   z-index:1
}
.waves-button{
   padding:.85em 1.1em;
   border-radius:.2em
}
.waves-button-input{
   margin:0;
   padding:.85em 1.1em
}
.waves-input-wrapper{
   border-radius:.2em;
   vertical-align:bottom
}
.waves-input-wrapper.waves-button{
   padding:0
}
.waves-input-wrapper .waves-button-input{
   position:relative;
   top:0;
   left:0;
   z-index:1
}
.waves-circle{
   text-align:center;
   width:2.5em;
   height:2.5em;
   line-height:2.5em;
   border-radius:50%
}
.waves-float{
   -webkit-mask-image:none;
   box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
   transition:all .3s
}
.waves-float:active{
   box-shadow:0 8px 20px 1px rgba(0,0,0,.3)
}
.waves-block{
   display:block
}
.slideDown{
   animation-name:slideDown;
   -webkit-animation-name:slideDown;
   animation-duration:1s;
   -webkit-animation-duration:1s;
   animation-timing-function:ease;
   -webkit-animation-timing-function:ease;
   visibility:visible!important
}
@keyframes slideDown{
   0%{
       transform:translateY(-100%)
   }
   50%{
       transform:translateY(8%)
   }
   65%{
       transform:translateY(-4%)
   }
   80%{
       transform:translateY(4%)
   }
   95%{
       transform:translateY(-2%)
   }
   to{
       transform:translateY(0)
   }
}
@-webkit-keyframes slideDown{
   0%{
       -webkit-transform:translateY(-100%)
   }
   50%{
       -webkit-transform:translateY(8%)
   }
   65%{
       -webkit-transform:translateY(-4%)
   }
   80%{
       -webkit-transform:translateY(4%)
   }
   95%{
       -webkit-transform:translateY(-2%)
   }
   to{
       -webkit-transform:translateY(0)
   }
}
.slideUp{
   animation-name:slideUp;
   -webkit-animation-name:slideUp;
   animation-duration:1s;
   -webkit-animation-duration:1s;
   animation-timing-function:ease;
   -webkit-animation-timing-function:ease;
   visibility:visible!important
}
@keyframes slideUp{
   0%{
       transform:translateY(100%)
   }
   50%{
       transform:translateY(-8%)
   }
   65%{
       transform:translateY(4%)
   }
   80%{
       transform:translateY(-4%)
   }
   95%{
       transform:translateY(2%)
   }
   to{
       transform:translateY(0)
   }
}
@-webkit-keyframes slideUp{
   0%{
       -webkit-transform:translateY(100%)
   }
   50%{
       -webkit-transform:translateY(-8%)
   }
   65%{
       -webkit-transform:translateY(4%)
   }
   80%{
       -webkit-transform:translateY(-4%)
   }
   95%{
       -webkit-transform:translateY(2%)
   }
   to{
       -webkit-transform:translateY(0)
   }
}
.slideLeft{
   animation-name:slideLeft;
   -webkit-animation-name:slideLeft;
   animation-duration:1s;
   -webkit-animation-duration:1s;
   animation-timing-function:ease-in-out;
   -webkit-animation-timing-function:ease-in-out;
   visibility:visible!important
}
@keyframes slideLeft{
   0%{
       transform:translateX(150%)
   }
   50%{
       transform:translateX(-8%)
   }
   65%{
       transform:translateX(4%)
   }
   80%{
       transform:translateX(-4%)
   }
   95%{
       transform:translateX(2%)
   }
   to{
       transform:translateX(0)
   }
}
@-webkit-keyframes slideLeft{
   0%{
       -webkit-transform:translateX(150%)
   }
   50%{
       -webkit-transform:translateX(-8%)
   }
   65%{
       -webkit-transform:translateX(4%)
   }
   80%{
       -webkit-transform:translateX(-4%)
   }
   95%{
       -webkit-transform:translateX(2%)
   }
   to{
       -webkit-transform:translateX(0)
   }
}
.slideRight{
   animation-name:slideRight;
   -webkit-animation-name:slideRight;
   animation-duration:1s;
   -webkit-animation-duration:1s;
   animation-timing-function:ease-in-out;
   -webkit-animation-timing-function:ease-in-out;
   visibility:visible!important
}
@keyframes slideRight{
   0%{
       transform:translateX(-150%)
   }
   50%{
       transform:translateX(8%)
   }
   65%{
       transform:translateX(-4%)
   }
   80%{
       transform:translateX(4%)
   }
   95%{
       transform:translateX(-2%)
   }
   to{
       transform:translateX(0)
   }
}
@-webkit-keyframes slideRight{
   0%{
       -webkit-transform:translateX(-150%)
   }
   50%{
       -webkit-transform:translateX(8%)
   }
   65%{
       -webkit-transform:translateX(-4%)
   }
   80%{
       -webkit-transform:translateX(4%)
   }
   95%{
       -webkit-transform:translateX(-2%)
   }
   to{
       -webkit-transform:translateX(0)
   }
}
.slideExpandUp{
   animation-name:slideExpandUp;
   -webkit-animation-name:slideExpandUp;
   animation-duration:1.6s;
   -webkit-animation-duration:1.6s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease -out;
   visibility:visible!important
}
@keyframes slideExpandUp{
   0%{
       transform:translateY(100%) scaleX(.5)
   }
   30%{
       transform:translateY(-8%) scaleX(.5)
   }
   40%{
       transform:translateY(2%) scaleX(.5)
   }
   50%{
       transform:translateY(0) scaleX(1.1)
   }
   60%{
       transform:translateY(0) scaleX(.9)
   }
   70%{
       transform:translateY(0) scaleX(1.05)
   }
   80%{
       transform:translateY(0) scaleX(.95)
   }
   90%{
       transform:translateY(0) scaleX(1.02)
   }
   to{
       transform:translateY(0) scaleX(1)
   }
}
@-webkit-keyframes slideExpandUp{
   0%{
       -webkit-transform:translateY(100%) scaleX(.5)
   }
   30%{
       -webkit-transform:translateY(-8%) scaleX(.5)
   }
   40%{
       -webkit-transform:translateY(2%) scaleX(.5)
   }
   50%{
       -webkit-transform:translateY(0) scaleX(1.1)
   }
   60%{
       -webkit-transform:translateY(0) scaleX(.9)
   }
   70%{
       -webkit-transform:translateY(0) scaleX(1.05)
   }
   80%{
       -webkit-transform:translateY(0) scaleX(.95)
   }
   90%{
       -webkit-transform:translateY(0) scaleX(1.02)
   }
   to{
       -webkit-transform:translateY(0) scaleX(1)
   }
}
.expandUp{
   animation-name:expandUp;
   -webkit-animation-name:expandUp;
   animation-duration:.7s;
   -webkit-animation-duration:.7s;
   animation-timing-function:ease;
   -webkit-animation-timing-function:ease;
   visibility:visible!important
}
@keyframes expandUp{
   0%{
       transform:translateY(100%) scale(.6) scaleY(.5)
   }
   60%{
       transform:translateY(-7%) scaleY(1.12)
   }
   75%{
       transform:translateY(3%)
   }
   to{
       transform:translateY(0) scale(1) scaleY(1)
   }
}
@-webkit-keyframes expandUp{
   0%{
       -webkit-transform:translateY(100%) scale(.6) scaleY(.5)
   }
   60%{
       -webkit-transform:translateY(-7%) scaleY(1.12)
   }
   75%{
       -webkit-transform:translateY(3%)
   }
   to{
       -webkit-transform:translateY(0) scale(1) scaleY(1)
   }
}
.fadeIn{
   animation-name:fadeIn;
   -webkit-animation-name:fadeIn;
   animation-duration:1.5s;
   -webkit-animation-duration:1.5s;
   animation-timing-function:ease-in-out;
   -webkit-animation-timing-function:ease-in-out;
   visibility:visible!important
}
@keyframes fadeIn{
   0%{
       transform:scale(0);
       opacity:0
   }
   60%{
       transform:scale(1.1)
   }
   80%{
       transform:scale(.9);
       opacity:1
   }
   to{
       transform:scale(1);
       opacity:1
   }
}
@-webkit-keyframes fadeIn{
   0%{
       -webkit-transform:scale(0);
       opacity:0
   }
   60%{
       -webkit-transform:scale(1.1)
   }
   80%{
       -webkit-transform:scale(.9);
       opacity:1
   }
   to{
       -webkit-transform:scale(1);
       opacity:1
   }
}
.expandOpen{
   animation-name:expandOpen;
   -webkit-animation-name:expandOpen;
   animation-duration:1.2s;
   -webkit-animation-duration:1.2s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease-out;
   visibility:visible!important
}
@keyframes expandOpen{
   0%{
       transform:scale(1.8)
   }
   50%{
       transform:scale(.95)
   }
   80%{
       transform:scale(1.05)
   }
   90%{
       transform:scale(.98)
   }
   to{
       transform:scale(1)
   }
}
@-webkit-keyframes expandOpen{
   0%{
       -webkit-transform:scale(1.8)
   }
   50%{
       -webkit-transform:scale(.95)
   }
   80%{
       -webkit-transform:scale(1.05)
   }
   90%{
       -webkit-transform:scale(.98)
   }
   to{
       -webkit-transform:scale(1)
   }
}
.bigEntrance{
   animation-name:bigEntrance;
   -webkit-animation-name:bigEntrance;
   animation-duration:1.6s;
   -webkit-animation-duration:1.6s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease-out;
   visibility:visible!important
}
@keyframes bigEntrance{
   0%{
       transform:scale(.3) rotate(6deg) translateX(-30%) translateY(30%);
       opacity:.2
   }
   30%{
       transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
       opacity:1
   }
   45%{
       transform:scale(.98) rotate(1deg) translateX(0) translateY(0);
       opacity:1
   }
   60%{
       transform:scale(1.01) rotate(-1deg) translateX(0) translateY(0);
       opacity:1
   }
   75%{
       transform:scale(.99) rotate(1deg) translateX(0) translateY(0);
       opacity:1
   }
   90%{
       transform:scale(1.01) rotate(0deg) translateX(0) translateY(0);
       opacity:1
   }
   to{
       transform:scale(1) rotate(0deg) translateX(0) translateY(0);
       opacity:1
   }
}
@-webkit-keyframes bigEntrance{
   0%{
       -webkit-transform:scale(.3) rotate(6deg) translateX(-30%) translateY(30%);
       opacity:.2
   }
   30%{
       -webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
       opacity:1
   }
   45%{
       -webkit-transform:scale(.98) rotate(1deg) translateX(0) translateY(0);
       opacity:1
   }
   60%{
       -webkit-transform:scale(1.01) rotate(-1deg) translateX(0) translateY(0);
       opacity:1
   }
   75%{
       -webkit-transform:scale(.99) rotate(1deg) translateX(0) translateY(0);
       opacity:1
   }
   90%{
       -webkit-transform:scale(1.01) rotate(0deg) translateX(0) translateY(0);
       opacity:1
   }
   to{
       -webkit-transform:scale(1) rotate(0deg) translateX(0) translateY(0);
       opacity:1
   }
}
.hatch{
   animation-name:hatch;
   -webkit-animation-name:hatch;
   animation-duration:2s;
   -webkit-animation-duration:2s;
   animation-timing-function:ease-in-out;
   -webkit-animation-timing-function:ease-in-out;
   transform-origin:50% 100%;
   -ms-transform-origin:50% 100%;
   -webkit-transform-origin:50% 100%;
   visibility:visible!important
}
@keyframes hatch{
   0%{
       transform:rotate(0deg) scaleY(.6)
   }
   20%{
       transform:rotate(-2deg) scaleY(1.05)
   }
   35%{
       transform:rotate(2deg) scaleY(1)
   }
   50%{
       transform:rotate(-2deg)
   }
   65%{
       transform:rotate(1deg)
   }
   80%{
       transform:rotate(-1deg)
   }
   to{
       transform:rotate(0deg)
   }
}
@-webkit-keyframes hatch{
   0%{
       -webkit-transform:rotate(0deg) scaleY(.6)
   }
   20%{
       -webkit-transform:rotate(-2deg) scaleY(1.05)
   }
   35%{
       -webkit-transform:rotate(2deg) scaleY(1)
   }
   50%{
       -webkit-transform:rotate(-2deg)
   }
   65%{
       -webkit-transform:rotate(1deg)
   }
   80%{
       -webkit-transform:rotate(-1deg)
   }
   to{
       -webkit-transform:rotate(0deg)
   }
}
.bounce{
   animation-name:bounce;
   -webkit-animation-name:bounce;
   animation-duration:1.6s;
   -webkit-animation-duration:1.6s;
   animation-timing-function:ease;
   -webkit-animation-timing-function:ease;
   transform-origin:50% 100%;
   -ms-transform-origin:50% 100%;
   -webkit-transform-origin:50% 100%
}
@keyframes bounce{
   0%{
       transform:translateY(0) scaleY(.6)
   }
   60%{
       transform:translateY(-100%) scaleY(1.1)
   }
   70%{
       transform:translateY(0) scaleY(.95) scaleX(1.05)
   }
   80%{
       transform:translateY(0) scaleY(1.05) scaleX(1)
   }
   90%{
       transform:translateY(0) scaleY(.95) scaleX(1)
   }
   to{
       transform:translateY(0) scaleY(1) scaleX(1)
   }
}
@-webkit-keyframes bounce{
   0%{
       -webkit-transform:translateY(0) scaleY(.6)
   }
   60%{
       -webkit-transform:translateY(-100%) scaleY(1.1)
   }
   70%{
       -webkit-transform:translateY(0) scaleY(.95) scaleX(1.05)
   }
   80%{
       -webkit-transform:translateY(0) scaleY(1.05) scaleX(1)
   }
   90%{
       -webkit-transform:translateY(0) scaleY(.95) scaleX(1)
   }
   to{
       -webkit-transform:translateY(0) scaleY(1) scaleX(1)
   }
}
.pulse{
   animation-name:pulse;
   -webkit-animation-name:pulse;
   animation-duration:1.5s;
   -webkit-animation-duration:1.5s;
   animation-iteration-count:infinite;
   -webkit-animation-iteration-count:infinite
}
@keyframes pulse{
   0%{
       transform:scale(.9);
       opacity:.7
   }
   50%{
       transform:scale(1);
       opacity:1
   }
   to{
       transform:scale(.9);
       opacity:.7
   }
}
@-webkit-keyframes pulse{
   0%{
       -webkit-transform:scale(.95);
       opacity:.7
   }
   50%{
       -webkit-transform:scale(1);
       opacity:1
   }
   to{
       -webkit-transform:scale(.95);
       opacity:.7
   }
}
.floating{
   animation-name:floating;
   -webkit-animation-name:floating;
   animation-duration:1.5s;
   -webkit-animation-duration:1.5s;
   animation-iteration-count:infinite;
   -webkit-animation-iteration-count:infinite
}
@keyframes floating{
   0%{
       transform:translateY(0)
   }
   50%{
       transform:translateY(8%)
   }
   to{
       transform:translateY(0)
   }
}
@-webkit-keyframes floating{
   0%{
       -webkit-transform:translateY(0)
   }
   50%{
       -webkit-transform:translateY(8%)
   }
   to{
       -webkit-transform:translateY(0)
   }
}
.tossing{
   animation-name:tossing;
   -webkit-animation-name:tossing;
   animation-duration:2.5s;
   -webkit-animation-duration:2.5s;
   animation-iteration-count:infinite;
   -webkit-animation-iteration-count:infinite
}
@keyframes tossing{
   0%{
       transform:rotate(-4deg)
   }
   50%{
       transform:rotate(4deg)
   }
   to{
       transform:rotate(-4deg)
   }
}
@-webkit-keyframes tossing{
   0%{
       -webkit-transform:rotate(-4deg)
   }
   50%{
       -webkit-transform:rotate(4deg)
   }
   to{
       -webkit-transform:rotate(-4deg)
   }
}
.pullUp{
   animation-name:pullUp;
   -webkit-animation-name:pullUp;
   animation-duration:1.1s;
   -webkit-animation-duration:1.1s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease-out;
   transform-origin:50% 100%;
   -ms-transform-origin:50% 100%;
   -webkit-transform-origin:50% 100%
}
@keyframes pullUp{
   0%{
       transform:scaleY(.1)
   }
   40%{
       transform:scaleY(1.02)
   }
   60%{
       transform:scaleY(.98)
   }
   to{
       transform:scaleY(.98)
   }
   80%{
       transform:scaleY(1.01)
   }
   to{
       transform:scaleY(1)
   }
}
@-webkit-keyframes pullUp{
   0%{
       -webkit-transform:scaleY(.1)
   }
   40%{
       -webkit-transform:scaleY(1.02)
   }
   60%{
       -webkit-transform:scaleY(.98)
   }
   to{
       -webkit-transform:scaleY(.98)
   }
   80%{
       -webkit-transform:scaleY(1.01)
   }
   to{
       -webkit-transform:scaleY(1)
   }
}
.pullDown{
   animation-name:pullDown;
   -webkit-animation-name:pullDown;
   animation-duration:1.1s;
   -webkit-animation-duration:1.1s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease-out;
   transform-origin:50% 0;
   -ms-transform-origin:50% 0;
   -webkit-transform-origin:50% 0
}
@keyframes pullDown{
   0%{
       transform:scaleY(.1)
   }
   40%{
       transform:scaleY(1.02)
   }
   60%{
       transform:scaleY(.98)
   }
   to{
       transform:scaleY(.98)
   }
   80%{
       transform:scaleY(1.01)
   }
   to{
       transform:scaleY(1)
   }
}
@-webkit-keyframes pullDown{
   0%{
       -webkit-transform:scaleY(.1)
   }
   40%{
       -webkit-transform:scaleY(1.02)
   }
   60%{
       -webkit-transform:scaleY(.98)
   }
   to{
       -webkit-transform:scaleY(.98)
   }
   80%{
       -webkit-transform:scaleY(1.01)
   }
   to{
       -webkit-transform:scaleY(1)
   }
}
.stretchLeft{
   animation-name:stretchLeft;
   -webkit-animation-name:stretchLeft;
   animation-duration:1.5s;
   -webkit-animation-duration:1.5s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease-out;
   transform-origin:100% 0;
   -ms-transform-origin:100% 0;
   -webkit-transform-origin:100% 0
}
@keyframes stretchLeft{
   0%{
       transform:scaleX(.3)
   }
   40%{
       transform:scaleX(1.02)
   }
   60%{
       transform:scaleX(.98)
   }
   to{
       transform:scaleX(.98)
   }
   80%{
       transform:scaleX(1.01)
   }
   to{
       transform:scaleX(1)
   }
}
@-webkit-keyframes stretchLeft{
   0%{
       -webkit-transform:scaleX(.3)
   }
   40%{
       -webkit-transform:scaleX(1.02)
   }
   60%{
       -webkit-transform:scaleX(.98)
   }
   to{
       -webkit-transform:scaleX(.98)
   }
   80%{
       -webkit-transform:scaleX(1.01)
   }
   to{
       -webkit-transform:scaleX(1)
   }
}
.stretchRight{
   animation-name:stretchRight;
   -webkit-animation-name:stretchRight;
   animation-duration:1.5s;
   -webkit-animation-duration:1.5s;
   animation-timing-function:ease-out;
   -webkit-animation-timing-function:ease-out;
   transform-origin:0 0;
   -ms-transform-origin:0 0;
   -webkit-transform-origin:0 0
}
@keyframes stretchRight{
   0%{
       transform:scaleX(.3)
   }
   40%{
       transform:scaleX(1.02)
   }
   60%{
       transform:scaleX(.98)
   }
   to{
       transform:scaleX(.98)
   }
   80%{
       transform:scaleX(1.01)
   }
   to{
       transform:scaleX(1)
   }
}
@-webkit-keyframes stretchRight{
   0%{
       -webkit-transform:scaleX(.3)
   }
   40%{
       -webkit-transform:scaleX(1.02)
   }
   60%{
       -webkit-transform:scaleX(.98)
   }
   to{
       -webkit-transform:scaleX(.98)
   }
   80%{
       -webkit-transform:scaleX(1.01)
   }
   to{
       -webkit-transform:scaleX(1)
   }
}
.pulsate{
   -webkit-animation:pulsate 1s ease-out;
   animation:pulsate 1s ease-out;
   -webkit-animation-iteration-count:infinite;
   animation-iteration-count:infinite;
   opacity:1
}
.bell{
   display:block;
   width:40px;
   height:40px;
   font-size:40px;
   margin:5px auto 0;
   color:#9e9e9e;
   -webkit-animation:ring 4s ease-in-out .7s infinite;
   -webkit-transform-origin:50% 4px;
   -moz-animation:ring 4s .7s ease-in-out infinite;
   -moz-transform-origin:50% 4px;
   animation:ring 4s ease-in-out .7s infinite;
   transform-origin:50% 4px
}
@-webkit-keyframes ring{
   0%{
       -webkit-transform:rotate(0)
   }
   1%{
       -webkit-transform:rotate(30deg)
   }
   3%{
       -webkit-transform:rotate(-28deg)
   }
   5%{
       -webkit-transform:rotate(34deg)
   }
   7%{
       -webkit-transform:rotate(-32deg)
   }
   9%{
       -webkit-transform:rotate(30deg)
   }
   11%{
       -webkit-transform:rotate(-28deg)
   }
   13%{
       -webkit-transform:rotate(26deg)
   }
   15%{
       -webkit-transform:rotate(-24deg)
   }
   17%{
       -webkit-transform:rotate(22deg)
   }
   19%{
       -webkit-transform:rotate(-20deg)
   }
   21%{
       -webkit-transform:rotate(18deg)
   }
   23%{
       -webkit-transform:rotate(-16deg)
   }
   25%{
       -webkit-transform:rotate(14deg)
   }
   27%{
       -webkit-transform:rotate(-12deg)
   }
   29%{
       -webkit-transform:rotate(10deg)
   }
   31%{
       -webkit-transform:rotate(-8deg)
   }
   33%{
       -webkit-transform:rotate(6deg)
   }
   35%{
       -webkit-transform:rotate(-4deg)
   }
   37%{
       -webkit-transform:rotate(2deg)
   }
   39%{
       -webkit-transform:rotate(-1deg)
   }
   41%{
       -webkit-transform:rotate(1deg)
   }
   43%{
       -webkit-transform:rotate(0)
   }
   to{
       -webkit-transform:rotate(0)
   }
}
@keyframes ring{
   0%{
       transform:rotate(0)
   }
   1%{
       transform:rotate(30deg)
   }
   3%{
       transform:rotate(-28deg)
   }
   5%{
       transform:rotate(34deg)
   }
   7%{
       transform:rotate(-32deg)
   }
   9%{
       transform:rotate(30deg)
   }
   11%{
       transform:rotate(-28deg)
   }
   13%{
       transform:rotate(26deg)
   }
   15%{
       transform:rotate(-24deg)
   }
   17%{
       transform:rotate(22deg)
   }
   19%{
       transform:rotate(-20deg)
   }
   21%{
       transform:rotate(18deg)
   }
   23%{
       transform:rotate(-16deg)
   }
   25%{
       transform:rotate(14deg)
   }
   27%{
       transform:rotate(-12deg)
   }
   29%{
       transform:rotate(10deg)
   }
   31%{
       transform:rotate(-8deg)
   }
   33%{
       transform:rotate(6deg)
   }
   35%{
       transform:rotate(-4deg)
   }
   37%{
       transform:rotate(2deg)
   }
   39%{
       transform:rotate(-1deg)
   }
   41%{
       transform:rotate(1deg)
   }
   43%{
       transform:rotate(0)
   }
   to{
       transform:rotate(0)
   }
}
@-webkit-keyframes pulsate{
   0%{
       -webkit-transform:scale(.1);
       opacity:0
   }
   50%{
       opacity:1
   }
   to{
       -webkit-transform:scale(1.2);
       opacity:0
   }
}
.main-sidebar{
   box-shadow:0 4px 6px 0 rgba(0,0,0,.1);
   position:fixed;
   top:70px;
   height:calc(100% - 70px);
   width:250px;
   background-color:#414b76;
   z-index:880;
   left:0;
   background-image: linear-gradient(140deg,#454271 -30%,#2f5576 90%);
}
.main-content,.main-footer,.main-sidebar,.navbar{
   transition:all .5s
}
body.sidebar-gone .main-sidebar{
   left:-250px
}
.sidebar-mini .hide-sidebar-mini{
   display:none!important
}
.sidebar-mini .main-sidebar{
   width:65px;
   overflow:initial!important;
   position:absolute;
   box-shadow:none
}
.sidebar-mini .main-sidebar:after{
   box-shadow:0 4px 25px 0 rgba(0,0,0,.1);
   content:" ";
   position:fixed;
   background-color:#fff;
   width:65px;
   height:100%;
   left:0;
   top:0;
   z-index:-1;
   opacity:0;
   -webkit-animation-name:mini-sidebar;
   animation-name:mini-sidebar;
   -webkit-animation-duration:1.5s;
   animation-duration:1.5s;
   -webkit-animation-fill-mode:forwards;
   animation-fill-mode:forwards
}
@-webkit-keyframes mini-sidebar{
   0%{
       opacity:0
   }
   to{
       opacity:1
   }
}
@keyframes mini-sidebar{
   0%{
       opacity:0
   }
   to{
       opacity:1
   }
}
.sidebar-mini .main-sidebar .logo-name{
   display:none
}
.sidebar-mini .main-sidebar .sidebar-user{
   margin:0;
   height:70px;
   padding:15px
}
.sidebar-mini .main-sidebar .sidebar-user .sidebar-user-picture img{
   width:35px
}
.sidebar-mini .main-sidebar .sidebar-user .sidebar-user-details .user-name,.sidebar-mini .main-sidebar .sidebar-user .sidebar-user-details .user-role{
   display:none
}
.sidebar-mini .main-sidebar .sidebar-brand-sm{
   display:block
}
.sidebar-mini .main-sidebar .sidebar-menu>li{
   padding:10px
}
.sidebar-mini .main-sidebar .sidebar-menu>li.menu-header{
   padding:0;
   font-size:0;
   height:2px
}
.sidebar-mini .main-sidebar .sidebar-menu>li>a{
   border-radius:3px;
   height:45px;
   padding:0;
   justify-content:center
}
.sidebar-mini .main-sidebar .sidebar-menu>li>a .fab,.sidebar-mini .main-sidebar .sidebar-menu>li>a .fal,.sidebar-mini .main-sidebar .sidebar-menu>li>a .far,.sidebar-mini .main-sidebar .sidebar-menu>li>a .fas,.sidebar-mini .main-sidebar .sidebar-menu>li>a .ion{
   margin:0;
   font-size:20px
}
.sidebar-mini .main-sidebar .sidebar-menu>li>a span{
   display:none
}
.sidebar-mini .main-sidebar .sidebar-menu>li>a .badge{
   padding:5px;
   position:absolute;
   top:4px;
   right:4px;
   font-size:10px
}
.sidebar-mini .main-sidebar .sidebar-menu>li>a.has-dropdown:after{
   content:normal
}
.sidebar-mini .main-sidebar .sidebar-menu>li.active>a{
   box-shadow:0 4px 8px #acb5f6;
   background-color:#6777ef;
   color:#fff
}
.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu{
   position:absolute;
   background-color:#fff;
   left:65px;
   top:10px;
   width:200px;
   display:none;
   box-shadow:0 0 30px rgba(0,0,0,.1);
}
.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a,.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a:hover,.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li>a:focus{
   color:#6777ef
}
.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li a{
   height:40px;
   background-color:#fff
}
.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li a.has-dropdown:after{
   content:"\F107";
   font-family:Font Awesome\ 5 Free;
   font-weight:900;
   position:absolute;
   top:50%;
   right:20px;
   transform:translateY(-50%);
   font-size:14px
}
.sidebar-mini .main-sidebar .sidebar-menu li:hover>ul.dropdown-menu{
   display:block!important
}
.sidebar-mini .main-sidebar .sidebar-menu li:hover>ul.dropdown-menu li:hover>a{
   background-color:#fdfcfc
}
.sidebar-mini .main-sidebar .sidebar-menu li:hover>ul.dropdown-menu li .dropdown-menu{
   left:200px;
   padding:0
}
.sidebar-mini .main-sidebar .sidebar-menu .menu-toggle:after,.sidebar-mini .main-sidebar .sidebar-menu .menu-toggle:before{
   content:""
}
.sidebar-mini .navbar{
   left:65px
}
.sidebar-mini .main-content,.sidebar-mini .main-footer{
   padding-left:90px
}
.sidebar-mini .main-sidebar .sidebar-menu li a .feather{
   margin-right:0
}
.user-img-radious-style{
   border-radius:50%;
   box-shadow:4px 3px 6px 0 rgba(0,0,0,.2)
}
.shadow-style{
   box-shadow:0 .5rem 1rem rgba(0,0,0,.15)
}
body.layout-2 .navbar-bg{
   z-index:889;
   height:70px
}
body.layout-2 .navbar{
   left:0;
   z-index:890
}
body.layout-2 .main-wrapper{
   display:flex;
   flex-wrap:wrap;
   padding:0 50px
}
body.layout-2 .main-content,body.layout-2 .main-footer,body.layout-2 .main-sidebar{
   flex-shrink:0;
   flex-grow:0
}
body.layout-2 .main-sidebar{
   background-color:transparent;
   box-shadow:none;
   position:static;
   margin-top:100px;
   width:200px
}
body.layout-2 .main-sidebar .sidebar-menu li.menu-header,body.layout-2 .main-sidebar .sidebar-menu li a{
   padding:0
}
body.layout-2 .main-sidebar .sidebar-menu li a i{
   width:10px
}
body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after{
   right:0
}
body.layout-2 .main-sidebar .sidebar-menu li a:hover{
   color:#6777ef;
   background-color:transparent
}
body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a{
   padding-left:34px
}
body.layout-2 .main-content{
   padding-top:107px;
   padding-left:30px;
   padding-right:0;
   width:calc(100% - 200px)
}
body.layout-2 .main-footer{
   margin-left:230px;
   width:calc(100% - 230px);
   padding-left:0;
   padding-right:0
}
body.layout-3 .navbar{
   left:0;
   right:0
}
body.layout-3 .navbar.navbar-secondary{
   box-shadow:0 4px 25px 0 rgba(0,0,0,.1);
   background-color:#fff;
   top:70px;
   padding:0;
   z-index:889
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link{
   color:#6777ef
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link:before{
   left:35px;
   right:0
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item:first-child .nav-link{
   margin-left:0
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item:last-child .nav-link{
   margin-right:0
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link{
   color:#868e96;
   font-size:13px;
   letter-spacing:.3px;
   height:70px;
   padding:0;
   padding-left:0!important;
   padding-right:0!important;
   margin-left:15px;
   margin-right:15px;
   position:relative
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link.has-dropdown{
   margin-right:35px
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link.has-dropdown:after{
   content:"\F107";
   font-family:Font Awesome\ 5 Free;
   font-weight:900;
   position:absolute;
   top:50%;
   right:20px;
   transform:translateY(-50%);
   font-size:14px;
   right:-20px
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link:before{
   content:" ";
   position:absolute;
   left:auto;
   right:auto;
   bottom:0;
   height:2px;
   background-color:#6777ef;
   transition:all .5s
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link span{
   line-height:74px
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link i{
   width:30px;
   font-size:16px
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link:hover{
   color:#191d21!important
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu{
   padding:0
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link{
   color:#6c757d;
   font-weight:600;
   letter-spacing:.3px;
   padding:7px 20px!important
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link.has-dropdown:after{
   content:"\F107";
   font-family:Font Awesome\ 5 Free;
   font-weight:900;
   position:absolute;
   top:50%;
   right:20px;
   transform:translateY(-50%);
   font-size:14px;
   right:15px
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item:hover>.nav-link{
   background-color:#fcfcfd;
   color:#191d21
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item:hover>.dropdown-menu{
   display:block!important;
   top:-5px;
   left:200px
}
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item.active>.nav-link,body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link:focus{
   background-color:#6777ef;
   color:#fff
}
body.layout-3 .main-content{
   padding-top:170px
}
body.layout-3 .main-content,body.layout-3 .main-footer{
   padding-left:0;
   padding-right:0
}
.main-sidebar .sidebar-brand{
   display:inline-block;
   width:100%;
   text-align:center;
   height:70px;
   line-height:70px
}
.main-sidebar .sidebar-brand.sidebar-brand-sm{
   display:none
}
.main-sidebar .sidebar-brand a{
   text-decoration:none;
   text-transform:uppercase;
   letter-spacing:3px;
   font-weight:700;
   font-size:23px;
   vertical-align:bottom;
   color:#000
}
.main-sidebar .sidebar-brand a .header-logo{
   height:30px
}
.main-sidebar .sidebar-brand a .logo-name{
   vertical-align:middle;
   font-size:20px
}
.main-sidebar .sidebar-user{
   display:inline-block;
   width:100%;
   padding:10px;
   text-align:center
}
.main-sidebar .sidebar-user .sidebar-user-picture{
   margin-right:10px
}
.main-sidebar .sidebar-user .sidebar-user-picture img{
   width:75px;
   border-radius:50%
}
.main-sidebar .sidebar-user .sidebar-user-details .user-name{
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   margin-top:7px;
   margin-bottom:3px;
   font-weight:600;
   color:#505c66
}
.main-sidebar .sidebar-user .sidebar-user-details .user-role{
   font-weight:400;
   color:#868e96;
   font-size:10px;
   letter-spacing:.5px
}
.main-sidebar .sidebar-menu{
   padding:0;
   margin:0
}
.main-sidebar .sidebar-menu li{
   display:block
}
.main-sidebar .sidebar-menu li.menu-header{
   padding:3px 15px;
   color:#868e96;
   font-size:10px;
   text-transform:uppercase;
   letter-spacing:1.3px;
   font-weight:600
}
.main-sidebar .sidebar-menu li.menu-header:not(:first-child){
   margin-top:10px
}
.main-sidebar .sidebar-menu li .menu-toggle:before{
   content:"\F067";
   font-family:Font Awesome\ 5 Free;
   position:absolute;
   font-size:10px;
   right:17px;
   transform:scale(1);
   transition:all .3s
}
.main-sidebar .sidebar-menu li .menu-toggle:after{
   content:"\F068";
   font-family:Font Awesome\ 5 Free;
   position:absolute;
   font-size:10px;
   right:17px;
   transform:scale(0);
   transition:all .3s
}
.main-sidebar .sidebar-menu li .menu-toggle.toggled:before{
   transform:scale(0)
}
.main-sidebar .sidebar-menu li .menu-toggle.toggled:after{
   transform:scale(1)
}
.main-sidebar .sidebar-menu li a{
   position:relative;
   display:flex;
   align-items:center;
   height:40px;
   padding:0 20px;
   width:100%;
   letter-spacing:.3px;
   color:#b0b9c8;
   font-weight:600;
   text-decoration:none
}
.main-sidebar .sidebar-menu li a .badge{
   float:right;
   padding:5px 10px;
   margin-top:2px
}
.main-sidebar .sidebar-menu li a i{
   width:28px;
   font-size:15px;
   margin-right:10px;
   text-align:center
}
.main-sidebar .sidebar-menu li a .feather{
   height:20px;
   width:20px;
   margin-right:10px;
   text-align:center;
   fill:rgba(75,75,90,.12)
}
.main-sidebar .sidebar-menu li a span{
   margin-top:3px;
   width:100%
}
.main-sidebar .sidebar-menu li a:hover{
   background-color:#60648a
}
.main-sidebar .sidebar-menu li.active a{
   font-weight:600;
   background-color:#fcfcfd
}
.main-sidebar .sidebar-menu li.active ul.dropdown-menu{
   background-color:#fcfcfd
}
.main-sidebar .sidebar-menu li.active>ul.dropdown-menu{
   display:block
}
.main-sidebar .sidebar-menu li.active>ul.dropdown-menu li a:hover{
   background-color:#fcfcfd
}
.main-sidebar .sidebar-menu li ul.dropdown-menu{
   padding:0;
   margin:0;
   display:none;
   position:static;
   float:none;
   width:100%;
   box-shadow:none;
   background-color:transparent
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a{
   color:#b0b9c8;
   height:35px;
   padding-left:50px;
   font-weight:400
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover{
   color:#6777ef;
   background-color:inherit
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover:before{
   color:#6777ef;
   font-weight:600;
   left:35px
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:before{
   content:"\F105";
   font-family:Font Awesome\ 5 Free;
   font-weight:900;
   font-size:12px;
   position:absolute;
   transition:.5s;
   left:30px;
   color:#868e96
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a,.main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a:before{
   color:#6777ef;
   font-weight:600
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a i{
   margin-top:1px;
   text-align:center
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu{
   padding-left:10px
}
.main-content{
   padding-left:265px;
   padding-right:15px;
   padding-top:90px;
   width:100%;
   position:relative
}
.main-footer{
   padding:20px 30px 20px 280px;
   color:#98a6ad;
   border-top:1px solid #e3eaef;
   display:inline-block;
   background:#fff;
   font-weight:600;
   text-transform:uppercase;
   font-size:11px;
   width:100%
}
.main-footer .footer-left{
   float:left
}
.main-footer .footer-right{
   float:right
}
.simple-footer{
   text-align:center;
   margin-top:40px;
   margin-bottom:40px
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a{
   background-color:#6777ef;
   color:#fff
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a{
   color:#e8ebfd
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover{
   background-color:#6777ef;
   color:#fff
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a{
   color:#fff
}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a{
   padding-left:20px;
   position:relative;
   color:#fff;
}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a{
   background-color:#fff
}
.theme-setting{
   position:fixed;
   bottom:20px;
   right:20px;
   z-index:2002
}
.theme-setting .theme-setting-toggle{
   transition:all .5s;
   width:50px;
   height:50px;
   border-radius:50%;
   background-color:#f73f52;
   color:#fff;
   box-shadow:0 10px 30px rgba(0,0,0,.2);
   text-align:center;
   line-height:60px;
   cursor:pointer
}
.theme-setting .theme-setting-toggle i{
   font-size:24px
}
.theme-setting .theme-setting-options{
   transition:all .5s;
   transition-delay:.3s;
   z-index:-1;
   position:absolute;
   left:-220px;
   bottom:0;
   height:150px;
   width:50px;
   background-color:#e8e6e6;
   box-shadow:0 0 40px rgba(0,0,0,.05);
   border-radius:12px;
   visibility:hidden;
   opacity:0
}
.theme-setting .theme-setting-options ul{
   padding:0;
   width:100%;
   display:inline-block;
   margin:0 0 0 20px
}
.theme-setting .theme-setting-options ul li{
   width:20px;
   height:20px;
   background-color:#000;
   margin-right:10px;
   margin-top:15px;
   border-radius:3px;
   display:inline-block;
   cursor:pointer;
   opacity:0;
   transition:all .5s
}
.theme-setting .theme-setting-options ul li:hover{
   opacity:.8
}
.theme-setting.active .theme-setting-toggle{
   margin:5px;
   box-shadow:none;
   line-height:50px;
   width:40px;
   height:40px;
   transform:rotate(90deg)
}
.theme-setting.active .theme-setting-options{
   visibility:visible;
   opacity:1;
   width:220px
}
.theme-setting.active .theme-setting-options ul li{
   opacity:1;
   transition-delay:.3s
}
@media (max-width:1024px){
   .sidebar-gone-hide{
       display:none!important
   }
   .sidebar-gone-show{
       display:block!important
   }
   .main-sidebar{
       position:fixed!important;
       margin-top:0!important;
       z-index:891
   }
   body.layout-2 .main-wrapper,body.layout-3 .main-wrapper{
       width:100%;
       padding:0;
       display:block
   }
   .main-content{
       padding-right:30px;
       width:100%!important
   }
   .main-content,.main-footer{
       padding-left:30px
   }
   body.search-show{
       overflow:hidden
   }
   body.search-show .navbar{
       z-index:892
   }
   body.sidebar-show{
       overflow:hidden
   }
   body.search-show:before,body.sidebar-show:before{
       content:"";
       position:fixed;
       left:0;
       right:0;
       width:100%;
       height:100%;
       background-color:#000;
       opacity:0;
       z-index:891;
       -webkit-animation-name:fadeinbackdrop;
       animation-name:fadeinbackdrop;
       -webkit-animation-duration:1s;
       animation-duration:1s;
       -webkit-animation-fill-mode:forwards;
       animation-fill-mode:forwards
   }
   @-webkit-keyframes fadeinbackdrop{
       to{
           opacity:.6
       }
   }
   @keyframes fadeinbackdrop{
       to{
           opacity:.6
       }
   }
}
@font-face{
   font-family:Roboto;
   font-style:normal;
   font-weight:300;
   src:url(/fonts/Roboto-Light.ttf?88823c2015ffd5fa89d567e17297a137)
}
@font-face{
   font-family:Roboto;
   font-style:normal;
   font-weight:400;
   src:url(/fonts/Roboto-Regular.ttf?11eabca2251325cfc5589c9c6fb57b46)
}
@font-face{
   font-family:Roboto;
   font-style:normal;
   font-weight:500;
   src:url(/fonts/Roboto-Medium.ttf?58aef543c97bbaf6a9896e8484456d98)
}
@font-face{
   font-family:Roboto;
   font-style:normal;
   font-weight:700;
   src:url(/fonts/Roboto-Bold.ttf?e07df86cef2e721115583d61d1fb68a6)
}
@font-face{
   font-family:Roboto;
   font-style:normal;
   font-weight:900;
   src:url(/fonts/Roboto-Black.ttf?5ebb24ee1112dd9562629375c387879a)
}
:root{
   --primary:color(primary);
   --secondary:color(fontdark);
   --success:color(success);
   --info:color(info);
   --warning:color(warning);
   --danger:color(danger);
   --light:color(light);
   --dark:color(dark)
}
body{
   background-color:#f6f6f6;
   font-size:14px;
   font-weight:400;
   font-family:Roboto;
   color:#6c757d
}
a.bb{
   text-decoration:none;
   border-bottom:1px solid #6777ef;
   padding-bottom:1px
}
.form-divider{
   display:inline-block;
   width:100%;
   margin:10px 0;
   font-size:16px;
   font-weight:600
}
.sort-handler,.ui-sortable-handle{
   cursor:move
}
.text-job{
   font-size:10px;
   text-transform:uppercase;
   letter-spacing:1px;
   font-weight:700;
   color:#34395e
}
.text-time{
   font-size:12px;
   color:#666;
   font-weight:500;
   margin-bottom:10px
}
.bullet,.slash{
   display:inline;
   margin:0 4px
}
.bullet:after{
   content:"\2022"
}
.slash:after{
   content:"/"
}
.login-brand{
   margin:20px 0 40px;
   font-size:24px;
   text-transform:uppercase;
   letter-spacing:4px;
   color:#666;
   text-align:center
}
.font-weight-600{
   font-weight:600!important
}
.budget-price{
   display:inline-block;
   width:100%;
   display:flex;
   align-items:center;
   margin-bottom:3px
}
.budget-price .budget-price-square{
   width:15px;
   height:3px;
   background-color:#f9f9f9
}
.budget-price .budget-price-label{
   font-size:12px;
   font-weight:600;
   margin-left:5px
}
.gradient-bottom{
   position:relative
}
.gradient-bottom:after{
   content:" ";
   position:absolute;
   bottom:41px;
   left:0;
   width:100%;
   background-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));
   height:60px
}
.text-small{
   font-size:12px;
   line-height:20px
}
.text-title{
   font-size:14px;
   color:#34395e;
   font-weight:600
}
.img-shadow{
   box-shadow:0 4px 25px 0 rgba(0,0,0,.1)
}
.colors{
   display:flex;
   flex-wrap:wrap;
   margin:0 -5px
}
.colors .color{
   border-radius:3px;
   width:calc(25% - 10px);
   padding:10px;
   height:60px;
   line-height:40px;
   text-align:center;
   margin:5px
}
blockquote{
   padding:20px 20px 20px 40px;
   font-style:oblique;
   background-color:#f9f9f9;
   border-radius:3px;
   position:relative;
   font-family:Roboto;
   font-size:16px;
   letter-spacing:.3px
}
blockquote:before{
   content:'"';
   font-size:30px;
   position:absolute;
   top:10px;
   left:20px;
   opacity:.2
}
blockquote .blockquote-footer{
   margin-top:10px
}
.bg-whitesmoke{
   background-color:#f7f9f9!important
}
.ion{
   font-size:15px
}
.fab,.fal,.far,.fas{
   font-size:13px
}
#visitorMap{
   height:400px
}
#visitorMap2,#visitorMap3{
   height:350px
}
#visitorMap4{
   height:190px
}
.sidebar-gone-show{
   display:none!important
}
pre{
   border-radius:3px
}
.circle-step{
   display:flex;
   margin-bottom:10px
}
.circle-step .circle-content{
   margin-top:3px;
   margin-left:13px
}
.circle-step .circle{
   border-width:2px;
   border-style:solid;
   border-radius:50%;
   display:inline-block;
   width:32px;
   height:32px;
   line-height:30px;
   font-size:11px;
   text-align:center
}
.circle-step .circle.circle-primary{
   border-color:#6777ef;
   color:#6777ef
}
.pe-none{
   pointer-events:none
}
.contact-map{
   width:100%;
   height:100%;
   min-height:400px
}
.shadow-primary{
   box-shadow:0 2px 6px #acb5f6
}
.shadow-secondary{
   box-shadow:0 2px 6px #e1e5e8
}
.shadow-success{
   box-shadow:0 2px 6px #8edc9c
}
.shadow-warning{
   box-shadow:0 2px 6px #ffc473
}
.shadow-danger{
   box-shadow:0 2px 6px #fd9b96
}
.shadow-info{
   box-shadow:0 2px 6px #82d3f8
}
.shadow-light{
   box-shadow:0 2px 6px #e6ecf1
}
.shadow-dark{
   box-shadow:0 2px 6px #728394
}
.is-online{
   width:10px;
   height:10px;
   background-color:#54ca68;
   border-radius:50%;
   display:inline-block
}
.gutters-xs{
   margin-right:-.25rem;
   margin-left:-.25rem
}
.gutters-xs>.col,.gutters-xs>[class*=col-]{
   padding-right:.25rem;
   padding-left:.25rem
}
.beep{
   position:relative
}
.beep:after{
   content:"";
   position:absolute;
   top:2px;
   right:8px;
   width:7px;
   height:7px;
   background-color:#ffa426;
   border-radius:50%;
   -webkit-animation:pulsate 1s ease-out;
   animation:pulsate 1s ease-out;
   -webkit-animation-iteration-count:infinite;
   animation-iteration-count:infinite;
   opacity:1
}
.beep.beep-sidebar:after{
   position:static;
   margin-left:10px
}
@media (max-width:575.98px){
   .fc-overflow{
       width:100%;
       overflow:auto
   }
   .fc-overflow #myEvent{
       width:800px
   }
   .ionicons li{
       width:25%
   }
   .icon-wrap{
       width:100%
   }
}
.page-error{
   height:100%;
   width:100%;
   padding-top:60px;
   text-align:center;
   display:table
}
.page-error .page-inner{
   display:table-cell;
   width:100%;
   vertical-align:middle
}
.page-error h1{
   font-size:10em;
   font-weight:700
}
.page-error .page-description{
   font-size:18px;
   font-weight:400;
   color:#34395e
}
.page-error .page-search{
   margin:40px auto;
   max-width:100%;
   width:350px
}
.page-error .page-search .form-control{
   border-radius:30px
}
.page-error .page-search .btn{
   border-radius:30px;
   margin-left:10px
}
@media (max-width:575.98px){
   .page-error .page-search{
       width:100%
   }
}
.section{
   position:relative;
   z-index:1
}
.section>:first-child{
   margin-top:-7px
}
.section .section-header{
   padding:20px;
   display:flex;
   align-items:center
}
.section .section-header h1{
   margin-bottom:0;
   font-weight:700;
   display:inline-block;
   font-size:24px;
   margin-top:3px;
   color:#34395e
}
.section .section-header .section-header-back{
   margin-right:15px
}
.section .section-header .section-header-back .btn:hover{
   background-color:#6777ef;
   color:#fff
}
.section .section-header .section-header-button{
   margin-left:20px
}
.section .section-header .section-header-breadcrumb{
   margin-left:auto;
   display:flex;
   align-items:center;
   background:#e7e8e9;
   padding:15px;
   border-radius:30px
}
.section .section-header .section-header-breadcrumb .breadcrumb-item{
   font-size:13px
}
.section .section-header .btn{
   font-size:12px
}
.section .section-title{
   font-size:18px;
   color:#191d21;
   font-weight:600;
   position:relative;
   margin:30px 0 25px
}
.section .section-title+.section-lead{
   margin-top:-20px
}
.main-wrapper-1 .section .section-header{
   margin-left:-30px;
   margin-right:-30px;
   margin-top:-10px;
   border-radius:0;
   border-top:1px solid #f9f9f9;
   padding-left:35px;
   padding-right:35px
}
@media (max-width:575.98px){
   .section .section-title{
       font-size:14px
   }
   .section .section-header{
       flex-wrap:wrap;
       margin-bottom:20px!important
   }
   .section .section-header h1{
       font-size:18px
   }
   .section .section-header .float-right{
       display:inline-block;
       width:100%;
       margin-top:15px
   }
   .section .section-header .section-header-breadcrumb{
       flex-basis:100%;
       margin-top:10px
   }
}
.light-sidebar:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active ul.dropdown-menu li a{
   background-color:#414b76!important
}
.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu{
   background-color:#464876;
   background-image: linear-gradient(140deg,#454271 -30%,#2f5576 90%);
}
.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li.active a{
   box-shadow:none;
   color:#b0b9b8
}
.light-sidebar .navbar.active,.light-sidebar.sidebar-mini .main-sidebar .dropdown-title,.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li:hover a,.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a,.light-sidebar.sidebar-mini .main-sidebar .sidebar-user,.light-sidebar.sidebar-mini .main-sidebar:after{
   background-color:#464876
}
.light-sidebar .navbar .form-inline .btn,.light-sidebar .navbar .form-inline .form-control{
   background-color:#f2f2f2
}
.light-sidebar .main-sidebar .sidebar-menu li.active a{
   background-color:#60648a;
}
.light-sidebar .main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a{
   color:#ffffff;
   font-weight:600
}
.light-sidebar .main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a:before,.light-sidebar .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover,.light-sidebar .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover:before{
   color:#7c83b7
}
.theme-white .btn-outline-primary:not([disabled]):not(.disabled).active,.theme-white .btn-outline-primary:not([disabled]):not(.disabled):active,.theme-white .show>.btn-outline-primary.dropdown-toggle{
   color:#000;
   background-color:#3d4973d9;
   border-color:#3d4973d9
}
.theme-white.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a:hover{
   color:#7c83b7
}
.theme-white .bg-primary{
   background-color:#3d4973d9!important
}
.theme-white .text-primary{
   color:#fff!important
}
.theme-white a:hover{
   color:#3d4973d9
}
.theme-white .btn-primary{
   background-color:#3d4973d9;
   border-color:transparent!important;
   color:#fff
}
.theme-white .btn-primary:active,.theme-white .btn-primary:focus,.theme-white .btn-primary:focus:active,.theme-white .btn-primary:hover{
   background-color:#3d4973d9!important
}
.theme-white .btn-primary:hover{
   color:#fff
}
.theme-white .btn-primary.disabled,.theme-white .btn-primary:disabled{
   background-color:#3d4973d9;
   border-color:#3d4973d9
}
.theme-white .btn-outline-primary{
   color:#3d4973d9;
   background-color:transparent;
   background-image:none;
   border-color:#3d4973d9
}
.theme-white .btn-outline-primary:focus,.theme-white .btn-outline-primary:focus:active{
   background-color:#3d4973d9!important;
   color:#fff
}
.theme-white .btn-outline-primary:hover{
   color:#fff;
   background-color:#3d4973d9;
   border-color:#3d4973d9
}
.theme-white .btn-link,.theme-white .btn-outline-primary.disabled,.theme-white .btn-outline-primary:disabled{
   color:#3d4973d9;
   background-color:transparent
}
.theme-white .btn-link{
   font-weight:400
}
.theme-white .btn-link:hover{
   color:#3d4973d9
}
.theme-white .dropdown-item.active{
   color:#fff;
   background-color:#e9e9e9
}
.theme-white .nav-pills .nav-link.active,.theme-white .nav-pills .show>.nav-link{
   color:#fff;
   background-color:#3d4973d9
}
.theme-white .page-link{
   color:#3d4973d9;
   background-color:#fff;
   border:1px solid #ededed
}
.theme-white .page-link:focus{
   color:#3d4973d9
}
.theme-white .page-link:hover{
   color:#3d4973d9;
   background-color:#eaeaea
}
.theme-white .page-item .page-link{
   color:#3d4973d9
}
.theme-white .page-item.active .page-link{
   color:#fff;
   background-color:#3d4973d9;
   border-color:#3d4973d9
}
.theme-white .page-item.disabled .page-link{
   color:#3d4973d9
}
.theme-white .progress-bar{
   color:#fff;
   background-color:#3d4973d9
}
.theme-white .border-primary{
   border-color:#fff!important
}
.theme-white .navbar{
   background-color:#37424e;
   box-shadow:0px 2px 5px 0 rgba(0,0,0,.1);
   background-image: linear-gradient(140deg,#29313b -30%,#475462 90%);
}

.theme-white .jqvmap-circle{
   background-color:#3d4973d9;
   border:1px solid #000
}
.theme-white .dropzone{
   border:2px dashed #3d4973d9
}
.theme-white .custom-control-input:checked~.custom-control-label:before{
   color:#fff;
   background-color:#3d4973d9
}
.theme-white .custom-checkbox .custom-control-input:checked~.custom-control-label:before{
   background-color:#3d4973d9
}
.theme-white .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{
   background-color:#3d4973d9
}
.theme-white .custom-radio .custom-control-input:checked~.custom-control-label:before{
   background-color:#3d4973d9
}
.theme-white .list-group-item.active{
   color:#fff;
   background-color:#3d4973d9;
   border-color:#3d4973d9
}
.theme-white .navbar.active{
   background-color:#3d4973d9
}
.theme-white .form-control:focus{
   border:2px solid #3d4973d9
}
.theme-white .alert.alert-primary{
   background-color:#3d4973d9
}
.theme-white .card.card-primary{
   border-top:2px solid #3d4973d9
}
.theme-white .fc button.fc-state-active{
   background-color:#3d4973d9;
   color:#fff
}
.theme-white .weather ul li{
   border:2px solid #3d4973d9;
   color:#3d4973d9
}
.theme-white .card-chat .chat-content .chat-item.chat-right .chat-details .chat-text{
   background-color:#3d4973d9;
   color:#fff
}
.theme-white .nav-tabs .nav-item .nav-link{
   color:#3d4973d9
}
.theme-white .swal-button.swal-button--confirm{
   background-color:#3d4973d9
}
.theme-white .btn-group .btn.active{
   background-color:#3d4973d9;
   color:#fff
}
.theme-white .media .media-right{
   color:#3d4973d9
}
.theme-white .accordion .accordion-header[aria-expanded=true],.theme-white .selectric-items li.highlighted,.theme-white .selectric-items li.selected{
   background-color:#3d4973d9;
   color:#fff
}
.theme-white .bootstrap-tagsinput .tag,.theme-white body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a:before{
   background-color:#3d4973d9
}
.theme-white body.sidebar-mini .main-sidebar .sidebar-menu>li.active>a{
   box-shadow:0 4px 8px #3d4973d9;
   background-color:#3d4973d9;
   color:#fff
}
.theme-white body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a{
   color:#3d4973d9
}
.theme-white .activities .activity:before{
   background-color:#3d4973d9
}
.theme-white .settingSidebar .settingPanelToggle{
   background:#3d4973d9
}
.theme-white .settingSidebar .settingPanelToggle i{
   color:#fff
}
.theme-white .settingSidebar ul.choose-theme li.active div:after{
   color:#000
}
.theme-white .sidebar-color .selectgroup-input:checked+.selectgroup-button{
   background-color:#3d4973d9
}
.theme-white .navbar .nav-link .feather{
   color:#bbbec2
}
.theme-white .navbar .form-inline .form-control{
   background-color:#bbbec2
}
.theme-white .navbar .form-inline .form-control:focus{
   border-color:transparent
}
.theme-white .navbar .form-inline .btn{
   background-color:#f0f3ff
}
.theme-white .custom-switch-input:checked~.custom-switch-indicator{
   background:#3d4973d9
}