@media only screen and (min-width:1824px) { body { height:100%;  } 
 .page-container { height:100%;  } 
 .footer-widget { position:fixed;  } 
.table th { font-size:13px;  } 
 .table td { font-size:14px;  } 
 .table td.small-cell, .table th.small-cell { width:42px;  } 
 .checkbox label:before { top:1.5px;  } 
.tiles.margin-reset { margin-left:51px;  } 
.demo-map { min-height:100%;  } 
 .error-main { margin-top:40%;  } 
 .visible-xlg { display:block !important;  } 
 .hidden-xlg { display:none !important;  } 
 .cbp_tmtimeline > li .cbp_tmtime { width:24%;  } 
 } 


@media (min-width:1600px) { .visible-xlg { display:block !important;  }  .hidden-xlg { display:none !important;  }  } 

@media (max-width:1400px) { .sales-graph-heading { padding-left:17px; padding-top:30px;  }  } 

@media (max-width:1199px) {
  .wizard-steps {     flex-wrap: wrap;  }
 .wizard-steps li { max-width:50%!important; min-width:50%!important; min-height:80px; margin:10px 0;  } 
 .wizard-steps li .step { float:left; margin-top:0px;  } 
 .wizard-steps li .title p { min-height:auto;  } 
 .wizard-steps li .title { top:0; text-align:left; padding-left:110px;  } 
 .wizard-steps li::before { display:none;  } 


} 

@media (max-width:991px) { .header .header-institution-info { display:none;  }  } 

