/*
CRM Application CSSThis has been implemented to replace the original application.css and remove the styles that are no longer
required by the application.
*/

/* Print CSS */
@media print{
	#leftNav{display: none !important;}
	#topBar{display: none !important;}
	#main{width: 100% !important; height: auto !important; margin-left: 0 !important; border: 0 !important;}
	#main_content{height: auto !important;}
	body{overflow: auto !important; background-color: #ffffff !important;}
}

/* a class of 'print_mode' can be added to the body to produce the same effect of print mode
body.print_mode #leftNav{display: none !important;}
body.print_mode #topBar{display: none !important;}
body.print_mode #main{width: 100% !important; height: auto !important; margin-left: 0 !important; border: 0 !important;}
body.print_mode #main_content{height: auto !important;}
body.print_mode{overflow: auto !important}
/* END Print CSS */

body{
  height: 100%;
  overflow-y: hidden;
  background-color: #494949 !important;
  font-family: 'Open Sans' !important;
}
#site{
  content: " ";
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.topbar-message{
  padding: 4px 8px !important;
  border-radius: 3px !important;
}
.topbar-message .close{
  position: absolute;
  top: 0 !important;
  right: 3px !important;
  bottom: 0;
}

.no-padding{
	padding: 0 !important;
}
.no-padding-left{
	padding-left: 0 !important;
}
.no-padding-right{
	padding-right: 0 !important;
}
.no-margin{
	margin: 0 !important;
}
.no-gutter{
	padding: 0 !important;
	margin: 0 !important;
}


.ams{
  color: #7B00FF;
}
.crm{
  color: #A31010;
}
.cms{
  color: #236B06;
}
.none{
  color: #bbb;
  cursor: not-allowed;
}

body.no-ajax-loading #ajaxLoading{
    display: none !important;
}
#ajaxLoading{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0,0,0,0.7);
  z-index: 50000;
  line-height: 100vh;
  vertical-align: middle;
  text-align: center;
}
#forceCloseAjaxLoading{
  position: absolute;
  top: 5px;
  right: 30px;
  font-size: 14px;
  color: rgba(0,0,0,0.7);
  outline: 0;
  cursor: pointer;
}
#ajaxLoading .ajaxLoadingIcon,
#ajaxLoading span{
  position: fixed;
  top: 0;
  left: 0;
  line-height: 100vh;
  height: 100vh;
  vertical-align: middle;
  width: 100vw;
  text-align: center;
  color: rgba(255,255,255,1);
}
#ajaxLoading .ajaxLoadingIcon{
  font-size: 140px;
  -webkit-animation: fa-spin 1.5s infinite linear;
  animation: fa-spin 1.5s infinite linear;
}
#ajaxLoading span{
  font-size: 16px;
}


