@charset "UTF-8";

.page-login:before{display:none;}
.page-login{padding-top: 2vh;}
.page-login .card{
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 20px #00000000;
}
.page-login .simple-footer{text-align:center; font-size:11px;  padding:20px;}
.page-login .login-brand{text-align:center;padding: 0px 5px;}
.page-login .login-brand img{max-width: 80%;}
.page-login .card-header{color: #3214fa;background:#fff;text-align:center;padding-top:20px;}

.page-login .card{transition:all .5s;}
.page-login .card:hover{box-shadow: 0 0 40px #00000017;}


.sticky-trigger.menu.stickytop{z-index:0;}
.sticky-trigger.menu.stickytop:after{display:none;}
.page-login .btn-big{margin-top:30px;}
.btn-big{font-size:1rem; padding:10px 25px;}


.btn-primary:hover {
    color: #fff;
    background-color: #ff1959;
    border-color: #f71554;
    box-shadow: 0 0 15px #ff195982;
}


.app{min-height: calc(100vh - 307px);transition:all .5s;/* overflow: hidden; */}

body.comments:not(.app-home) .app{padding-right: 30vw;}
body.comments .commentsarea{right:10px;}
.commentsarea{position:fixed;background:#fff;border-radius: 5px;top:5vh;right: 11px;height: 94vh;opacity: 1;width: 35vw;z-index: 9999999;box-shadow: 0 0 40px #00000021;right: -40vw;transition: all .5s;overflow: auto;/* padding: 10px 0; */overflow: hidden;}
.commentsarea .addnew{
    position: absolute;
    bottom: 20px;
    right: 9vw;
    background: #ffd500;
    font-size: 18px;
    border: 0;
    padding: 7px 11px;
    border-radius: 50px;
    transition: all .5s;
    z-index: 55;
    width: 15vw;
    }
.commentsarea .addnew:hover{box-shadow: 0 0 25px #ff7800;background: #ff7800;color: #fff;}   
.newcomment{display:none;}

.commentsarea .wrapper{overflow-y: auto;padding: 15px 0;height: 100%;padding-bottom: 70px;}
.commentsarea .wrapper .alert{margin:10px 20px;}


.commentsarea form{padding:15px;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #dddddd8a;background: #fff;padding-top: 24px;display: none;transition: all .5s;overflow: hidden;z-index: 9999;box-shadow: 0 0 20px #0000000d;}
.commentsarea.showform form{display:block;}
.commentsarea form label{position:absolute;top: 15px;left: 22px;margin: 0;font-size: 12px;background: #fff;display: block;padding: 0 5px;z-index: 9;}

.commentsarea .row .btn{padding: 7px 10px;}
.commentsarea .row .btn.savecomment{padding: 7px 20px;}

.commentsarea .row select{border-color:#3214fa;}

.user{text-align: center;font-size: 9px;}
.user .avatar{border-radius:50%;width: 25px;height: 25px;background:#eee;display: inline-block;text-align:center;line-height: 25px;font-size: 12px;margin-bottom: 2px;font-weight: 800;color: #fff;margin-right: 15px;}

.commentsarea .post{padding: 0px 10px 10px 60px;position:relative;min-height: 56px;}
.commentsarea .post .user{position:absolute;top: 0px;left: 14px;text-align: center;font-size: 9px;}
.commentsarea .post .user .avatar{display:block;margin: 0 auto;}
.commentsarea .post .meta{font-size:10px;color:#777;padding: 3px 0;margin-top: -2px;opacity: 0;transition: all .5s;} 
.commentsarea .post .content{position:relative;font-size: 12px;background:#f9f9f9;border-radius:4px;padding: 5px 7px;margin-top:8px;z-index: 3;} 
.commentsarea .post  .arrow{position:absolute;left: 55px;display:block;width:8px;height:8px;top: 9px;transform: rotate(45deg);z-index: 0;}
.commentsarea .post:after{content:'';position:absolute;left: 60px;display:block;width:15px;height:15px;top: 4px;background:#fff;}
.commentsarea .post:hover .meta{opacity:1;}
.commentsarea .post .meta .btn{font-size: 9px;padding: 1px 4px;line-height: 10px;/* margin-top: -3px; */margin-left: 5px;float: right;}
.commentsarea .post .badge{ font-size:0.6rem; margin-right:7px; letter-spacing:0;}
.commentsarea .post .badge i{margin-right:4px;}

@keyframes anima1 {
  from {background-color: red;}
  to {background-color: yellow;}
}

.commentsarea .post.selected .user .avatar{animation-name: anima1;  animation-duration: 1s; animation-iteration-count: 3;}

.commentsarea .post.r{padding: 0px 60px 10px 10px;}
.commentsarea .post.r .user{left:initial; right:14px;}
.commentsarea .post.r .arrow{left:initial;right: 56px;}
.commentsarea .post.r:after{left:initial;right: 60px;}
.commentsarea .note-editor.note-frame{ border-color:blue;}

form{width:100%;}

body{padding:40px;background: #f9f9f9;padding-top: 70px;font-family: 'Poppins', sans-serif;padding-bottom: 0px;}
body:before{content:'';position: absolute;top:0;left:0;width: 100%;height: 185px;z-index: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3214fa+0,0b008e+100 */background: #3214fa; /* Old browsers */background: -moz-linear-gradient(-45deg, #3214fa 0%, #0b008e 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, #3214fa 0%,#0b008e 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #3214fa 0%,#0b008e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3214fa', endColorstr='#0b008e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.main-content{/* background:#fff; */z-index:1;position:relative;padding: 0;border-radius: 3px;/* box-shadow: 0 0 30px #00000005; */margin-left: -20px;margin-right: -20px;}
.main-header{color: #fff;display: block;padding: 15px 0 7px 0;width: 40%;padding-left: 59px;position:relative;}

body.comments{overflow-y:hidden;}

.flogo{max-width: 300px;}

.popover {display:none;}
.appnav{position:absolute;right: 11px;top: -57px;z-index: 9;}
.appnav .btn{margin:0 4px;}
.appnav .btn.btn-details{display:none;}

.info-mod{max-width:400px;}

.main-header h1{color:#fff;z-index: 999;position: relative;margin: 0;font-size: 1.2rem;}
.main-header .section-header-breadcrumb{position:relative;color:#fff;margin-top: 1px;}
.main-header .section-header-breadcrumb a{position:relative; color:#ffffff94; font-size:11px; padding:6px 6px 6px 0px;}
.main-header .section-header-breadcrumb .breadcrumb-item{display:inline-block;font-size: 0.7rem;}
.breadcrumb-item+.breadcrumb-item::before{width:4px;height:4px;content:'';background: #ffffff61;border-radius:10px;margin:10px;display: inline-block;line-height: 4px;padding: 0;margin: 5px 5px 2px 0px;}

.app-home .main-header{padding-left:0;opacity: 0;height: 20px;}
.app-home .main-header .backbtn{display:none;}
.main-header .backbtn{transition:all .5s;display:block;position:absolute;left: 2px;top: 14px;border: 1px solid #ffffff54;border-radius: 44px;color: #ffffffb5;padding: 10px 14px;}
.main-header .backbtn:hover{color:#fff; border-color:#fff;}
.app-home .section-header-breadcrumb *{display:none;}

.fieldcontent .maxheight{height:200px; overflow:hidden; transition:all .5s;}

.menu{transition:all .5s;padding: 15px 40px 10px 40px;position: fixed;top: 0;width: 100%;z-index: 9999;left: 0;}
.menu .brand{transition:all .5s;height:40px;min-width: 50px;background: url(../img/ahs.svg);background-size: contain;background-position: center;border-right: #ffffff26 1px solid;background-repeat: no-repeat;padding: 0;}
.menu:after{content:'';width:calc(100% - 80px);border-top: 1px solid #ffffff29;position:absolute;bottom: -1px;left: 40px;}

.menu.is-sticky:after{width:0;}

.card-body.zwin{overflow:hidden;height: 0px;padding-bottom: 0;}
.card-body{transition:all .5s;}

.sidebar-menu{padding:0; margin:0;}
.sidebar-menu li{list-style:none;display:inline-block;border: 0;position: relative;}
.sidebar-menu>li>a{display:inline-block;border-radius:4px;margin-right: 5px;font-weight:500;color:#fff;line-height: 23px;transition:all .5s;background: #fff0;border: 0;}
.sidebar-menu>li>a:hover{color:#fff;background: #ffffff33;}
.sidebar-menu>li>a i{margin-right:5px; opacity:0.6;}
.sidebar-menu>li>ul{box-shadow: 0 0 30px #00000014;z-index:999;padding:0;border:0;transition:all .5s;min-width: 20rem;}
.sidebar-menu>li>ul>li{display:block;}
.sidebar-menu>li>ul>li>a{display:block;transition:all 1s;padding: 12px 15px;border-bottom: 1px solid #eaeaea6b;color: #444;}
.sidebar-menu>li>ul>li:last-child>a{border:0;}
.sidebar-menu>li>ul>li>a>i{margin-right:15px;}
.sidebar-menu>li>ul>li>a:hover{background:#eee; text-decoration:none;}


.menu.is-sticky{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3214fa+0,0b008e+100 */background: #3214fa; /* Old browsers */background: -moz-linear-gradient(-45deg, #3214fa 0%, #0b008e 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, #3214fa 0%,#0b008e 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #3214fa 0%,#0b008e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3214fa', endColorstr='#0b008e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */padding: 4px 35px;}
.menu.is-sticky .brand{height:30px;}
.menu.is-sticky .sidebar-menu>li>a{line-height:15px; font-size:12px;}
.menu.is-sticky .iconsmenu>a{font-size: 12px;line-height: 31px;}

.checkav .badge{width: 2.37%;padding: 4px 3px 3px 3px;margin:1px;border: 0!important;min-width: 31px;}
.checkav .badge.badge-primary{color:#000; background:#eee;}
.checkav .badge.badge-primary.c-3{color:#000; background:#d5d7da;}
.checkav .badge.badge-primary.c-4{color:#000; background:#cac3fe;}
.checkav .badge.badge-primary.c-5{color:#000; background:#d8bac2;}
.checkav .badge.badge-primary:hover{background-color:#01e636;}
.checkav .rowch{padding:3px 0;border-top:1px solid #ddd;margin-top: 20px;position:relative;padding-top: 17px;}
.checkav .rowch h5{position:absolute;top:-10px;left:10px;background:#fff;padding:0 5px;font-size:12px;}
.checkav .badge i{margin-right:2px;display: block;margin-bottom: 2px;}
.checkav .rowch h5 .infmess{font-size:9px;border:1px solid #ddd;padding: 0px 6px;margin-left:5px;border-radius:15px;line-height: 9px;}
.checkav .rowch h5 .infmess.error{color:#db0b45; border-color:#db0b45;}

.checkav .rowch .minmax{transition:all .4s; position:absolute;top: -11px;right: 10px;background:#fff;padding:0 5px;font-size:12px;border:1px solid #ddd;line-height: 20px;border-radius: 100px;width: 20px;height: 20px;}
.checkav .rowch .minmax:hover{color:#fff; background:#3214fa;}

.checkav .rowch.mini .badge{display:none;}


.incydentinfo{padding:5px 15px;font-size:90%;display: none;}
.incydentinfo h4{margin-bottom: 3px;}
.incydentinfo p{margin-bottom:5px;}

.menu .iconsmenu{text-align:right;transition:all .5s;}
.menu .iconsmenu>a{transition:all .5s; color:#fff;padding: 5px 15px;/* background:#fff; *//* display: flex; *//* flex-basis: 10%; */line-height: 38px;font-size: 15px;}
.menu .iconsmenu>a:hover{background: #0e06502b; color:#ffd500; text-shadow:0 0 30px; #ffd500;}
.dropdown-menu{box-shadow: 0 0 30px #00000014;z-index:999;padding:0px;border:0;}
.dropdown-menu>a{display:block;padding: 12px 15px;border-bottom: 1px solid #eaeaea6b;color:#555;}
.dropdown-menu>a>i{margin-right:8px;}
.dropdown-menu .title{padding: 8px 15px;border: 1px solid #eaeaea6b;color: #3214fa;}

.dropdown-menu>li{display:block; width:100%;}
.dropdown-menu>li>button{transition:all .5s; display:block;padding: 12px 15px;border-bottom: 1px solid #eaeaea6b;color:#555;background:transparent;border:0;font-size: 0.8rem;border-bottom:1px solid #eee;display:block;width: 100%;text-align: left;}
.dropdown-menu>li>button:hover{background:#eee;}

.dropdown-menu>li>button>.badge{margin-right:6px;}


table .alert{padding: .1rem 0.4rem;font-size:11px;line-height: 12px;margin: 0;}
table .btn{padding:.2rem 0.4rem;font-size:11px;line-height:14px;text-align:left;margin-right: 5px;}
table h5{margin:0;font-size:13px;color:#3214fa;padding: 0;}
.table td{padding:0.6rem 0.5rem;position: relative;}
table h5 .alert{display:inline-block; margin-left:6px; }
table h5 .alert span{display:none;}



.list-group h5 .alert{padding: 3px 10px;font-size:12px;display:inline-block;margin-left:10px;margin-bottom: 0;line-height: 10px;float: right;}


.fieldarea .invalid-feedback{position:absolute;top: 21px;right: 30px;display:block;z-index: 9;color: #fff;background: #dc3545;margin: 0;border-radius: 50px;width: auto;padding: 1px 10px;font-size: 81%;text-transform: uppercase;}
.form-group.error  input,
.form-group.error  select,
.form-group.error  textarea,
.form-group.error  .input-group-text,
.form-group.error .note-editor.note-frame,
.form-group.error .select2-container .select2-selection--single
{border-color: #dc354580;}


.card{border:0;box-shadow: 0 0 20px #0000000f;margin: 9px 8px;}
.card-header{border-bottom:1px solid #fff;background:#fff;padding: 15px 20px 15px 20px;}
.card-header>*{font-size:1rem; margin:0;}
.card-header>h2,
.card-header>h3,
.card-header>h4{color: #3214fa;font-size: 0.9rem;}
.card-header>*>i{margin-right:10px; color:#999;}
.card-header>p{font-size:13px; margin:0; color:#888;}
.card-footer{background:#fff;border:0;padding-bottom: .60rem;}

.card-header button.options{border:0;transition:all .5s;display:block;width: 30px;height: 30px;text-align:center;border-radius:50%;background:#fff;position:absolute;right: 30px;top: 20px;}
.card-header button.options:hover{background:#eee;}
.card-header button.options i{margin:0;}

.card-header .fastnav{ position:absolute; right:20px; top:20px; }
.card-header .fastnav button,
.card-header .fastnav a{border:0;background:#f8f7f7; border-radius:50%; width:35px; height:35px; color:#3214fa;}

.card .card{box-shadow:none;border:1px solid #eee;transition:all .5s;margin: 2px;}
.card .card:hover{border-color:#3214fa;}

.card .card .btn{padding-top: 2px;padding-bottom: 3px;line-height: 1.1;}
.card .card .biglist{padding: 2px 10px;line-height:1.5;margin-right: 5px;font-size: 75%;}

.circleiko{padding:2px 8px; border-radius:100px; font-size:15px;}

.card.infocard{padding-left:50px;}
.card.infocard .card-header{padding-top:15px; margin:0; border:0;}
.card.infocard .card-body{padding-top:5px;padding-bottom:15px;}
.card.infocard .card-header i{position:absolute;left: 16px;top: 0;line-height: 58px;border-right: 1px solid #eee;width: 34px;font-size: 18px;}

.card.infocard.border{border-left-width: 10px!important;border-top: 0!important;border-bottom: 0!important;border-right: 0!important;}

.card.infocard i.white{color:#fff;}


.card.yellowborder{border-left:8px solid #ffd500;}
.card.blueborder{border-left:8px solid #3214fa;}
.card.greanborder{border-left:8px solid #01e636;}
.card.redborder{border-left:8px solid #db0b45;}
.card.redborder{border-left:8px solid #db0b45;}
.card.blackborder{border-left:8px solid #343a40;}
.card.oceanborder{border-left:8px solid #64e6fa;}

.topcard .card .card-body{display:none;}


.filterarea{background: #e9ecef;padding: 0 82px 0 55px;min-height: 42px;margin-bottom: 13px;}
.filterarea .label{position:absolute;left:0;width: 44px;margin:0;text-align:center;padding: 8px;color:#3214fa;font-size: 10px;}
.filterarea .label i{font-size: 13px;color:#3214fa;padding: 7px;border-radius:100px;margin: 0;/* opacity: 0.4; */}
.filterarea .input-group{margin: 0!important;}
.filterarea .filterpoz{padding: 5px 5px 4px 5px;}
.filterarea #filterreset,
.filterarea button#filterstart{position:absolute;right: 6px;top: 6px; text-align:center; border:0;padding: 4px;background:#3214fa;color:#fff;transition:all .5s;border-radius:3px;font-size: 16px;width: 30px;height: 30px;border-radius: 100px;display: none;}
.filterarea #filterreset{right: initial;background: #3214fa;left: 6px; display:block;}


.filterarea button#filterstart:hover{background:#23d64c;}
.filterarea button#filterstart.active{background:#db0b45;box-shadow:0 0 20px #db0b45;display:block;width: 70px;font-size: 12px;border-radius: 3px;}

.filterarea .filterpoz.filtered .input-group-text,
.filterarea .filterpoz.filtered i,
.filterarea .filterpoz.filtered .form-control{border-color: #4be46d;}
.filterarea .filterpoz.filtered .input-group-text{color: #0ba72f;}



.tooltip .tooltip-inner{background:#3214fa; color:#fff;}
.tooltip .arrow:before{border-bottom-color:#3214fa!important;}
.tooltip .tooltip-inner h5{ border-bottom:1px solid #eeeeee45; font-size:12px; font-weight:600; text-align:left; margin-bottom:3px; margin-top:4px; padding-bottom:4px;}
.tooltip .tooltip-inner p{ text-align:left; font-size:11px; margin:0 0 2px 0;}

.hero{border:0;box-shadow: 0 0 20px #0000000f;margin:15px; border-radius:5px; padding:20px;}

.tablerow{margin:0; padding:0;}
.tablerow li{list-style:none;margin-top:-1px;margin-left:-1px;border:1px solid #eee;padding: 12px 22px;}
.tablerow li i{ margin-right:10px; }

.card big{font-size: 2.1vh;font-weight:800;}

.alertsarea{position:fixed;bottom: 4px;right: 10px;z-index: 99;width: 40vw;transition: all .5s;/* padding: 10px 10px 10px 10px; */background: transparent;/* box-shadow: 0 0 20px #0000001a; *//* border-radius: 5px; */}
.alertsarea .alert{margin-bottom:5px; padding:5px 15px}
.alertsarea .alert.alertclose{padding-right:50px; position:relative;}
.alertsarea .alert.alertclose .close{font-size: 19px;position:absolute;right: 9px;top: 9px;color: #000;padding: 10px;}


.alertsarea.message{position:fixed;bottom: 24px;left: 10px; right:initial; z-index:99;}

.alert-title{font-size:1.1rem; font-weight:500;}
label{font-size: 14px;font-weight:500;}
.instruction{padding:8px 0; color:#444;}

footer{border-top:1px solid #eee;margin-top: 50px;padding-top:25px;}
.footer-row{border-top:1px solid #eee; margin-top:10px;}
.footer-row span{display:inline-block;padding: 23px 0;}

.today{/* border-bottom:1px solid #eee; */margin-bottom: 15px;margin-top: 15px;}
.todayis{font-size: 4.8rem;line-height: 3.4rem;text-align: right;font-weight: 800; color:#3214fa;}

.loading{display:none;}

.htmleditor{max-width:900px;}


.logeduser{
    color:#fff;
    background: #3214fa;
    background: -moz-linear-gradient(45deg, #ffd500 0%, #ff9900 100%);
    background: -webkit-linear-gradient(45deg, #ffd500 0%,#ff9900 100%);
    background: linear-gradient(45deg, #0d0193 0%,#3214fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3214fa', endColorstr='#0b008e',GradientType=1 );
    }

.logeduser .card-header, .logeduser .card-footer{background:transparent;}
.logeduser .card-header{border-color:#ffffff36;padding-right: 100px;padding: 12px 100px 11px 20px;position: relative;}
.logeduser .card-header i{font-size: 23px;padding: 15px;border:1px solid #ffffff36;border-radius:100%;width: 55px;height: 55px;position: absolute;right: 20px;bottom: -10px;text-align: center;background: #2d11eb;}
.logeduser .card-header h2{color: #ffffff;margin-top: 0px;text-align: left;margin: 12px 0px;font-size: 20px;}
.logeduser .card-footer{font-size:10px;}
.logeduser .card-body{padding-top:15px;}
.logeduser .card-body>p:first-child{padding-right: 60px; border-bottom:1px solid #ffffff3b; padding-bottom:15px}
.logeduser .card-body>h4{ font-size:14px;}
.logeduser .card-body>ul {margin-bottom:25px;list-style: none;padding-left: 10px;}
.logeduser .card-body>ul>li i{margin-right:10px;}
.logeduser .card-body>ul>li{padding:2px 6px; border-bottom:1px solid #ffffff2b; margin:5px 0;}

.note-editor.note-frame{overflow:hidden; border-radius:5px; border:1px solid #ced4da;}
.modelstype{text-decoration:none!important;}
.modelstype .card{/* padding-left: 60px; */color: #444;transition:all .5s;padding: 10px 25px;}
.modelstype span.icon{font-size: 35px;color: #3214fa;margin-bottom: 15px;padding: 15px;border: 1px solid #eee;border-radius: 100%;display: inline-block;}
.modelstype .card-header{background:transparent; border:0;}
.modelstype .card-footer{padding: 4px;background:transparent;}
.modelstype .card-body{padding-top: 0;padding-bottom: 0px;min-height: 60px;}
.modelstype:hover .card {background: #db0b45; box-shadow: 0 0 30px #db0b4540; color:#fff;text-decoration: none!important;}
.modelstype:hover .card h2{ color:#fff;}
.modelstype:hover .card .icon{ color:#fff; }

.bootstrap-datetimepicker-widget .btn{text-align:center;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background:#3214fa;}
.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color:#3214fa;}
.bootstrap-datetimepicker-widget{box-shadow:0 0 15px #ffffff; }
.bootstrap-datetimepicker-widget .table td, .bootstrap-datetimepicker-widget  .table th{border:0; padding:0.3rem;}


.comment{margin: 15px 25px 20px 0px;position: relative;}
.comment .absolutetop{width: 98%;position: absolute;top: -8px;right: 10px;z-index: 2;text-align: right;}

.comment .content{margin: 0 10px;border:1px solid #eee;border-radius:4px;padding: 7px;font-size: 0.75rem;}
.comment .content>*:last-child{margin-bottom:0;}

.nocategory .comment .meta.categorymeta{display:none;}

.comment .meta{font-size:0.7rem;display: inline-block;background: #fff;margin: 0 8px 0 11px;}
.comment .meta .user{font-size:0.7rem;}
.comment .meta .user .avatar{
    font-size: 9px;
    width: 20px;
    height: 15px;
    line-height: 17px;
    margin-right: 5px;
    font-weight: 400;
    border-radius: 6px;
}
.comment .meta .badge{font-size:0.7rem;}
.comment .meta .badge i{margin-right: 4px;}


.card-body .maxheight{height: 400px;overflow-y:auto;}

.googlepoz .gpozition{display:inline-block;width:calc( 100% / 31 );border-top: 1px solid #eee;padding:4px;text-align:center;margin-bottom: 20px;position: relative;text-align: left;padding-left: 7px;height: 56px;margin-top: 29px;font-size: 14px;min-width: 52px;text-align: center;}
.googlepoz .gpozinfo{position:absolute;top: 15px;right: 15px;border: 1px solid #000;width: 30px;height: 30px;line-height: 28px;font-size: 11px;font-weight: 700;opacity: 0.75;border-radius: 100px;overflow: hidden;}

.googlepoz .gpozinfo span.content{ position:absolute; top:0; width:100%; height:100%; text-align:center; opacity:1;}
.googlepoz .gpozition .dat{position:absolute;top: 42px;left: 50%;font-size: 10px;padding:0 3px;transform: translate(-50%, 0%);}
.googlepoz .gpozition .bg{position:absolute;top: -12px;width:100%;height:100%;text-align:center;opacity:0.2;border-radius: 150px;width: 31px;height: 50px;left: 50%;transform: translate(-50%, 0);}

.mobilemenu{display:none;}


@media(max-width: 991px){
    .menu{padding:8px 40px 10px 40px}
   .menu .navarea{/* display:none; */}
   .mobilemenu{position:fixed;top: 3px;left:10px;display:block;background:transparent;border:0;width:30px;height: 30px;padding: 0;z-index: 9999;}
   .mobilemenu:before{content:'';position:absolute;left:0;top: 7px;width:100%;border-top: 2px solid #fff; transition:all .5s;}
   .mobilemenu:after{content:'';position:absolute;left:0;bottom: 7px;width:100%;border-top: 2px solid #fff; transition:all .5s;}
   .mobilemenu span{content:'';position:absolute;left:0;top: 14px;width:70%;border-bottom: 2px solid #fff; transition:all .2s;}

   .usernav{position:fixed;top: 2px;right:0;width: 200px;max-width: 33vw;}
   .menu:after{display:none;}
   .menu .brand{border:0;}
   body{padding-top: 40px;padding-left: 5px;padding-right: 5px;}

   .main-header{margin-right:0;width: 100%;border-top: 1px solid #ffffff36;margin-top:20px;padding-left: 40px;}

   footer, footer .text-right{text-align: center!important;padding: 0 15px;margin-top: 20px;}
   .footer-row span{padding: 5px 2px;}
   .main-header h1{font-size: 17px;}

   .card-header, .card-body, .card-footer{padding-left:10px; padding-right:10px}
   .h2, h2{font-size:1.2rem;}
   .h3, h3{font-size:1.0rem;}

   .appnav{position:relative;left:initial;top:initial;border-bottom:1px solid #0000000f;padding-bottom:13px;margin-bottom:20px;width: 100%;margin-top: 14px;}
   .main-content{margin-left:0; margin-right:0;}

   .main-header .section-header-breadcrumb a{font-size:9px;}
   .main-header .backbtn{padding:11px 6px; }

   .mobilemenuon .navarea{ left:0; }
   .navarea{position:fixed;top: 60px;background:#3214fa;display:block;left:-100vw;padding:20px;transition: all .5s; overflow:hidden; display:block;height: calc( 100vh - 62px);}
   .is-sticky .navarea{top: 38px;height: calc( 100vh - 38px);}
   .mobilemenuon .sidebar-menu li{width:100%;}
   .mobilemenuon .sidebar-menu li a{width:100%;border-bottom: 1px solid #ffffff42;border-radius: 0;color: #fff;}
   .mobilemenuon{overflow:hidden;}
   .mobilemenuon .sidebar-menu li a.dropdown-toggle::after{ position:absolute; right:15px; top:18px;}
   .mobilemenuon .sidebar-menu li.show .dropdown-menu{position: relative!important;top: initial!important;left: initial!important;transform: none!important;width: 100%;border-radius: 0;background: transparent;box-shadow: none;padding: 0 0 0 25px;transition: all .5s;}

    

   .mobilemenuon .mobilemenu:before{left:0;top: 11px;width: 40%;border-top: 2px solid #fff;transform: rotate(-45deg);}
   .mobilemenuon .mobilemenu:after{left:0;bottom: 9px;width: 40%;border-top: 2px solid #fff;transform: rotate(45deg);}
   .mobilemenuon .mobilemenu span{left: 2px;top: 15px;width:70%;border-bottom: 2px solid #fff;}
   .app{overflow:hidden;}
}