@media (min-width:1024px) { 
  body.bottom-header .page-sidebar { margin-top:0; margin-bottom:58px;  } 
 .menu-non-fixed .page-sidebar { margin-top:0; padding-top:58px;  } 
 .page-sidebar { display:inline-block; float:left; position:fixed; width:250px; margin-top:58px; padding-bottom:105px; z-index:9;  } 
 .menu-non-fixed .footer-widget { z-index:100;  } 
 .page-sidebar .page-sidebar-wrapper { display:inline-block; float:left; height:100%; max-width:250px; width:100%;  } 
 .page-sidebar.fixed { position:fixed;  } 
 .page-sidebar ul { width:250px;  } 
 .page-content { margin-left:250px; min-height:100%;  } 
 .page-content.no-min-height { min-height:0;  } 
 .full-width-page .page-content { margin-left:0px !important;  } 
 .inner-menu { padding-top:60px;  } 
 /** Const size button for medium devices **/
 .btn-cons-md { min-width:120px;  } 
 .boxed-layout { background-color:#f6f7f8;  } 
 .boxed-layout .container { position:relative;  } 
 .boxed-layout .chat-window-wrapper { position:absolute;  } 
 .boxed-layout .chat-window-wrapper .inner-content .chat-window-wrapper { margin-right:0;  } 
 .horizontal-menu .header-seperation { display:none !important;  } 
 } 

@media screen and (min-width:0\0) { body.open-menu-right .page-container { position:relative; left:-260px;  } 
 body.open-menu-right .header { left:-260px;  } 
 body.open-menu-right .footer-widget { left:-260px;  } 
 body.open-menu-right .scrollup { display:none !important;  } 
 body.open-menu-right .page-content .admin-bar { left:-260px;  } 
 } 

@media (max-width:1023px) { /*** Body ***/ body { margin:0px !important;  } 
.mobile-off { display:none!important;  } 
 .horizontal-menu .page-content { margin-left:0px;  } 
 .header { margin:0 !important;  } 
 .header .nav li.dropdown i { display:inline-block; position:relative; top:1px; right:0px;  } 
 .header .nav { margin-bottom:0px !important;  } 
 .page-container { margin:0 !important; padding:0 !important;  } 
 .fixed-top .page-container { margin-top:0px !important;  } 
 .page-content { margin-top:0;  } 
 .chat-window-wrapper { -webkit-overflow-scrolling:touch;  } 
 .chat-messages { -webkit-overflow-scrolling:touch;  } 
 .tiles { margin-right:0px;  } 
 .tiles.added-margin { margin-right:0px;  } 
 .page-content .admin-bar .admin-bar-inner { margin-right:0px;  } 
 .scrollup { left:235px;  } 
 body.condense-menu .page-content { margin-left:0;  } 
 } 

@media (max-width:1023px) { .not-phone { display:none;  } 
.grid-title h2, .grid-title h3, .grid-title h4 { width:100%; }
 .badge.badge-submenu { right:215px;  } 
 #mobile-logout { display:block;  } 
 #projects-list .project-on-list .project-list-status {  } 
 .grid-title h4 { width:100%; } 
 #home-schedule { padding:0px!important; margin-top:0px!important; }
 .user-info-wrapper { margin:10px 30px 10px 30px !important;  } 
 body.hide-top-content-header .header { width:100%;  } 
 body.hide-top-content-header .page-content .content { padding-top:93px;  } 
 .page-sidebar .page-sidebar-wrapper { display:inline-block; float:left; width:260px; height:100%;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper { width:50px; overflow:visible;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul { background-color:#0aa699;  } 
 .inner-menu-always-open .page-sidebar .slimScrollDiv { overflow:visible !important;  } 
 .inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper { overflow:visible !important;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul { width:50px; margin:0; padding-top:17px; height:100%;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a { padding:13px !important; color:#fff;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li a i { color:#fff;  } 
 .inner-menu-always-open .page-sidebar .user-info { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > p { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .status-widget { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .notification-alert { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.title { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.arrow { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.title { display:inline;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.arrow { display:inline;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.badge { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label { display:none;  } 
 .inner-menu-always-open .page-sidebar .profile-wrapper { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a { background:#0b9c8f;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a { padding:13px;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu { position:absolute; margin-top:-46px; margin-left:50px; width:auto; z-index:100; min-width:250px;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .side-bar-widgets { display:none;  } 
 .inner-menu-always-open .inner-menu { display:inline-block; float:left; margin-top:20px;  } 
 .inner-menu-always-open .page-content { margin-left:0;  } 
 .inner-menu { display:none;  } 
 .page-sidebar.mini-mobile { width:260px;  } 

 .header .navbar-inner .container-fluid { margin-left:10px !important; margin-right:10px !important;  } 
 .header .top-nav .nav { margin-top:0px; margin-right:5px;  } 
 .header .nav > li > .dropdown-menu.notification:after, .header .nav > li > .dropdown-menu.notification:before { margin-right:180px;  } 
 .header .nav > li > .dropdown-menu.notification { margin-right:-180px;  } 
 .header .nav > li > .dropdown-menu.inbox:after, .header .nav > li > .dropdown-menu.inbox:before { margin-right:140px;  } 
 .header .nav > li > .dropdown-menu.inbox { margin-right:-140px;  } 
 .header .nav > li > .dropdown-menu.tasks:after, .header .nav > li > .dropdown-menu.tasks:before { margin-right:90px;  } 
 .header .nav > li > .dropdown-menu.tasks { margin-right:-90px;  } 
 .header-seperation { width:100% !important; z-index:999; text-align:center; min-height:60px; display:block !important;  } 
 .header .notifcation-center { margin-left:15px;  } 
 .row-in-br { border:none;  } 
 .logo { margin-right:auto; margin-left:auto; margin-top:9px;  } 
 .pull-left  .nav.quick-section { display:none!important;  }  
 .page-sidebar { position:fixed; z-index:auto; visibility:hidden; opacity:0; -webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear; transition:visibility 0s linear 0.5s,opacity 0.5s linear; overflow:scroll; -webkit-overflow-scrolling:touch; -webkit-backface-visibility:hidden;  } 
 .page-content .content { padding:8px; padding-top:95px;  } 
 .page-title { margin-bottom:20px;  } 
 .portlet-body.form .form-actions { padding-left:15px;  } 
 .scrollup { right:50px; left:auto; bottom:35px;  } 
 .footer-widget { display:none;  } 
 .form-horizontal .form-actions { padding-left:180px;  } 
 .no-margin-grid .row-fluid [class*="span"] { width:100%!important; margin:0px; margin-bottom:10px;  } 
 .tiles.margin-reset { margin-left:0px;  } 
 .user-profile-pic { text-align:center;  } 
 .user-mini-description h3, .user-mini-description h5 { text-align:center;  } 
 .email-body { padding:8px !important;  } 
 .login-container { padding:0 10px;  } 
 .table td.small-cell, .table th.small-cell { width:42px;  } 
 .error-wrapper { margin-bottom:0px; min-height:624px; height:624px;  } 
 .widget-item.narrow-margin { margin-right:auto;  } 
 .page-content.condensed { margin-left:0px;  } 
 .scrollup { display:none;  } 
 body.boxed-layout .header { width:100%; padding:0 !important;  } 
 body.boxed-layout .container { padding:0; width:100%;  } 
 .inner-menu-always-open .user-info-wrapper { display:none;  } 
 .inner-menu-always-open .page-sidebar .page-sidebar-wrapper { height:auto;  } 
  .horizontal-menu .bar { display:none;  } 
  .horizontal-menu .bar { background-color:#fff;  } 
 .horizontal-menu .bar .bar-inner { display:block; max-height:400px; overflow:scroll; -webkit-overflow-scrolling:touch;  } 
 .horizontal-menu .bar .bar-inner > ul > li { display:block;  } 
 .horizontal-menu .bar .bar-inner > ul > li .classic { position:relative; background-color:transparent; top:0;  } 
 .horizontal-menu .bar .bar-inner > ul > li .mega, .horizontal-menu .bar .bar-inner > ul > li.horizontal { position:relative;  } 
 .horizontal-menu .bar .bar-inner > ul > li > .horizontal { position:relative; top:0; border-bottom:0;  } 
 .horizontal-menu .bar .bar-inner > ul > li > .horizontal li { display:block;  } 
 .chat-window-wrapper { visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;  } 
 } 


@media (max-width:600px) { 
 .wizard-steps li { max-width:100%!important; min-width:100%!important; } 
}

@media (max-width:480px) { 
body.hide-top-content-header .header { width:100%;  } 
 body.hide-top-content-header .page-content .content { padding-top:93px;  } 
 .page-title h3 {  } 
 .page-content .content { padding:8px; padding-top:93px; overflow-x:hidden;  } 
 .tiles.margin-reset { margin-left:0px;  } 
 .column-seperation > div[class*="span"] { border-right:none;  } 
 table th.unseen, table td.unseen { display:none !important;  } 
 .row-fluid { margin-bottom:10px;  } 
 .small { width:100px !important;  } 
 .medium { width:150px !important;  } 
 .large { width:200px !important;  } 
 .huge { width:246px !important; font-size:24px !important; height:36px !important; line-height:36px !important; padding:22px 8px !important;  } 
 select.small { width:114px !important;  } 
 select.medium { width:164px !important;  } 
 select.large { width:214px !important;  } 
 .btn-cons { min-width:110px;  } 
 .btn-large { padding:9px 15px;  } 
 .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display:block;  } 
 .no-more-tables thead tr { position:absolute; top:-9999px; left:-9999px;  } 
 .no-more-tables.table-bordered td { border-left:1px solid #eee; border-bottom:1px solid #eee;  } 
 .no-more-tables td { border:none; border-bottom:1px solid #eee; position:relative; white-space:normal; text-align:left;  } 
 .no-more-tables td:before { position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:bold;  } 
 .no-more-tables td:before { content:attr(data-title);  } 
 .no-more-tables .text-right, .no-more-tables .text-center { text-align:left !important;  } 
 .table-flip-scroll .cf:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;  } 
 .table-flip-scroll * html .cf { zoom:1;  } 
 .table-flip-scroll *:first-child + html .cf { zoom:1;  } 
 .table-flip-scroll table { width:100%; border-collapse:collapse; border-spacing:0;  } 
 .table-flip-scroll th { width:auto !important; border-radius:0px !important;  } 
 .table-flip-scroll th, .table-flip-scroll td { margin:0; vertical-align:top;  } 
 .table-flip-scroll th { text-align:left;  } 
 .table-flip-scroll table { display:block; position:relative; width:100%;  } 
 .table-flip-scroll thead { display:block; float:left;  } 
 .table-flip-scroll tbody { display:block; width:auto; position:relative; overflow-x:auto; white-space:nowrap;  } 
 .table-flip-scroll thead tr { display:block;  } 
 .table-flip-scroll th { display:block;  } 
 .table-flip-scroll tbody tr { display:inline-block; vertical-align:top;  } 
 .table-flip-scroll td { display:block; min-height:1.25em; text-align:left;  } 
 .table-flip-scroll th { border-bottom:0; border-left:0;  } 
 .table-flip-scroll td { border-left:0; border-right:0; border-bottom:0; border-radius:0px !important;  } 
 .table-flip-scroll tbody tr { border-left:1px solid #babcbf;  } 
 /** Profile Page **/ .user-profile-pic { text-align:center;  } 
 .user-mini-description h3, .user-mini-description h5 { text-align:center;  } 
 /** email **/ .email-body { padding:8px !important;  } 
 /** lockscreen **/ .lockscreen-wrapper .profile-wrapper { margin-bottom:8px;  } 
 .image-responsive-width { width:auto;  } 
 .xs-image-responsive-width { width:100%;  } 
 } 

@media (max-width:320px) { 
    .header .nav > li.dropdown .dropdown-toggle { padding-left:8px !important; padding-right:8px !important;  } 
 } 

/*** Retina Display Images **/

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2) { .grid.simple .grid-title .tools a { background:url('../img/icon/portlet-tray-2x.png'); background-size:199px 57px;  } 
 .tiles .controller a { position:relative; background:url('../img/icon/portlet-tray-2x.png'); background-size:199px 57px;  } 
 .widget-item .controller a { position:relative; background:url('../img/icon/portlet-tray-2x.png'); background-size:199px 57px;  } 
 .iconset { background:url('../img/icon/top-trayx2.png') no-repeat; background-size:394px 29px;  } 
 .status-icon { background:url('../img/icon/status2x.png'); background-size:79px 16px;  } 
 .scrollup { background-size:57px 27px;  } 
 .alert .close { background:url("../img/icon/noti-cross-2x.png") no-repeat scroll 0 0 transparent; background-position:-9px -10px; width:10px; height:9px; position:relative; opacity:0.8; background-size:114px 29px;  } 
 .checkbox label::after { top:1.5px;  } 
 } 

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image:none; background-repeat:no-repeat !important; background-size:auto!important;  } 
 .select2-search input { background-position:auto!important;  } 
 } 

@media (min-width:980px) { body.open-menu-right .page-content { position:relative; -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); transform:translateX(-260px);  } 
 body.open-menu-right .header { -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); transform:translateX(-260px);  } 
 body.open-menu-right .page-sidebar { -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); transform:translateX(-260px);  } 
 body.open-menu-right .footer-widget { -webkit-transform:translateX(-260px); -moz-transform:translateX(-260px); transform:translateX(-260px);  } 
 body.open-menu-right .scrollup { display:none !important;  } 
 body.rtl.open-menu-right .page-content { position:relative; -webkit-transform:translateX(260px); -moz-transform:translateX(260px); transform:translateX(260px);  } 
 body.rtl.open-menu-right .header { -webkit-transform:translateX(260px); -moz-transform:translateX(260px); transform:translateX(260px);  } 
 body.rtl.open-menu-right .page-sidebar { -webkit-transform:translateX(260px); -moz-transform:translateX(260px); transform:translateX(260px);  } 
 body.rtl.open-menu-right .footer-widget { -webkit-transform:translateX(260px); -moz-transform:translateX(260px); transform:translateX(260px);  } 
 body.rtl.open-menu-right .scrollup { display:none !important;  } 
 } 

/*** General tablets and phones ***/
@media (max-width:979px) { body.open-menu-left .page-content { -webkit-transform:translate3d(260px, 0, 0); transform:translate3d(260px, 0, 0);  } 
 body.open-menu-left .header { -webkit-transform:translate3d(260px, 0, 0); transform:translate3d(260px, 0, 0);  } 
 body.open-menu-right .page-content { -webkit-transform:translate3d(-260px, 0, 0); transform:translate3d(-260px, 0, 0);  } 
 body.open-menu-right .header { -webkit-transform:translate3d(-260px, 0, 0); transform:translate3d(-260px, 0, 0);  } 
 body.open-menu-right .page-content .admin-bar { display:none;  } 
 } 

@media (max-width:1023px) { #results-quarters-select label { position:relative; float:left; left:0; top:0;  } 


#main-menu-toggle { display:flex; align-items: center; line-height:0; }
#main-menu-home-btn { display:none;}
 #results-quarters-select { margin-bottom:20px;  } 
 .chat-window-wrapper { display:none;  } 
 .chat-window-wrapper.visible { display:block;  } 
 .page-sidebar { display:none;  } 
 .page-sidebar.visible { display:block;  } 
 body.open-menu-right .chat-window-wrapper { visibility:visible; opacity:1; transition-delay:0s;  } 
 body.open-menu-left .page-sidebar { visibility:visible; opacity:1; transition-delay:0s; -webkit-backface-visibility:hidden;  } 
 } 

@media (max-width:460px) { 
  #login-container { margin:15px 0!important; width:100%; position:relative; left:0; top:0;  } 
  #login-container .logo { max-width:280px;  }
  #others-login-options .btn { margin: 6px 3px; width: 100% !important; }
  #login-container #pzForm { display:block; }
 
 }