/* Top Navigation Buttons  */
.pigNav #menuCompanySearch{ display: block; float: left; list-style: none; width: 150px }
.pigNav #menuCompanySearch .dropdown-menu{ min-width: 350px; margin-top: 0; }
.pigNav #menuCompanySearch a {border-radius: 0}
.pigNav a {margin-left: 0 !important;}
@media(max-width: 480px){
  .pigNav #menuCompanySearch .dropdown-menu{ min-width: 225px; }
}
.pigNav .menuCompanySearchSearchHeader { background-color: #337ab7; color: #fff; padding: 3px 20px; float: left;}
.pigNav .menuCompanySearchInput { padding: 9px 20px 3px 20px; }
.pigNav .menuCompanySearchRow { text-align: right; float: right; }
.pigNav .menuCompanySearchRow a { padding: 6px 20px; }
.pigNav .fa-home{padding: 3px 0;}
.pigNav .nav_home{ text-align: center; padding: 0; }
.pigNav .text-right{ height: 34px; padding-top: 3px; }
.pigNav .text-right .dropdown-menu { margin-top: 0; right: 0; left: auto }
.tt-dropdown-menu{ max-width: calc(100vw - 5px); max-height: 250px; overflow-y: auto; }
.pigNav, .pigNav > div > ul  {  background-color: #337ab7; }
.pigNav > div > ul > li > a { color: white; }
/*.pigNav > div > ul > li > a:hover { background-color: #000000; }*/
.pigNavGroup > a.btn { color: red; }
.button-action {min-width: 150px;border-color:white;border-top:none;border-bottom:none;border-radius:0px;}
.button-option {border-right:none;border-top:none;border-bottom:none;border-color:white;border-radius:0px;}
.button-chevron {border-left:none;border-right:none;border-top:none;border-bottom:none;border-color:white;border-radius:0px;}

/* Breadcrumbs */
#pigCrumbs { height: 38px;background-color:#444;padding: 4px 10px;margin: 0; border-left: 1px solid #333; border-top: 1px solid #333; border-top-left-radius: 5px; }
#pigCrumbs > .breadcrumb{ margin-bottom: 0; height: 28px; padding: 3px 15px; background-color: transparent; }
#pigCrumbs > .breadcrumb > li{ line-height: 22px; }
#pigCrumbs > .breadcrumb > li a{ color: #aaa; }
#pigCrumbs > .breadcrumb > .active{ color: #fff; }
#pigCrumbs > div.icons { float: right;}
#pigCrumbs > div.icons i {margin-left: 15px;}

/* Page Title */
.pigCrumbs { height: 34px;background-color:#efefef;padding:4px 15px;margin: 0 0 10px 0;border-bottom: 1px solid #ddd; font-size: 16px; }

/*topbar*/
#topBar{
  height: 40px;
  width: 100%;
  position: relative;
}
#top_logo,
#top_icons{
  position: relative;
  height: 40px
}
#top_logo{
  float: left;
}
#logo_contain{
  position: relative;
  height: 40px;
  padding: 3px;
}
#logo_contain img{
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  border: 0;
}
#top_icons{
  float: right;
  min-width: 50px;
}
#icons_contain{
  width: 100%;
  height: 100%;
}
#icons_contain .top_icon{
  color: #848484;
  float: left;
  position: relative;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  font-size: 22px;
  height: 40px;
}
#icons_contain .top_icon > a{
  height: 40px;
  width: 50px;
  display: block;
  color: #848484;
  transition: all .2s linear;
}
#icons_contain .top_icon .badge{
  font-size: 12px !important;
}
#icons_contain .top_icon > a:hover,
#icons_contain .top_icon.open{
  color: #F08113 !important;
}
#icons_contain .top_icon.open > a{
  color: #F08113 !important;
}
#icons_contain .top_icon .dropdown-menu{
  right: 0;
  top: 40px;
  left: auto;
}

#top_search_contain{
  overflow: hidden;
  position: relative;
  float: left;
  top: 5px;
  width: 220px;
  max-width: calc(100vw - 253px);
  height: 36px;
  transition: all .2s ease;
}
#top_search_contain input{
  position: relative;
  width: 220px;
  height: 30px;
  outline: 0 !important;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
  background-color: #f5f5f5;
  transition: width .2s linear;
}
#top_search_contain input:focus{
  border-color: #ddd;
}
#top_search_contain .twitter-typeahead{
  float: right;
  outline: 0 !important;
}
#top_search_contain .search_close{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  width: 20px;
  line-height: 36px;
  color: #848484;
  z-index: 100;
  cursor: pointer;
}
#top_search_contain .search_close:hover{
  color: #333;
}
#top_search_contain .tt-dropdown-menu{
	position: fixed !important;
	left: auto !important;
	right: 0 !important;
	top: 36px !important;
	width: 440px !important;
	z-index: 1000 !important;
}


