@font-face {
   font-family: 'Glyphicons Halflings';
   
   src: url('fonts/glyphicons-halflings-regular.eot');
   src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

html {
  height: 100%;
}
body {
  min-height: 100%;
  color: #5d5d5d !important;
}

a {
    color: #337ab7;
}
a:active, a:visited, a:hover, a:focus {
	text-decoration: none;
}
a:hover, a:focus {
    color: #3894bf;
}
.alert a {
    color: #e5f0f5;
}
p {
	font-family: "Nunito",sans-serif;
	font-size: 14px;
}
.container-narrow {
    max-width: 800px;
}

.panel-heading-buttons h3 {
    padding-top: 7.5px;
}

.pager-lg {
    font-size: large;
}

.pager-control {
    font-size: x-large;
    padding: 4px 8px;
    cursor: pointer;
}

/* Use to collapse empty button columns */

.hideable {
    min-height: 0px;
}

label.label-switch {
    margin-top: 5px;
}

form textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

/* Utilities from Bootstrap 4 alpha 2. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.2/css/bootstrap.css */

.img-fluid { 
  display: block;
  max-width: 100%;
  height: auto;
}


.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-0 {
  margin: 0 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a-1 {
  margin: 1rem 1rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-r-1 {
  margin-right: 1rem !important;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-a-2 {
  margin: 1.5rem 1.5rem !important;
}

.m-t-2 {
  margin-top: 1.5rem !important;
}

.m-r-2 {
  margin-right: 1.5rem !important;
}

.m-b-2 {
  margin-bottom: 1.5rem !important;
}

.m-l-2 {
  margin-left: 1.5rem !important;
}

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-a-3 {
  margin: 3rem 3rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-l-3 {
  margin-left: 3rem !important;
}

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-a-0 {
  padding: 0 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-1 {
  padding: 1rem 1rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

.p-r-1 {
  padding-right: 1rem !important;
}

.p-b-1 {
  padding-bottom: 1rem !important;
}

.p-l-1 {
  padding-left: 1rem !important;
}

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-2 {
  padding: 1.5rem 1.5rem !important;
}

.p-t-2 {
  padding-top: 1.5rem !important;
}

.p-r-2 {
  padding-right: 1.5rem !important;
}

.p-b-2 {
  padding-bottom: 1.5rem !important;
}

.p-l-2 {
  padding-left: 1.5rem !important;
}

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-a-3 {
  padding: 3rem 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-l-3 {
  padding-left: 3rem !important;
}

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}


/***
 *** 
	
	MAYA METRO BOOTSTRAP UI STYLES

***	
***/

.btn {
    transition: .1s ease-out !important;
    font-family: 'Nunito','Nunito';
}
.btn-info, .btn-primary, .btn-default {
	border-radius: 24px !important;
	box-shadow: none !important;
}
.btn-group.open .dropdown-toggle {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .06) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #22abff !important;
}
.panel > .panel-heading {
    z-index: 2 !important;
}
.panel-primary > .panel-heading {
    background-color: #1ba1e2 !important;
    border-color: #1ba1e2 !important;
}
.panel-danger > .panel-heading {
    background-color: #ce352c !important;
    border-color: #ce352c !important;
}
.panel-success > .panel-heading {
    background-color: #60a917 !important;
    border-color: #60a917 !important;
}
.panel-warning > .panel-warning {
    background-color: #fa6800 !important;
    border-color: #fa6800 !important;
}


/***
 *** 
	
	MAYA ERP STYLES 

***	
***/

.linkbutton {
	background:none!important;
	border:none; 
	padding:0!important;
	font: inherit;
	cursor: pointer; 
	color: #337ab7;
}
.linkbutton:focus {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	  box-shadow: none;
	color: #23527c;
	text-decoration: none;
}
.linkbutton:hover {
	color: #23527c;
	text-decoration: none;
}
.dt-buttons {
	float: right;
}
.dataTables_filter {
	text-align: left !important;
}
.dataTables_info {
	float: left;
}
.dataTables_paginate {
	float: right;
}
.table-responsive.withseparator {
	border-top: 1px solid #ececec;
	margin-top: 10px;
	padding-top: 20px;
}
.showtable {
	display: block !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}
.fullwidthtable {
	width: 100% !important;
}
.square {
	border-radius: 0px;
}
.text-left {
	padding-left: 0px;
}
.footer1 {
	font-size: 11px;
}

.field-help-below {
	font-size: 11px;
	padding-top: 10px;
}

.pace .pace-activity {
    display: none !important;
}
.topbar-logo {
    height: 28px;
    width: auto;
    margin-top: 4px;
}
.navbar-home {
    padding-top: 0px !important;
    background-color: #262d2d !important;
    padding-left: 60px;
    padding-right: 60px;
}

@media only screen and (max-width: 768px) {
	.disappear-on-small {
		display: none !important;
	}
    .topbar-logo {
        margin-top: 10px !important;
        padding-left: 20px;
    }
    #mobile-signup-btn {
        display: block !important;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
	.content {
    	margin: 0 0 -20px 0px;
    }

}

.btn-xs, .btn-group-xs > .btn {
    font-size: 12px;
    font-weight: normal;
}
.sidebar {
	display: none;
}
.tabbed-dashboard-col {
	padding-top: 15px;
}
.panel-body.dark {
	background-color: #F5F6F8;
}
.form-group {
    margin-bottom: 12px;
}

.panel-heading .label {
	text-decoration: none !important;
}
.panel-heading a {
	text-decoration: none !important;
}
.panel-heading .label:hover, .panel-heading .label:active {
	-webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
}

.panel-default {
    border: 0px;
}
.panel {
	border: none;
}

.well {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal {
	border-radius: 12px !important;
	border: none !important;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #000;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
        height: 100%;
        background-color: #37b1ff;
        background: -webkit-linear-gradient(left, #77c4ff, #00b2fe);
  }
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.panel-heading {
	padding: 8px 15px;
    background: #edf3f7;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 2px 10px;
}
.alert {
    margin-bottom: 0px;
}
.alert-info a {
	color: #c6e9ff;
}
.alert-info a:hover {
	color: #f7f7f7;
}
h4 {
	font-size: 16px;
	font-weight: bold;
}
.navbar-right {
	padding-top: 5px;
    padding-right: 20px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: none;
}
.navbar-header {
	padding-right: 20px;
}
.table-responsive {
	overflow-x: visible;
}
.btn-default {
	color: #656565;
}

/********
	Mobile Navigation Menu - Jasny Bootstrap
*******/
@media (min-width: 0px) and (max-width: 768px) {
  .navbar-header {
    float: none !important;
  }
  .navbar-toggle {
    display: block !important;
    margin-top: 10px;
  }
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccd7e7;
}


/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
  font-size: 14px;
  line-height: 25px;
  color: #666;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.navbar-brand {
    padding: 14px 15px;
}
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #09101b !important;
    border-color: #09101b !important;
}
@media (max-width: 979px) {
    .modal.fade.in {
        top: 30% !important;
    }
}
.label {
    padding: 0.4em 1em 0.4em;
}
.has-feedback label ~ .form-control-feedback {
    display: none !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #37b1ff;
    border-color: #37b1ff;
}