body{font-family: 'Poppins', sans-serif; font-size: 14px;}
.left-menu{}
.add-edit-section,.add-banner-form{display:none;}
.edit-menu, .edit-banner{cursor:pointer;color:#005aff;}
.delete-menu, .delete-banner, .delete-banner, .delete-banner-group{cursor:pointer;color:#fff;}
section.menu-list,section.bannergroup-list, section.banner-list, section.service-list, section.location-list, section.clinic-list, section.provider-list, section.speciality-list{margin: 0px 0;}
.col-md-9.content-wrapper {width: 60%;}
.add-menu-button, .add-bannergroup-button, .add-banneradd-button, .add-service-button, .add-location-button, .add-clinic-button, .add-provider-button, .add-speciality-button {margin: 0 0 10px;}
.required{border: 1px solid #FF0000;}
.form-control-wrapper {margin: 20px 0;border: 1px solid #cacaca;}
.leftmenu ul {list-style: none;margin-top: 0;background: #eaeaea;padding-top: 2rem;padding-bottom: 2rem;}
.leftmenu ul li {padding: 5px 0;}
.leftmenu ul li a {font-size: 16px;text-decoration: none;}
img.grid {max-width: 50%;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle {
    color: #000;
    border: 1px solid #ced4da;
    background: #fff;
    height: calc(3.5rem + 2px);
}
select#floatingclinic {
    height: 150px;
}
.form-switch {padding-left: 0.5em;}
.form-switch .form-check-input{width: 3em;border: 1px solid #eaeaea;}
.form-check-input{height: 1.5em;margin-top:0px;}
.form-check .form-check-input{float:none; margin-left: 0em;}

.logincontainer{padding: 30px 15px; position: relative; overflow: hidden; background: #312a89 url(../admin-images/admin-bg.jpg); background-size: cover; background-repeat: no-repeat; min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
.logincontainer:after{content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(43, 53, 131, 0.80);}
.logincontainer .logincinner{width: 100%; display: block; position: relative; z-index: 1;}
.logincontainer .loginbrtx{float: left; width: 100%; overflow: hidden; background: #fff; position: relative; padding: 70px 70px 70px 70px; -webkit-border-radius: 30px; border-radius: 20px;}
.logincontainer .loginbrtx .loginbrtxinner{position: relative; z-index: 1;}
.logincontainer .loginbrtx .loginlogo{display: block; text-align: center; margin: 0px 0px 30px 0px;}
.logincontainer .loginbrtx .loginlogo img{max-width: 100%; max-height: 100%;}
.logincontainer .loginbrtx .lgheading{display: block; line-height: 100%; text-align: center; color: #ea8d24; font-size: 26px; font-weight: 600; margin: 0px 0px 30px 0px;}
.logincontainer .loginbrtx .form-group{position: relative; margin-bottom: 25px;}
.logincontainer .loginbrtx .form-group .formgroupinner{display: block; position: relative;}
.logincontainer .loginbrtx .form-group .formgroupinner i{position: absolute; left: 22px; top: 50%; font-size: 20px; color: #ea8d24; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.logincontainer .loginbrtx .form-group .formgroupinner i.icon-envelope{font-size: 14px;}
.logincontainer .loginbrtx .form-group .form-control{background: none; border: 1px solid #ea8d24; height: 56px; font-size: 14px; color: #ea8d24; padding: 4px 15px 4px 50px; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; -webkit-border-radius: 5px; border-radius: 5px;}
.logincontainer .loginbrtx .form-group .form-control:focus{border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.35); box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.35);}
.logincontainer .loginbrtx .form-group .form-control::-moz-placeholder{color:#ea8d24;opacity:1}
.logincontainer .loginbrtx .form-group .form-control:-ms-input-placeholder{color:#ea8d24;}
.logincontainer .loginbrtx .form-group .form-control::-webkit-input-placeholder{color:#ea8d24;}
.logincontainer .loginbrtx .form-group .form-control::-ms-expand{background-color:transparent;border:0}
.logincontainer .loginbrtx .form-group .form-control.error{border-color: red;}

.logincontainer .loginbrtx .loginbtn{border: none; outline: none; width: 100%; background: #ea8d24; position: relative; display: inline-block; padding: 14px 30px 14px 30px; color: #fff; font-size: 16px; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.logincontainer .loginbrtx .loginbtn:hover{background: #2b3583;}

.logincontainer .loginbrtx .form-group input:-webkit-autofill,
.logincontainer .loginbrtx .form-group input:-webkit-autofill:hover,
.logincontainer .loginbrtx .form-group input:-webkit-autofill:focus
.logincontainer .loginbrtx .form-group input:-webkit-autofill,
.logincontainer .loginbrtx .form-group textarea:-webkit-autofill,
.logincontainer .loginbrtx .form-group textarea:-webkit-autofill:hover
.logincontainer .loginbrtx .form-group textarea:-webkit-autofill:focus,
.logincontainer .loginbrtx .form-group select:-webkit-autofill,
.logincontainer .loginbrtx .form-group select:-webkit-autofill:hover,
.logincontainer .loginbrtx .form-group select:-webkit-autofill:focus{-webkit-text-fill-color: #ea8d24; -webkit-box-shadow: 0 0 0px 1000px trasparent inset; transition: background-color 5000s ease-in-out 0s;}

.dashboard{min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;  width: 100%;}
.dashboardcontainer{background: #f4f6fd; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;  width: 100%;}
.sidenav{padding: 0px 0px 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background-color: #2C3583; background-repeat: no-repeat; background-size: 80%; background-position: left bottom; color: #fff; width: 270px;}
.sidenav{position: relative; top: 0; height: 100%; left: 0; overflow: auto; margin-left: 0px; margin-right: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9999;}
.layout-expanded .sidenav{margin-left: -100%;}
.layoutcontainer{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 0; min-width: 0; max-width: 100%; background: #f4f6fd; padding-left: 0px; padding-right: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.layoutcontent{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.layoutcontentinner{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.layoutfooter{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.layoutcontentinner .layoutfzbx{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1;  -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 100%;}
.topuserbx{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 12px 30px 12px 30px; background: #fff; -webkit-box-shadow: 0px 1px 8px rgba(89, 102, 122, 0.10); box-shadow: 0px 1px 8px rgba(89, 102, 122, 0.10);}
.topuserbx .topuserbxleft{display: table-cell; vertical-align: middle; width: 100%;}
.topuserbx .topuserbxright{display: table-cell; vertical-align: middle;}
.topuserbx .topuserbxright .userrighttpimg{display: block; white-space: nowrap; position: relative;}
.topuserbx .topuserbxright .userrighttpimg a{display: inline-block; text-decoration: none; vertical-align: middle;position: relative;}
.topuserbx .topuserbxright .userrighttpimg img{width: 45px; height: 45px; max-width: 45px; border: none; pointer-events: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-object-fit: cover; object-fit: cover;}
.topuserbx .topuserbxright .userrighttpimg a em{font-style: normal; font-size: 14px; color: #56656A; padding-left: 5px; padding-right: 17px; position: relative;}
.topuserbx .topuserbxright .userrighttpimg a em:after{font-family: bootstrap-icons; content: "\f282"; position: absolute; right: 0px; top: 2px; font-size: 12px;}
.topuserbx .topuserbxright .userdrpbx{display: none; z-index: 9; min-width: 210px; margin-top: 10px; position: absolute; right: 0px; top: 100%; background: #fff; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.28); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.28);}
.topuserbx .topuserbxright .userdrpbx:before{content: ""; position: absolute; width: 0; height: 0; top: -9px; right: 10px; margin-left: -5px; border-width: 0 8px 10px; border-color: transparent; border-bottom-color: #fff; border-style: solid;}
.topuserbx .topuserbxright .userdrpbx > ul{display: block; margin: 0px; padding: 10px 0px;}
.topuserbx .topuserbxright .userdrpbx > ul > li{display: block; margin: 0px; padding: 0px; list-style: none;}
.topuserbx .topuserbxright .userdrpbx > ul > li > a{display: block; margin: 0px; padding: 9px 15px 9px 50px; color: #3c3c3c; font-size: 14px; font-weight: 400; text-decoration: none; position: relative; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.topuserbx .topuserbxright .userdrpbx > ul > li > a i{position: absolute; left: 21px; top: 11px; line-height: 100%; font-size: 1.2em;}
.topuserbx .topuserbxright .userdrpbx > ul > li > a:hover{background: #ea8d24; color: #fff;}
.sidenav .navlogo{display: block; margin: 0px 0px 0px 0px; background: #2C3583; text-align: center; padding: 10px 15px; border-bottom: 1px solid #50589b;}
.sidenav .navlogo img{max-height: 100%; max-width: 190px;}
.sidenav ul{display: block; margin: 0px; padding: 5px 0px 0px 0px;}
.sidenav ul li{display: block; margin: 0px; padding: 0px;}
.sidenav ul li a{display: block; margin: 0px; padding: 13px 30px 13px 50px; color: #8c94d9; font-size: 14px; text-decoration: none; position: relative; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.sidenav ul li a:hover{background: rgba(140, 148, 217, 0.15); color: #ea8d24;}
.sidenav ul li a i{position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sidenav .navtext{display: block; color: #a49cff; font-size: 14px; padding: 10px 20px; background: #50589b; border-bottom: 1px solid #50589b;}
.tablebox{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0px; padding: 30px 30px 90px 30px;}

.tableouter{display: block; margin: 0px 0px 0px 0px; overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px;}
.tableouter .table.table-bordered{border-color: #e5f2f7; border-top-color: #2C3583; margin: 0px;}
.tableouter .table.table-bordered thead tr th{border-bottom-width: 1px; background: #2C3583; border-color: #51599c; font-size: 14px; color: #fff; font-weight: 500; padding: 12px 20px 12px 20px; vertical-align: middle;}
.tableouter .table.table-bordered thead tr th span{display: inline-block; cursor: pointer; position: relative; padding-right: 0px;}
.tableouter .table.table-bordered tbody tr td{max-width: 170px; border-color: #fafdff; background: #fafdff; border-left: none; border-right: none; font-size: 13px; color: #6B7583; font-weight: 400; padding: 10px 20px; vertical-align: middle;}
.tableouter .table.table-bordered tbody tr td h1{font-size: 13px; color: #6B7583; font-weight: 400; margin: 0px; padding: 0px;}
.tableouter .table.table-bordered tbody tr td:first-child{border-left: 1px solid #e5f2f7;}
.tableouter .table.table-bordered tbody tr td:last-child{border-right: 1px solid #e5f2f7;}
.tableouter .table.table-bordered tbody tr:nth-child(even) td{background: #f6fcff;}

.tableouter .table.table-bordered tbody tr td .btngroup{display: block; text-align: center; white-space: nowrap;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn{width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 0px; font-size: 1.1em; padding: 7px; -webkit-border-radius: 3px; border-radius: 3px;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn-success{background: #19C563; border-color: #19C563;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn-success:hover{background: #1a7145; border-color: #1a7145;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn-primary{background: #2C3583; border-color: #2C3583;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn-primary:hover{background: #ea8d24; border-color: #ea8d24;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn-danger{background: #fe052f; border-color: #fe052f;}
.tableouter .table.table-bordered tbody tr td .btngroup .btn-danger:hover{background: #C30F35; border-color: #C30F35;}
.tableouter .table.table-bordered tbody tr td img{width: 50px; height: auto; max-height: 100%; border: none;}
.tableouter .table.table-bordered tbody tr td .active{color: #00A651;}
.tableouter .table.table-bordered tbody tr td .inactive{color: #FF2C2C;}

.btn-primary{background: #ea8d24; display: inline-block; font-size: 14px; text-decoration: none; padding: 8px 20px; border: none; outline: none; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.btn-primary:hover{background: #2C3583; color: #fff;}
.btn-primary:hover:focus{background: #2C3583; color: #fff; border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(44, 53, 131, 0.18); box-shadow: 0 0 0 0.25rem rgba(44, 53, 131, 0.18);}
.btn-primary:focus{background: #2C3583; color: #fff; border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(44, 53, 131, 0.18); box-shadow: 0 0 0 0.25rem rgba(44, 53, 131, 0.18);}
.btn-primary:active{background: #2C3583; color: #fff; border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(44, 53, 131, 0.18); box-shadow: 0 0 0 0.25rem rgba(44, 53, 131, 0.18);}
.theme-secondary-btn{background: #2C3583; display: inline-block; font-size: 14px; text-decoration: none; padding: 8px 20px; border: none; outline: none; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.theme-secondary-btn:hover{background: #ea8d24; color: #fff;}
.theme-secondary-btn:focus{background: #ea8d24; color: #fff; border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30); box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30);}
.theme-secondary-btn:active{background: #ea8d24; color: #fff; border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30); box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30);}

.tablebox .text-bg-primary{padding: 12px 20px; font-size: 15px; background: #2C3583 !important; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;}
.tablebox .border.border-primary{padding: 20px; border: 1px solid #e5f2f7 !important; background: #fafdff !important; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;}
.tablebox .add-edit-wrapper{display: block; margin-bottom: 20px;}
.tablebox .form-group{margin-bottom: 20px;}
.tablebox .form-group .form-floating>.form-select{height: 50px; padding: 16px 20px 6px 20px; font-size: 14px; background: rgba(255, 255, 255, 0.9); background-image: url(../admin-images/drop-icon.png); background-repeat: no-repeat; background-position: right center; background-size: 24px auto; border: 1px solid #E4E9DA; font-weight: 400; font-size: 13px; color: #353535; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; -webkit-border-radius: 12px; border-radius: 12px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.tablebox .form-group .form-floating>.form-select:focus{border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30); box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30);}
.tablebox .form-group .form-floating>.form-select::-ms-expand{display: none;}
.tablebox .form-group .form-floating>.form-control{height: 50px; padding: 6px 20px; font-size: 14px; background: rgba(255, 255, 255, 0.9); border: 1px solid #E4E9DA; font-weight: 400; font-size: 13px; color: #353535; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; -webkit-border-radius: 12px; border-radius: 12px;}
.tablebox .form-group .form-floating>.form-control:focus{border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30); box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30);}
.tablebox .form-group .form-floating>label{padding: 14px 20px; font-size: 14px;}
.tablebox .form-group .form-floating>.form-control-plaintext~label, .tablebox .form-group .form-floating>.form-control:focus~label, .tablebox .form-group .form-floating>.form-control:not(:placeholder-shown)~label, .tablebox .form-group .form-floating>.form-select~label{-webkit-transform: scale(.85) translateY(-13px) translateX(0px); transform: scale(.85) translateY(-13px) translateX(0px);}
.tablebox .form-group .tox.tox-tinymce{width: 100% !important; border: 1px solid #E4E9DA;}
.topuserbx .topuserbxleft .NagivationToggle{float: left; color: #312988; font-size: 24px; text-decoration: none;}
.tablebox .uploadsimg .img-fluid{max-width: 100px; max-height: 100px; margin-bottom: 15px;}
.tablebox .form-group .form-floating .bootstrap-select>.dropdown-toggle{height: 50px; padding: 13px 20px; font-size: 14px; background: rgba(255, 255, 255, 0.9); border: 1px solid #E4E9DA; font-weight: 400; color: #353535; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; -webkit-border-radius: 12px; border-radius: 12px;}
.tablebox .form-group .form-floating .bootstrap-select .dropdown-menu li a{font-size: 14px; color: #353535; }
.tablebox .form-group .form-floating .bootstrap-select .dropdown-menu .bs-searchbox .form-control{height: 20px; padding: 6px 20px; font-size: 14px; background: rgba(255, 255, 255, 0.9); border: 1px solid #E4E9DA; font-weight: 400; font-size: 13px; color: #353535; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; -webkit-border-radius: 12px; border-radius: 12px;}
.tablebox .form-group .form-floating .bootstrap-select .dropdown-menu .bs-searchbox .form-control:focus{border-color: #ea8d24; -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30); box-shadow: 0 0 0 0.25rem rgba(246, 139, 0, 0.30);}


.adminpnlsec .dashcolumn{margin-bottom: 25px;}
.adminpnlsec .dashbord-bg{width: 100%; float: left; display: table; margin-top: 0px; position: relative; text-decoration: none;}
.adminpnlsec .dashboardicon{width: 70px; float: left; color: #ffffff; font-size: 22px; text-align: center; padding: 36px 15px; margin-right: 15px; background: rgba(0,0,0,0.24); position: relative; z-index: 12;}
.adminpnlsec .dashbord-bg:after{content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: 1; opacity: 0; visibility: hidden; background-color: #ea8d24; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 11;}
.adminpnlsec .dashbord-bg:hover:after{width: 100%; visibility: visible; opacity: 1;}
.adminpnlsec .dashboardcontent{vertical-align: middle; display: table-cell; overflow: hidden; text-align: left;
color: #ffffff; font-size: 22px; width: 100%; position: relative; z-index: 12;}
.adminpnlsec .dashboardcontent h4{color: #fff; font-size: 16px; margin: 0px 0px 4px 0px;}
.adminpnlsec .dashboardcontent h4 span{display: block; margin-top: 5px;}
.adminpnlsec .dashboardcontent .num{font-size: 16px; line-height: 100%; padding-top: 3px;}
.adminpnlsec .dashbord-bg:before{background: #2C3583; z-index: 10; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

li.dropdown ul {display : none; /*To hide the items while loading the page */  margin-left:65px;}
.sidenav ul li.dropdown a{color:#FFF;}
.sidenav ul li.dropdown a.seo-menu {padding: 5px 3px;}

.updatedesettings{position: absolute; right: 5px; top: 6px; border-radius: 8px;}

@media (max-width: 1199px) {
.adminpnlsec .dashboardcontent h4{font-size: 14px;}
.adminpnlsec .dashboardcontent .num{font-size: 14px;}
}
@media (max-width: 991px) {
.sidenav{width: 220px;}
.topuserbx .topuserbxright .userrighttpimg img{width: 40px; height: 40px; max-width: 40px;}
.topuserbx .topuserbxright .userrighttpimg a em{font-size: 12px;}
.topuserbx .topuserbxright .userrighttpimg a em:after{top: 0px;}
.btn-primary{font-size: 13px; padding: 7px 15px;}
.tableouter .table.table-bordered thead tr th{font-size: 13px; padding: 8px 15px 8px 15px;}
.tableouter .table.table-bordered tbody tr td{font-size: 13px; padding: 8px 15px 8px 15px;}
.tableouter .table.table-bordered tbody tr td h1{font-size: 13px;}
.sidenav .navlogo img{max-height: 150px;}
.topuserbx{padding: 7px 20px 7px 20px;}
.tablebox{padding: 20px;}

}
@media (max-width: 767px) {
.logincontainer{padding: 30px 0px;}
.logincontainer .loginbrtx .loginlogo img{max-height: 60px;}
.logincontainer .loginbrtx .lgheading{font-size: 22px;}
.logincontainer .loginbrtx .form-group .form-control{height: 50px;}
.logincontainer .loginbrtx .loginbtn{font-size: 15px; padding: 12px 30px 12px 30px;}
.tablebox .border.border-primary{padding: 15px;}
.tablebox .text-bg-primary{padding: 8px 15px; font-size: 14px;}
.tablebox .form-group .form-floating>label{padding: 11px 20px; font-size: 13px;}
.tablebox .form-group .form-floating>.form-control{height: 44px; padding: 16px 20px 4px 20px;}
.tablebox .form-group .form-floating>.form-control{height: 44px; padding: 16px 20px 4px 20px;}
.tablebox .form-group .form-floating>.form-control-plaintext~label, .tablebox .form-group .form-floating>.form-control:focus~label, .tablebox .form-group .form-floating>.form-control:not(:placeholder-shown)~label, .tablebox .form-group .form-floating>.form-select~label{-webkit-transform: scale(.85) translateY(-13px) translateX(0px); transform: scale(.85) translateY(-13px) translateX(0px);}
.sidenav{position: fixed; width: 230px; margin-left: -100%;}
.layout-expanded .sidenav{margin-left: 0px;}
.layoutovarlay{position: fixed; top: 0; right: 0; z-index: 88; height: 100% !important; left: 0; display: none; background: #181C21; opacity: .5; cursor: pointer;}
.layout-expanded .layoutovarlay{display: block;}
}
@media (max-width: 575px) {
.logincontainer .loginbrtx{padding: 50px 30px 50px 30px;}
.topuserbx{padding: 7px 15px 7px 15px;}
.tablebox{padding: 15px;}
.adminpnlsec .dashcolumn{margin-bottom: 15px;}
}