/* Left Navigation */
#leftNav{
  width: 40px;
  position: fixed;
  left: 0;
  top: 40px;
  height: calc(100vh - 40px);
  min-height: calc(100vh - 40px);
  max-height: calc(100vh - 40px);
  padding: 5px 0 0 0;
  margin: 0;
  outline: 0;
  border: 0;
  z-index: 1030;
}

#site.nav_expand #leftNav{
  width: 130px;
}
#site.nav_expand #leftNav .menu_button a{
	height: 40px;
}
#site.nav_expand #leftNav .menu_button .menu_button_icon{
	width: 40px;
}
#site.nav_expand #leftNav .menu_button .menu_button_icon i{
  font-size: 18px;
}
#site.nav_expand #leftNav .menu_button .menu_button_icon i:before,
#site.nav_expand #leftNav .menu_button .menu_button_icon i{
  line-height: 50px;
	height: 50px;
	display: block;
}
#main{
  float: left;
  margin-left: 40px;
  width: calc(100vw - 40px);
  height: calc(100vh - 40px);
  overflow: auto;
  background-color: #494949;
}
#main_content{
  position: relative;
  padding: 0;
  width: 100%;
  height: calc(100vh - 78px);
  overflow: auto;
  background-color: rgb(246,246,246);
}
#main_content .container-fluid{
	padding-top: 10px;
}
#site.nav_expand #main{
  margin-left: 130px;
  width: calc(100vw - 130px);
}

#leftNav .nav_state{
  text-align: center;
  padding: 0 3px;
  float: left;
  width: 100%;
}
#leftNav .nav_state_action{
  color: #848484;
  font-size: 24px;
  display: block;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 50px;
  vertical-align: middle;
  transition: all .1s linear;
}
#leftNav .nav_state_action i{
	font-size: 16px;
}
#site.nav_expand #leftNav .nav_state_action .expand_arrow{
	width: 30px;
	font-size: 18px;
}
#leftNav .nav_state_action:hover{
  color: #F08113;
}
#leftNav .nav_state_action .expand_arrow{
  width: 30px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  float: left;
  text-align: center;
}
#leftNav .expand_arrow:before{
  content: "\f178";
}
#site.nav_expand #leftNav .expand_arrow:before{
  content: "\f177";
}
#user_contain .menu_buttons{
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#user_contain .badge-error{
  background-color: #CC2929;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 5px !important;
  position: absolute;
  top: 2px;
  right: 2px;
}
#user_contain .dropdown-menu > li > a{
  position: relative;
}
#user_contain .dropdown-menu .badge-error{
  top: 5px;
  right: 4px;
}

#leftNav .menu_button{
  width: 100%;
  padding: 0;
  cursor: pointer;
  z-index: 5000;
  float: left;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
#leftNav .menu_button.active{
  border-left-color: #BD6106;
  background-color: rgba(213, 213, 213, 0.66);
}
#leftNav .menu_button.active .menu_button_icon,
#leftNav .menu_button.active .menu_button_text{
  color: #F08113;
}
#leftNav .menu_button_icon{
  color: #aaa;
  width: 33px;
  height: 36px;
  line-height: 36px;
  float: left;
  display: block;
  vertical-align: middle;
  text-align: center;
}
#leftNav .menu_button_icon i{
	font-size: 16px;
}
#leftNav .menu_button:hover .menu_button_icon,
#leftNav .menu_button:hover .menu_button_text{
  color: #F08113;
}

#leftNav .menu_button > a{
  text-decoration: none;
  color: inherit;
  display: block;
  float: left;
  width: 100%;
  height: 36px;
  padding: 0;
}
#leftNav .menu_button_text{
  display: none;
  width: 87px;
  float: left;
  color: #848484;
  font-size: 12px;
  line-height: 50px;
  vertical-align: middle;
  padding: 0 0 0 6px;
	white-space: nowrap;
}
#site.nav_expand .menu_button_text{
  display: block;
}

