/*desktop*/
#menu_toggle, .navbar-toggler{ display:none;}
@media (max-width: 1200px) { 
#menu_toggle, .navbar-toggler { display:inline-block; vertical-align:middle; margin:13px 5px; }
.page-topbar button{    background:none; border:none; box-shadow:none}
.animated-icon1{width: 30px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.animated-icon1 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: #fff; }
.animated-icon1 span:nth-child(1) {  top: 3px;}
.animated-icon1 span:nth-child(2) {  top: 11px;}
.animated-icon1 span:nth-child(3) {  top: 19px;}
.animated-icon1.open span:nth-child(1) {  top: 11px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.animated-icon1.open span:nth-child(2) {  opacity: 0;  left: -60px;}
.animated-icon1.open span:nth-child(3) {  top: 11px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}

/*header responsive*/
.page-topbar .logo-area .brand{ margin-right:0;}
#TopMenu {    background:#fff;  height:0; display:none;}
#TopMenu.collapse.show { height:auto; min-height:200px; display:block; position:absolute; top:58px; width:100%;}
.page-topbar .quick-area .info-menu.left-links a, .page-topbar .quick-area .info-menu li a.toggle, .page-topbar .quick-area .info-menu li a.toggle_chat, .page-topbar .quick-area .info-menu li a.sidebar_toggle{ color:#ffffff}
.page-topbar .quick-area .info-menu.left-links li{float:none; display:block; clear:both}
.page-topbar .quick-area .info-menu.left-links .dropdown-menu { position:relative !important; transform:none !important; box-shadow: 0 0 5px 0 rgba(33,33,33,.1);}
.page-topbar .quick-area .info-menu{ line-height:inherit; height:auto}
.page-topbar .logo-area{ width: auto}
.page-topbar .quick-area .info-menu.right-links li { padding:0px !important;}
.page-topbar .quick-area .info-menu.right-links li.lang-dropdown span { display:none;}
.page-topbar .quick-area .info-menu.right-links li.lang-dropdown i { vertical-align:middle;}
.page-topbar .quick-area .info-menu.right-links li.lang-dropdown i.fa-globe { font-size:32px; }
#ddlLanguage{margin:0;}
.selectLanguage:after{top:0}
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu::before {border:transparent;}
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu { min-width:365px; font-size:13px; }
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu li {width: 32%;}
.quick-area .navbar-toggler {padding:5px;}
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu::after {right:110px;}
}

@media (max-width: 768px) { 
#menu_toggle, .navbar-toggler { display:inline-block; vertical-align:middle; margin:13px 5px; }
.page-topbar button{    background:none; border:none; box-shadow:none}
.animated-icon1{width: 30px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.animated-icon1 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background: #fff; }
.animated-icon1 span:nth-child(1) {  top: 3px; background: #000;}
.animated-icon1 span:nth-child(2) {  top: 11px; background: #000;}
.animated-icon1 span:nth-child(3) {  top: 19px; background: #000;}
.animated-icon1.open span:nth-child(1) {  top: 11px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.animated-icon1.open span:nth-child(2) {  opacity: 0;  left: -60px;}
.animated-icon1.open span:nth-child(3) {  top: 11px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}

/*header responsive*/
.page-topbar .logo-area .brand{ margin-right:0;}
#TopMenu {    background:#fff;  height:0; display:none;}
#TopMenu.collapse.show { height:auto; min-height:200px; display:block; position:absolute; top:58px; width:100%;}
.page-topbar .quick-area .info-menu.left-links a, .page-topbar .quick-area .info-menu li a.toggle, .page-topbar .quick-area .info-menu li a.toggle_chat, .page-topbar .quick-area .info-menu li a.sidebar_toggle{ color:#ffffff}
.page-topbar .quick-area .info-menu.left-links li{float:none; display:block; clear:both}
.page-topbar .quick-area .info-menu.left-links .dropdown-menu { position:relative !important; transform:none !important; box-shadow: 0 0 5px 0 rgba(33,33,33,.1);}
.page-topbar .quick-area .info-menu{ line-height:inherit; height:auto}
.page-topbar .logo-area{ width: auto}
.page-topbar .quick-area .info-menu.right-links li { padding:0px !important;}
.page-topbar .quick-area .info-menu.right-links li.lang-dropdown span { display:none;}
.page-topbar .quick-area .info-menu.right-links li.lang-dropdown i { vertical-align:middle;}
.page-topbar .quick-area .info-menu.right-links li.lang-dropdown i.fa-globe { font-size:32px; margin-right: 4px; }
#ddlLanguage{margin:0;}
.selectLanguage:after{top:0}
/*side bar responsive*/
.page-sidebar{overflow:visible}
.page-sidebar.pagescroll{ width:60px; transition: all 0.3s ease-in-out 0s; }
.sticky-Preview-header .page-title, .adhocBtn_group-mb { 
    background: #d9d9d9;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    text-align: left !important;
}
.adhocBtn_group-mb { padding: 8px 5px; }
#addDocumentlog .modal-header .text-right { text-align: left !important; }
#addDocumentlog .modal-header button.close { top: -56px !important; }
.listofDocBtns-mb {
    border-bottom: 1px solid #a5a5a5;
    padding: 10px 5px;
    position: fixed;
    left: 0;
    bottom: 6.5%;
    z-index: 100;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 35%);
}
.AdhocListofDocBtns-mb {
    border-bottom: 1px solid #a5a5a5;
    padding: 10px 5px;
    position: fixed;
    left: 0;
    bottom: 6.5%;
    z-index: 100;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 35%);
    text-align: left !important;
    padding: 10px;
}
.AdhocListofDocBtns-mb #btnAttachments { margin-top: 0px; }
.listofDoc-mb .listOfDoc_size { width: 80%; }
/*.sticky-Preview-header .sticky-Preview-btns-wrapper { padding: 10px 5px; white-space: nowrap; overflow-x: auto; }*/
#menu_toggle { display:block; transition: all 0.3s ease-in-out 0s; background: #3055BE; color:#fff; border-radius: 0 5px 5px 0; right: -18px; position: absolute; top: 70px; cursor: pointer; z-index: 14; border: none; box-shadow: 0 0 8px 1px rgba(0, 0, 0, .05); padding:5px;}
#menu_toggle .title{ display: none; position: absolute; width: auto; white-space: nowrap; top: 75px; left: 20px; color: #0060c0; background:#fff; padding:5px 15px; box-shadow: 0 0 8px 1px rgba(0, 0, 0, .05) }
#menu_toggle:hover .title{    display: block;}
.nav-sm .page-sidebar.pagescroll{width:260px; transition: all 0.3s ease-in-out 0s;}
.profile-info .profile-details{ margin:0 -15px;}
.day-count .badge{padding:3px 5px; margin-left:1px;}

#main-menu-wrapper li a{ white-space:inherit; text-overflow:inherit;}
.nav-md #main-content {  margin-left: 70px;}
.page-sidebar-wrapper{ overflow:hidden;}
.main-wrapper{ padding:15px 0 0;}
#main-menu-wrapper li a{ position:relative;}
/*#main-menu-wrapper li a .title{ display:none; position:absolute; top:0; left:55px;}*/
#main-menu-wrapper li a:hover .title{ display:inline-block;}
/*dahboard*/
.db-status { max-width:100%; cursor: pointer; flex:0 0 100%; margin-bottom:10px;}
.db_box, .db_box i{ padding: 5px;}
.db_box .stats h4{ float:left; margin-right:10px; line-height:25px;}

.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu::before {border:transparent;}
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu { min-width:365px !important; font-size:13px; }
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu li {width: 32%;}
.quick-area .navbar-toggler {padding:5px;}
.animated-icon1 {width:26px;}
.page-topbar .quick-area .info-menu .lang-dropdown .dropdown-menu::after {right:110px;}
}