/*  Plugin: jSide Menu (Responsive Side Menu)
 *   Frameworks: jQuery 3.3.1 & Material Design Iconic Font 2.0
 *   Author: Asif Mughal
 *   GitHub: https://github.com/CodeHimBlog
 *   URL: https://www.codehim.com
 *   License: MIT License
 *   Copyright (c) 2019 - Asif Mughal
 */
/* File: jquery.jside-menu.css */

:root{ --skin-hover:#bf473b; --skin-color:rgba(255, 255, 255, 0.7); }
.default-skin{ font-size: 14px; font-smooth: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --skin: ; --skin-hover: #bf473b; --skin-color: rgba(255, 255, 255, 0.8);
--theme-color: #2a5995;
--theme-color: linear-gradient(to right, #3466A5, #2a5995);
}
.light-skin{ --skin: #f0f0f0; --skin-hover: #ddd; --skin-color:  #232323; }
.mobile-menu-body.visibility{ visibility: hidden; }
.mobile-menu{ width: 100%; height: 30px; display: block; background: var(--skin); color: var(--skin-color); font-size:22px; }
.mobile-menu-trigger{ position: absolute; -webkit-appearance: none; border: 0; outline: 0; background: transparent; top: 10px; padding: 0 5px; color:#000; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, .2); }
.mobile-menu-trigger:hover{ opacity: 0.8; -webkit-opacity: 0.8; }
.mobile-menu-trigger.left{ left: 20px; top: 20px; border: 2px dashed #000; padding: 4px 9px; background: rgba(0,0,0,0.07); }
.sticky{ position: fixed; top: 0; left: 0; }
.mobile-menu-container{ overflow: auto; display: block; top: 120px; }
.mobile-menu-container::-webkit-scrollbar { width:4px; }
.mobile-menu-container::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.2); }
.mobile-menu-container::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.11); }
.mobile-menu-container::-webkit-scrollbar-thumb:hover { background: #555; }
.position-left{ left: -270px; }
.position-right{ right: -270px; }
.position-left.open{ left: 0; }
.position-right.open{ right: 0; }

.mobile-menu-container,
.mobile-menu-head,
.mobile-menu-left,
.mobile-menu-left.open
.mobile-menu-right,
.mobile-menu-right.open{ transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; }

.mobile-menu-container,
.mobile-menu-head{ background:#2a5995; background: -webkit-linear-gradient(to right, #2a5995, #2a74d3); background: linear-gradient(to right, #2a5995, #2a74d3); position: fixed; z-index: 1000; width: 270px; }
.mobile-menu-head .layer{ background: rgba(0, 0, 0, 0.2); display: block; padding: 15px; }
.mobile-menu-head{height: 120px;box-sizing: border-box;margin: 0px;top: 0;}
.mobile-menu-items {list-style: none;font-size: 14px;}

.dropdown-heading,
.mobile-menu-items li a{ text-decoration:none;padding:10px;display:block;color:var(--skin-color);border-bottom:1px dotted rgba(255, 255, 255, 0.050);margin:0;cursor:pointer;user-select:none;-webkit-user-select:none; }
.mobile-menu-items li.no-sub:hover a{ background:var(--skin-hover); }
/* Icon Style */
.mobile-menu-items li i{ font-size: 16px; margin-right: 10px; }
.dropdown-heading{ -webkit-tap-highlight-color: transparent; }

.dropdown-heading:hover,
.mobile-enu-items li a:hover{ background: var(--skin-hover); }

@keyframes fadeIn{ from{ opacity: 0; -webkit-opacity: 0; } to{ opacity: 1; -webkit-opacity: 1; } }
@-webkit-keyframes fadeIn{ from{ opacity: 0; -webkit-opacity: 0; } to{ opacity: 1; -webkit-opacity: 1; } }

/* Dropdowns */
.has-sub ul{ list-style: none; overflow: hidden; display: none; background: #2a5b9a; }
.has-sub ul li a{ display: block; padding: 12px 22px 12px 0; text-align: right; font-size: 13px; color: #f0f0f0; transition: .1s; -webkit-transition: .1s; border-bottom: 1px dotted #e1e1e1; }
.has-sub ul li a:hover{ background: #2c4c76; transition: .1s; -webkit-transition: .1s; }
.has-sub span{ display: block; box-sizing: border-box; }
.has-sub i.d-arrow{ float: right; margin-right: 10px; transition: 0.360s; font-size: 14px; }
.has-sub .d-arrow.d-down{ transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); transition: 0.360s; -webkit-transition: 0.360s; -moz-transition: 0.360s; }
.col{ display: table; }
.row{ display: table-cell; }
.profile-pic img{ width:200px; height:101px; position:relative; bottom:-4px; left: 32px; object-fit: cover; }

.tagline,
.mobile-menu-head h3{display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tagline{ font-size: 11px; bottom: 32px; display: block; }

/* Dim background effect */
.dim-overlay{ display: none; }
.dim-overlay:before {content: ""; background-color: rgba(0, 0, 0, .4); height: 100vh; left: 0; position: fixed; top: 0; width: 100%; overflow: hidden; z-index: 2; }
.mobile-logo{ display: block; text-align: center; margin-left: auto; margin-right: auto; font-size: 22px; }
.mobile-logo img{ width: 130px; margin-top: 10px; height: auto; }
.mobile-logo a{ text-decoration: none; color: var(--skin-color); }
.mobile-logo a:hover{ color: var(--skin-hover); }