#leftNavExpand{
  display: none;
  position: absolute;
  top: -9999px;
  left: -9999px;
  -webkit-box-shadow: inset 0px 0px 5px 0px #204D74;
  -moz-box-shadow: inset 0px 0px 5px 0px #204D74;
  box-shadow: inset 0px 0px 5px 0px #204D74;
  border: 1px solid #204D74;
  border-left: 0;
  background-color: #337ab7;
  border-radius: 0;
  color: #fff;
  padding: 0;
  min-width: 50px;
  max-height: 100%;
  overflow: auto;
}
#leftNavExpand.open{
  display: block;
}
#leftNavExpand.hover-open{
  display: block;
}
#leftNavExpand .list-group{
  width: 100% !important;
}
#leftNavExpand #LeftNavGroup_actionButton{
  padding: 15px;
}
#leftNavExpand .leftNavExpandGroup{
  padding: 0;
  display: none;
}
#leftNavExpand .leftNavExpandGroup .list-group{
  margin: 0;
}
#leftNavExpand .leftNavExpandGroup .list-group-item{
  border-radius: 0;
  color: #fff;
  border: 0;
  background-color: inherit;
}
#leftNavExpand .leftNavExpandGroup .list-group-item:hover{
  background-color: #fff;
  color: #337ab7;
}
#leftNavExpand .leftNavExpandGroup.showing{
  min-width: 250px;
  display: block;
}

/*jquery scrollbar*/
#leftNav .mCSB_inside > .mCSB_container {
  margin-right: 1px !important;
}
#leftNav .mCSB_scrollTools {
  width: 0 !important;
}
/* scrollbar back drop */
#leftNav .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0);
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
#leftNav:hover .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  filter: "alpha(opacity=10)";
  -ms-filter: "alpha(opacity=10)";
}
/* scrollbar scroll button */
#leftNav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0);
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
#leftNav:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.3);
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
#leftNav #menuCompanySearch .dropdown-menu{
  top: 0;
  left: 50px;
}
#leftNav .mCSB_1_container .menu_button,
#leftNav .mCSB_1_container{
  z-index: 3000;
}
#leftNav .mCSB_1_scrollbar_vertical{
  z-index: 500;
}
#leftNavExpand .navQuickSearchWrap{
  margin: 0;
  padding: 5px 0;
  float: left;
  width: 270px;
}
#leftNavExpand .tt-dropdown-menu{
  width: 250%;
}
#leftNavExpand .divider{
  display: block;
  width: 100%;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  float: left;
}
#leftNavExpand .menuCompanySearchInput {
  position: relative;
  padding: 0 0 5px 0;
  display: block;
  list-style: none;
  float: left;
  width: 250px;
}
/* xs */
@media(max-width: 767px){
  #leftNavExpand .menuCompanySearchInput{
    width: 200px;
  }
  #leftNavExpand .navQuickSearchWrap{
    width: 220px;
  }
}
#leftNavExpand .menuCompanySearchRow {
  display: block;
  list-style: none;
  text-align: left;
  float: left;
  width: 100%;
  padding: 0;
}
#leftNavExpand .menuCompanySearchInput .typeahead{
  width: 250px;
}
#leftNavExpand .menuCompanySearchRow a {
  width: 100%;
  display: block;
  padding: 5px 6px;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}
#leftNavExpand .menuCompanySearchButton{
  position: absolute;
  top: 18px;
  right: 10px;
  list-style: none !important;
}
#leftNavExpand .menuCompanySearchButton a{
  float: right;
  line-height: 39px;
  vertical-align: middle;
  padding: 0 6px;
  color: #fff;
}
#leftNavExpand .menuCompanySearchRow a:hover{
  background-color: #fff;
  color: #337ab7;
}

/* xs */
@media(max-width: 767px){
  #leftNavExpand .tt-dropdown-menu{
    width: 100%;
  }
  #leftNavExpand .menuCompanySearchInput .typeahead{
    width: 200px
  }
}

/* end left nav */


/* Dashboard */
.dashboard-row {
    width: 100%;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.dashboard #action-bar {
    left: -15px;
    top: 0px;
    min-height: calc(100vh - 95px);
    /* width: 250px; */
    background-color: #005A78;
    transition: left .6s linear;
    z-index: 1000;
    padding: 10px 15px;
    display: none;
  }
/* xs */
@media(max-width: 767px){
  .dashboard #action-bar{
    min-height: calc(50vh - 95px);
    max-height: calc(50vh);
    overflow-y: auto;
    left: 0;
  }
}

.dashboard .action-bar.active {
    display: inline !important;
    position: relative !important;
}
.dashboard .action-button-section{
  padding-bottom: 10px;
  float: left;
  border-bottom: 2px solid #eee;
}
.dashboard .action-button-section:last-child{
  padding-bottom: 0;
  border-bottom: 0;
}
.dashboard  .action-bar-header {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: -2px;
    border-bottom: 2px #eee solid;
}
.dashboard .action-bar-header div {
    float: right;
}
.dashboard .action-bar-header p {
    color: #eee;
    font-weight: bold;
    font-size: 1.2em;
}
.dashboard .action-bar-header i {
    color: #eee;
}
.dashboard .action-group-title p {
    font-size: 1.2em;
    color: #ddd;
    padding-top: 10px;
    float: left;
    width: 100%;
}
.dashboard #action-buttons .action-button-widget {
    margin: 0 0 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0;
    background-color: cornflowerblue;
    transition: background-color .2s linear;
    cursor: pointer;
}
.dashboard #action-buttons .action-button-widget:hover {
    background-color: #4C7DD4;
}
.dashboard #action-buttons p.title {
    color: #eee;
    font-weight: bold;
    font-size: 1.1em;
    padding: 3px;
    border-bottom: 1px solid #ddd;
}
.dashboard #action-buttons p.description {
    font-size: 13px;
    padding: 3px;
    color: #eee;
}
.dashboard #new-widget-block {
    background-color: #eee;
    height: 100px;
    margin: 5px;
    padding: 5px;
    visibility: hidden;
}
.dashboard #new-widget-block button {
    height: 100%;
    width: 100%;
    background-color: #eee;
    border: 2px dashed #ddd;
    padding: 0;
    margin: 0;
    outline: 0;
    color: #ccc;
    transition: all .25s ease;
}
.dashboard #new-widget-block button:hover {
    border-color: #aaa;
    color: #aaa;
}
.dashboard #new-widget-block button i {
    border: 0;
}
.dashboard-chart > svg {
    width: 100% !important;
}
.dashboard-table th, .dashboard-table td  {
    font-size: 0.9em;
    border: 0;
    padding: 2px;
}


/* Column Shades */
.shade-blue {
    border-right: 1pt solid #eee;
}

.shade-green {
    border-right: 1pt solid #eee;
}

/* Page Settings */
.page-body {
    background-color: ghostwhite;
}
.pmps-code-entry {
    text-transform: uppercase !important;
}

hr {
    color: cornflowerblue;
    height: 5px !important;
    width: 80%;
}

.topbar {
    background: #000000;
    border-bottom: solid 2px #EEE;
    padding: 3px 0;
    text-align: center;
    color: white;
    font-size: 1.3em;
}

#menuCompanySearch.hover-open > .dropdown-menu{
  display: block;
}

.searchNavBar{
  padding: 15px !important;
}
.searchNavBar > div{
  padding: 0;
}


#errorModal .modal-header {
    background-color: #d9534f !important;
}

.tt-dropdown-menu .tt-suggestion.tt-cursor {
  background-color: #eee;
}

/*menu pages */
.menu-box-item{
  padding: 10px;
  position: relative;
}
.menu-box{
  position: relative;
  background-color: #fff;
  display: block;
  border: 1px solid #e4e4e4;
  height: 250px;
  overflow: hidden;
  /*transition: background-color .2s ease-in-out;*/
}
.menu-box-border{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .3s ease-in-out;
}
.menu-box:hover .menu-box-border{
  width: 100%;
  background: #F08113;
}
.menu-box-icon{
  padding: 15px 20px 0 20px;
  text-align: center;
  color: #F08113;
}
.menu-box-icon-contain{
  font-size: 40px;
}
.menu-box-title{
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  padding: 0 15px 10px 15px;
  max-height: 74px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.menu-box-desc{
  font-size: 14px;
  text-align: center;
  padding: 0 15px 10px 15px;
  height: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #848484;
}
.menu-box-desc p,
.menu-box-title p{
  margin: 0;
}
.menu-box-link{
  position: absolute;
  bottom: -30px;
  left: 0;
  overflow: hidden;
  width: 50%;
  margin: 0 25%;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  vertical-align: middle;
  transition: all .2s ease-in-out;
  border-radius: 5px;
}
.menu-box-link a{
  padding: 0;
  text-decoration: none !important;
  color: #fff;
  display: block;
  transition: color .2s ease;
}
.menu-box:hover{
  background-color: #f5f5f5;
}
.menu-box:hover .menu-box-link{
  bottom: 15px;
  background-color: #F08113;
}
.menu-box:hover .menu-box-link > a{
  color: #fff;
}
.menu-box-link-wrapper{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/*end menu pages */

.badge-total-messages{
  position: absolute;
  top: 5px;
  right: 5px;
	padding: 3px 6px !important;
	font-weight: normal !important;
}

/* datetimepicker fix */
.bootstrap-datetimepicker-widget .col-md-6{
	width: 50% !important;
}
.bootstrap-datetimepicker-widget .disabled{
	opacity: 0.5 !important;
	background-color: #ecebeb !important;
	border-radius: 0 !important;
}

/* Pager Div */

/* select 2 dropdown arrow */
/* removed due to bad functinality */
/*.select2-container:before {
  content: "\25BE";
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 20px;
  line-height: 32px;
}/*


/* success / error  marks for tick/cross icons */
.green-mark	{ color: #069206; }
.red-mark		{ color: #ff0000; }
.green-mark-bg	{ background-color: #069206; color: #fff; }
.red-mark-bg	{ background-color: #ff0000; color: #fff; }

.no-results{
	color: #777;
	text-align: center;
	margin: 15px 0;
}

.font-weight-bold {
  font-weight: bold;
}




/* SLIDERS ..... */
.slidein{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0,0,0,0.45);
  z-index: 9001; /* VERY IMPORTANT is LESS than 10000 */
  opacity: 0;
  transition: opacity .5s ease;
}
.slidein-content{
  position: fixed;
  right: -100vw;
  width: 55%;
  height: 100vh;
  box-shadow: 0 0 20px #000;
  background-color: #fff;
	overflow-y: auto;
  transition: right .5s ease;
}
/* xs */
@media(max-width: 767px){
  .slidein .slidein-content{
    width: 80%;
  }
}
/* small */
@media(min-width:768px) and (max-width: 991px){
  .slidein .slidein-content{
    width: 600px;
  }
	.slidein.slidein-medium .slidein-content,
	.slidein.slidein-md .slidein-content{
    width: 750px;
  }
  .slidein.slidein-small .slidein-content,
  .slidein.slidein-sm .slidein-content{
    width: 550px;
  }
  .slidein.slidein-xsmall .slidein-content,
  .slidein.slidein-xs .slidein-content{
    width: 400px;
  }
}
/* medium */
@media(min-width: 992px) and (max-width: 1199px){
  .slidein .slidein-content{
    width: 70%;
  }
	.slidein.slidein-medium .slidein-content,
	.slidein.slidein-md .slidein-content{
    width: 750px;
  }
  .slidein.slidein-small .slidein-content,
  .slidein.slidein-sm .slidein-content{
    width: 50%;
  }
  .slidein.slidein-xsmall .slidein-content,
  .slidein.slidein-xs .slidein-content{
    width: 400px;
  }
}
/* large */
@media(min-width: 1200px){
	.slidein .slidein-content{
	  width: 70%;
	}
  .slidein.slidein-medium .slidein-content,
  .slidein.slidein-md .slidein-content{
    width: 750px;
  }
  .slidein.slidein-small .slidein-content,
  .slidein.slidein-sm .slidein-content{
    width: 550px;
  }
	.slidein.slidein-xsmall .slidein-content,
  .slidein.slidein-xs .slidein-content{
    width: 400px;
  }
}
.slidein.slidein-large .slidein-content,
.slidein.slidein-lg .slidein-content{
	width: calc(100% - 56px);
}
.slidein.active .slidein-content{
  right: 0;
}
.slidein.active{
  display: block;
  opacity: 1;
}
.slidein .slidein-body{
  float: left;
  width: 100%;
  padding: 20px;
  height: calc(100vh - 120px);
  max-height: calc(100vh - 120px);
  overflow: auto;
  background-color: #fff;
}
.slidein .slidein-header{
  float: left;
  width: 100%;
  background-color: #0086b3;
  padding: 10px;
  margin: 0;
  height: 60px;
  max-height: 60px;
  overflow: hidden;
}
.slidein .slidein-title{
  text-align: center;
  color: #fff;
	font-size: 18px;
	margin: 10px 0;
}
.slidein .slidein-close{
  float: left;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  background-color: #e8e8e8;
  outline: 0;
  font-size: 16px;
  transition: all .3s ease;
}
.slidein .slidein-close:hover{
  background-color: #dedede;
  border-color: #ccc;
}
.slidein .slidein-footer{
	float: left;
	width: 100%;
	height: 60px;
	border-top: 1px solid #ccc;
	padding: 15px;
	text-align: right;
	background-color: #f5f5f5;
}
.slidein .slidein-body .slidein-footer{
	background-color: transparent;
}
.slidein.slidein-nofooter .slidein-body{
	height: calc(100vh - 60px);
  max-height: calc(100vh - 60px);
}
/* end slideins! */

.form-control, .form-control-alt{
	margin-bottom: 2px;
}
/* select 2 */
.select2{
	 width: 100% !important;
	 margin-bottom: 2px !important;
}
.select2 .select2-selection{
	 border-radius: 0 !important;
	 border-color: #ccc !important;
	 font-size: 12px !important;
}
.select2 .select2-selection__rendered{
	padding-left: 10px !important;
}
.select2-selection{
	outline: 0 !important;
	-webkit-transition: border-color ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s;
}
.select2.select2-container--open .select2-selection{
	border-color: #F08113 !important;
}
.select2-results__options .select2-results__option,
.select2-search__field{
	font-size: 12px !important;
}
.deleting,
.deleting > td{
	background-color: #ef6868 !important;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  background-color: #f5f5f5;
}
.select2-results__group{
	text-align: center;
	background-color: #f5f5f5;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

/* address form */
.address-form .content-group{
	float: left;
	width: 100%;
}
.address-form .form-group{
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}
.address-form .content-row{
	padding: 0 5px 5px 5px;
}
.address-form .required-marker {
  margin-left: 3px;
  color: #f00;
  font-size: 14px;
}
.address-form .control-label{
	float: left;
	width: 120px;
	padding-right: 10px !important;
}
.address-form .control-value{
	float: left;
	width: calc(100% - 120px);
}
@media(max-width: 767px){
	.address-form .content-row{
		width: 100%;
	}
}
/* end address form */


/* permission error box */
.permissions_error{
	position: fixed;
	bottom: 20px;
	left: 50%;
	left: calc(50% - 250px);
	width: 500px;
	padding: 0 !important;
	z-index: 999999;
	border-width: 3px !important;
}
.permissions_error .error_icon{
	display: table-cell;
	width: 50px;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	background-color: #a94442;
	color: #fff;
}
.permissions_error .error_icon i{
	width: 50px;
	vertical-align: top;
	color: #fff;
}
.permissions_error .error_text{
	display: table-cell;
	width: 450px;
	vertical-align: top;
	padding: 0 !important;
	word-wrap: break-word;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.permissions_error .error_close{
	position: absolute;
	right: 0;
	top: 0;
	color: #a94442;
	background-color: transparent;
	border: 0;
	padding: 0;
	outline: 0;
	height: 15px;
	width: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 12px;
}
@media(max-width: 550px){
	.permissions_error{
		left: 0;
		width: 100%;
	}
}
/* end permission error box */


/* custom checbox */
/*
HTML to use - note the input and labels MUST be in this order otherwise it WILL NOT WORK
<input type="checkbox" class="pmps-checkbox" id="checkbox_unique_ud">
<label for="checkbox_unique_ud" class="pmps-checkbox-checkbox"></label>
<label for="checkbox_unique_ud" class="pmps-checkbox-label">Label of my checkbox</label>
*/
.pmps-checkbox{
	display: none;
}
.pmps-checkbox-label{
	cursor: pointer;
	float: right;
	line-height: 24px;
	margin: 0 5px;
	user-select: none;
}
.pmps-checkbox + .pmps-checkbox-checkbox{
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	margin: 3px 0 0 0;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
.pmps-checkbox-checkbox:hover:after{
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 18px;
	line-height: 20px;
	text-align: center;
	color: #dcdada;
}
.pmps-checkbox:checked + .pmps-checkbox-checkbox:after{
	content: '\2714';
	font-size: 12px;
	position: absolute;
	top: -1px;
	left: -1px;
	height: 20px;
	width: 20px;
	line-height: 18px;
	text-align: center;
	background-color: #13a018;
	border: 1px solid #046f08;
	color: #fff;
	border-radius: 2px;
}
/* end custom checkbox */

/* page heading */
.page-heading{
  font-size: 28px;
  padding: 0 20px;
  margin: 10px 0 25px 0;
}
.page-heading i{
  color: #777;
  margin-right: 4px;
}
/* end page heading */

/* colour coded text*/
.action-pill    { display: block; float: left; padding: 0; border-radius: 3px; color: #fff; }
.action-success { color: #4cae4c; }
.action-danger  { color: #d43f3a; }
.action-info    { color: #46b8da; }
.action-primary { color: #337ab7; }
.action-warning { color: #eea236; }

.action-success-bg { padding: 1px 6px; background-color: #4cae4c; }
.action-danger-bg  { padding: 1px 6px; background-color: #d43f3a; }
.action-info-bg    { padding: 1px 6px; background-color: #46b8da; }
.action-primary-bg { padding: 1px 6px; background-color: #337ab7; }
.action-warning-bg { padding: 1px 6px; background-color: #eea236; }
/* end colour coded text*/

.typeahead-header{
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  background-color: #eee;
  margin: -5px 0 0 0;
}
.typeahead-empty{
  padding: 10px;
  font-weight: bold;
}
.form-divider{
  float: left;
  width: calc(100% - 60px);
  margin: 20px 30px;
  border-bottom: 1px solid #eeeeee;
  height: 1px;
}
.form-group-title {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 16px;
    text-align: center;
    color: #777;
    font-weight: bold;
}

body.fullscreen-view #leftNav {
    display: none;
}

body.fullscreen-view #topBar {
    display: none;
}

body.fullscreen-view #pigCrumbs {
    display: none;
}

body.fullscreen-view #main_content {
    height: 100vh;
}

body.fullscreen-view #main {
    width: 100vw;
    height: 100vh;
    margin-left: 0;
}

.btn-deep {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 5px !important;
}