@import "https://fonts.googleapis.com/css?family=Exo+2:400,700|Montserrat:400,700|PT+Sans:400,700";


/* START <Chunk Web/Main/App @Extend .css from ./Opt/AppStruct/Web/Main/App@Extend.css[1:112]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/
/* ********************* UI Notifier ********************* */


div.appstruct-ui-notifier {
  position: fixed;
  left: 30%;
  top: 0;
  right: 30%;
  margin: 0 auto;
  text-align: center;
  z-index: 2000; /* In excess of Bootstrap modal backdrop */
  display: none;
}
div.appstruct-ui-notifier > div {
  padding: 5px;
  display: inline-block;
  background: #fff1a8;
  color: #000000;
  opacity: 0;
  /* IE */
  filter: alpha(opacity = 0);
}



/*********************************************************************************************************************/ 
/* Extensions and overrides to bootstrap css */

html,body{
    height: 100%
}

.highlight {background-color: #FFFBCC;}

.alert.alert-xs {padding: 2px; }
.inline-auto {display: inline-block; width: auto;}
.inline-top {display: inline-block; vertical-align: top; margin-top: 0; margin-bottom: 0; }
.inline-middle {display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; }
.inline-bottom {display: inline-block; vertical-align: bottom; margin-top: 0; margin-bottom: 0; }
.margin-right-15 {margin-right: 15px;}

.btn.btn-slim {padding-top: 2px; padding-bottom: 2px;}

.form-control {
  color: #000;
}


.panel.panel-clear {
  background-color: transparent;
}

.panel.panel-groove {
  border: 2px groove white;
}

.panel.panel-xs > .panel-heading{
  padding: 3px 15px;
}
.panel.panel-xs > .panel-footer{
  padding: 3px 15px;
}


/*********************************************************************************************************************/ 
/* cool-box style */


div.cool-box{
  border: 1px solid #d2d2d2;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#eee;
  padding:3px;
  width:auto;
  margin-bottom:20px;
}
div.cool-box > div {
  height:100%;
  padding: 10px;
}

div.cool-box-grey > div {
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #f4f4f4 12%, #f5f5f5 25%, #f6f6f6 33%, #f7f7f7 41%, #f8f8f8 49%, #f9f9f9 58%, #fafafa 69%, #fcfcfc 83%, #fefefe 94%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(12%,#f4f4f4), color-stop(25%,#f5f5f5), color-stop(33%,#f6f6f6), color-stop(41%,#f7f7f7), color-stop(49%,#f8f8f8), color-stop(58%,#f9f9f9), color-stop(69%,#fafafa), color-stop(83%,#fcfcfc), color-stop(94%,#fefefe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* IE10+ */
  background: linear-gradient(to bottom,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* W3C */

}


/*********************************************************************************************************************/ 
/* UI correction related to App.RefreshModalStack implementation (see Opt/AppStruct/Web/Main/App@Extend.js) to move select2 open container on top of the modal */
.select2-container--open {
    z-index: 9999;
}


.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* END <Chunk Web/Main/App @Extend .css from ./Opt/AppStruct/Web/Main/App@Extend.css[1:112]> AT DEPTH 0 */
/* START <Chunk Web/Main/App @Extend .css from ./Opt/ACRM/Web/Main/App@Extend.css[1:1040]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab

**@ ImportGoogleFonts:
**@   "Exo 2": [400, 700]
**@   "Montserrat": [400,700]
**@   "PT Sans": [400, 700]
**@
 */


html, body{
  height: 100%;
  margin: 0;
  font-family: 'Montserrat';
}


/* Video JS Playback Speed background was transparent */
ul.vjs-menu-content {
  background-color: black !important;
  border: 2px solid #999;
}

#Content.centerbox{
  margin: 10pt auto;
  width: 600px;
}

@media (max-width: 550px){
  #Content.centerbox{
    width: 100%;
  }
}





/* 
Flexbox is used here to create a sticky footer.
This allows us to avoid a fixed height footer.
*/

#bodydiv{
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.selected > a {
  font-weight: bold;
}

table.table.table-smaller {
  font-size: 80%;
}

table.table.table-larger {
  font-size: 125%;
}

table.no-margin{
	margin-bottom: 0;
}

a code {
  color: blue;
}

div.body-wrapper{
	flex: 1 0 auto;
}

#Footer{
	flex-shrink: 0;
  background-color: #222;
  color: #fff;
}

#Footer .copyright{
	padding: 15px 0;
}

/* Use for IDs, don't like red look */
code {
  color: black;
}

.inline-middle{
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}

.inline-bottom{
  display: inline-block;
  vertical-align: bottom;
  margin-top: 0;
  margin-bottom: 0;
}

.btn.btn-slim {
  padding-bottom: 2px;
  padding-top: 2px;
}

div.header-bar{
  background-color: white;
  padding: 15px 0;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.5);
  display: none;
}

div.header-bar h1{
  margin: 0;
  font-size: 20pt;
}

a{
  color: #3097d1;
  text-decoration: none;
}
a:hover,
a:focus{
  color: #216a94;
  text-decoration: underline;
}
a:focus{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*************************************************************************************************/
/* Nav3 Styles */

#Nav3{
  margin-top: -20px;
  margin-bottom: 20px;
}

#Nav3 .tabpage-tab-background{
  background-color: #33475b;
}

#Nav3 .tabpage-title{
  font-size: 13pt;
  margin: 10px 0;
  color: white;
  display: inline-block;
  font-weight: normal;
}

#Nav3 .tabpage-tabs{
  padding-left: 0px;
  font-size: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
  display: inline-block;
}

#Nav3 .tabpage-tabs li{
  list-style-type: none;
  font-size: 11pt;
  display: inline-block;
  background-color: rgb(231, 234, 234);
  padding: 8px;
  margin: 0px 2px;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.5);
}

#Nav3 .tabpage-tabs li.selected{
  background-color: white;
  box-shadow: none;
  font-weight: bold;
}

#Nav3 .tabpage-tabs li.selected a{
  color: #3097D1;
}

#Nav3 .tabpage-tabs li a{
  color: #000;
  text-decoration: none;
}

#Nav3 .tabpage-tabs li span{
  color: #999;
  text-decoration: none;
}

#Nav3_Buttons > div.btn-group{
  margin-left: 3px;
}

#Nav3_Buttons > a{
  margin-left: 3px;
}


#Nav3_Buttons .dropdown-toggle span.caret{
  display: none;
}

#Nav3_HTML{
  font-size: 0;
}

/*************************************************************************************************/
/* Navbar Styles */

#Primary{
  border-radius: 0;
  border: none;
}

#Primary .page-title{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 14pt;
  padding: 10px 0;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px){
  #Primary .page-title{
    display: none;
  }
}

/* Hide navbar-brand by default */
#Primary .navbar-brand{
  display: none;
  padding: 0 15px;
}

#Primary .navbar-brand img{
  height: 100%;
  width: auto;
  padding: 5px 0;
  display: inline-block;
}

#Primary .navbar-inverse{
  border-color: transparent;
}

#Primary .navbar-inverse .navbar-nav > li > a{
  color: #fff;
}

#Primary .navbar-inverse .navbar-nav > .open > a,
#Primary .navbar-inverse .navbar-nav > .open > a:focus,
#Primary .navbar-inverse .navbar-nav > .open > a:hover{
  background-color: transparent;
}

#Primary nav .dropdown-menu{
  min-width: 260px;
}

/* Background color on menu items */
#Primary .navbar .navbar-nav li a{
  background-color: #444;
}

#Primary .navbar .navbar-nav li a:hover{
  background-color: rgba(68, 68, 68, 0.4);
}

@media (min-width: 768px){
  #Primary .navbar-nav > li > a{
    padding: 10px;
    margin-top: 5px;
    margin-right: 3px;
  }
  #Primary .navbar-nav.navbar-right > li:last-child > a{
    margin-right: 0;
  }
}

#Primary .navbar .navbar-nav li.dropdown ul li a,
#Primary .navbar .navbar-nav li.nav-adminicon .popover .popover-content a,
#Primary .navbar .navbar-nav li.dropdown.username ul li a{
  background-color: transparent;
}

#Primary .navbar .navbar-nav li.dropdown ul li a:hover,
#Primary .navbar .navbar-nav li.dropdown.username ul li a:hover{
  background-color: #f5f5f5;
}

#Primary .navbar .navbar-nav li.nav-adminicon .popover .popover-content a:hover{
  background-color: transparent;
}

/* Images in the menu bar */
#Primary .nav > li > a > img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

#Primary .navbar-right > .username > a > img{
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0;
}

#Primary .navbar-right > .username > a > span > br{
  display: none;
}

#Primary .navbar-nav > li > a > span,
#Primary .navbar-right > .username > a > span{
  vertical-align: middle;
  display: inline-block;
}

#Primary .navbar-right > .username > a > span{
  margin: 0px 0px 0px 10px;
}

#Primary ul.dropdown-menu{
  overflow: auto;
}

#Primary .dropdown-menu > li > span{
  padding: 3px 20px;
  display: inline-block;
}

#Primary ul.dropdown-menu li.disabled a h4,
#Primary ul.dropdown-menu li.disabled a p {
  color: #A1A1A1;
}

#Primary ul.dropdown-menu li.disabled a[href] {
  cursor: pointer;
}

#Primary ul.dropdown-menu p{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: break-word;
  min-width: 300px;
}

#Primary .username .dropdown-menu-limit-height li:last-child{
  border-top: 1px solid #ddd;
}

@media (max-width: 767px){
  #Primary .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  #Primary .navbar-inverse .navbar-nav .open .dropdown-menu > li > span{
    color: white;
  }
  #Primary .dropdown-menu > li > span{
    padding: 5px 15px 5px 25px;
  }
  #Primary .username .dropdown-menu-limit-height li:last-child{
    border-top: none;
  }
}

/* sm and xs - also where bootstrap converts the menu to a compact size */
@media (max-width: 767px){
  
  /* Display the navbar branding */
  #Primary .navbar-brand{
    display: block;
  }
  
}


/*************************************************************************************************/
/* User Tools */

#Primary .navbar-right > .user-tools > ul{
  padding-left: 0;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon{
  list-style-type: none;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a{
  color: #fff;
  text-decoration: none;
  border: 0;
  outline: none;
  padding: 15px;
  display: block;
}

@media (min-width: 768px){
  #Primary .navbar-right > .user-tools > ul > .nav-adminicon > a{
    padding: 10px;
    margin: 5px 3px;
  }
}

@media (max-width: 768px){
  #Primary .navbar-right > .user-tools > ul > .nav-adminicon > a i{
    width: 20px;
    text-align: center;
    margin-right: 5px;
  }
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a > span{
  display: inline-block;
  vertical-align: middle;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a > span > br{
  display: none;
}

/*************************************************************************************************/
/* Admin Tools Dropdown */

#Primary li.admin-tools > ul.dropdown-menu{
  min-width: 900px !important; 
  padding: 15px; 
  border-radius: 4px;
	background-image: none;
	background-color: white;
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading{
  padding: 8px 14px; 
  margin: -15px -15px 15px -15px; 
  background-color: #f7f7f7; 
  border: 1px solid #ebebeb; 
  border-radius: 5px 5px 0 0;
}

@media (max-width: 767px){
	#Primary li.admin-tools > ul.dropdown-menu,
	#Primary li.admin-tools > ul.dropdown-menu > li.heading{
	  border-radius: 0;
	}
}

#Primary li.admin-tools > ul.dropdown-menu > li{
	background-image: none;
	background-color: transparent;
	font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading h4,
#Primary li.admin-tools > ul.dropdown-menu > li.heading h4 > a{
  margin: 0;
  font-weight: normal;
  font-size: 12pt;
	font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading h4 > a{
  text-decoration: none;
  color: #00e; 
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading h4 > a:hover{
  text-decoration: underline;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-quick-links{
  text-align: center; 
  border-bottom: 1px solid #ccc; 
  padding: 5px 0;
  margin-bottom: 10px;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-quick-links > a{
  text-decoration: none;
  color: #00c;
  font-size: 12pt;
	font-weight: normal;
  font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-quick-links > a:hover{
  text-decoration: underline;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl{
  display: inline-block;
  vertical-align: top;
  width: 210px;
  font-size: 12pt;
  font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl > dt{
  font-size: 125%;
  
  /* Re-overrider */
  font-size: 12pt;
  font-family: verdana, sans-serif;
  line-height: 1;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl > dd > a{
  text-decoration: none;
  color: #00c;
  
  /* Re-overrider */
  font-size: 12pt;
	font-weight: normal;
  font-family: verdana, sans-serif;
  display: inline;
  padding: 0;
  line-height: 1;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl > dd > a:hover{
  text-decoration: underline;
  color: #00c;
  
  /* Re-overrider */
  font-size: 12pt;
  font-family: verdana, sans-serif;
  display: inline;
  padding: 0;
	background-color: transparent;
}

@media (max-width: 992px){
  #Primary li.admin-tools > ul.dropdown-menu{
    min-width: 768px !important; 
  }
}

@media (min-width: 768px){
}

@media (max-width: 767px){
  #Primary li.admin-tools > ul.dropdown-menu{
    min-width: 100% !important; 
  }
}

#Primary div.admin-tools-content {
  display: flex;
  flex-wrap: wrap;
  margin: -10pt;
  justify-content: space-between;
}

#Primary div.admin-tools-content > dl {
  margin: 10pt;
}


/*************************************************************************************************/
/* Nav Section on Account Screens */

#nav-section{
  margin: 0 0 15px 0;
  font-family: 'Exo 2';
  text-align: center;
  padding: 5pt;
  background-color: #f5f5f5;
  border: 1px solid #aaa;
  border-radius: 10pt;
	position: relative;
}

#nav-section > div{
	position: absolute;
	right: 5pt;
}

#nav-section h1{
  font-weight: normal;
	font-size: 36pt;
	letter-spacing: 3pt;
	margin-top: 5px;
}

#nav-section h1 > span{
  display: block;
  font-size: 20pt;
}

#nav-section navbar{
	margin: 10px 0;
  background-color: transparent;
  border: none;
	min-height: auto;
}

/*
#nav-section .navbar-nav{
	float: none;
	display: inline-block;
	vertical-align: middle;
}
*/

#nav-section .navbar-brand{
	display: none;
}

#nav-section .navbar .navbar-nav li a{
  color: #3097d1;
  font-family: 'Exo 2';
  padding: 2pt 5pt;
  font-weight: normal;
  letter-spacing: 1pt;
  font-size: 13pt;
	background-color: transparent;
	margin: 0;
}

#nav-section .navbar .navbar-nav li .dropdown-menu > li > a{
	padding: 3px 20px;
}

#nav-section .navbar .navbar-nav li a:hover,
#nav-section .navbar .navbar-nav li a:focus{
	background-color: transparent;
}

#nav-section .navbar .navbar-nav li a.selected{
  background-color: #ffff78;
	border-radius: 5px;
	font-weight: bold;
}

@media (max-width: 767px){
	#nav-section h1 > span{
		display: none;
	}
	#nav-section .navbar-brand{
		display: block;
		padding: 15px 15px;
	}
	#nav-section nav.navbar{
		margin: 0;
		border-top: 1px solid #e7e7e7;
	}
	#nav-section .navbar-collapse{
		text-align: left;
	}
	#nav-section .navbar .navbar-nav li a{
		padding: 10px 15px;
	}
	#nav-section .navbar .navbar-nav li a.selected{
		background-color: transparent;
		border-radius: 0;
		font-weight: normal;
	}
	/* Reset to default padding */ 
	#nav-section .navbar .navbar-nav li .dropdown-menu > li > a{
		padding: 5px 15px 5px 25px;
	}
}

/*************************************************************************************************/
/* Theme Styles */


.alerts .alert code {
  color: black;
}


/*********************************************************************************************************************/ 
/* Sortable UI */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  width: 200px;
}

/* Sort handle */
.sortable-handle {
  cursor: move;
  /* cursor: grab; */
}

/*********************************************************************************************************************/ 
/* File Viewer */
img.ShowFileViewer {
  cursor: pointer;
}

/*********************************************************************************************************************/ 
/* flex container */
.acrm-flex-container {
  display: flex;
  justify-content: space-evenly; /* flex-start | flex-end | center | space-between | space-around */
}

.acrm-flex-item {
  padding: 0.5em;
  /*flex-grow: 1;  */
  flex: 1 1 auto;
}
.acrm-flex-item-4column {
  flex-basis: 20%;
}

.acrm-flex-item-3column {
  flex-basis: 30%;
}


.acrm-flex-item-50split {
  flex-basis: 45%;
}


.acrm-flex-item:not(:last-child) {
  margin-right: 0.5em;
}


/* Medium screens */
@media all and (max-width: 800px) {
  .acrm-flex-container {
    /* When on medium sized screens, we center it by evenly distributing empty space around items */
    /* justify-content: space-around; */
    /* On medium screens, we are no longer using row direction but column */
    flex-direction: column;
  }
  .acrm-flex-item:not(:last-child) {
    margin-right: 0;
  }
}

/* Small screens */
@media all and (max-width: 500px) {
  .acrm-flex-container {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
  .acrm-flex-item:not(:last-child) {
    margin-right: 0;
  }
}


/* IO */
div.io-form-group.io-error > label{
  color: #f00;  
}

div.io-form-group.io-error input {
  background-color: #ebccd1;  
  border-color: red;
}

.io-error {
  background-color: #ebccd1;  
}

i.fa.io-fa-required {
  color: #ccc;
}

input.io-currency {
  text-align: right;
}
input.io-decimal {
  text-align: center;
}

.io-create-password-container .io-password-status .label{
  display: inline-block;
  padding: .45em;
  font-size: 13pt;
  margin-top: 1pt;
}

.io-ckeditor-body {
  background-image: none;
  background-color: white;
}

.io-color {  
  width: 25px;
  padding: 0px 2px;
  height: 23px;
}


/* EOF IO */

/*********************************************************************************************************************/ 
/* Left Menu Template */

.x-leftmenutemplate-parent{
  display: flex;
}

@media (max-width: 991px){
  .x-leftmenutemplate-parent{
    flex-direction: column;
  }
}

.x-leftmenutemplate-parent > .x-left-child{
  flex-basis: 25%;
}

.x-leftmenutemplate-parent > .x-left-child > .panel{
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}

@media (max-width: 991px){
  .x-leftmenutemplate-parent > .x-left-child > .panel{
    border-radius: 4px;
    margin-bottom: 1em;
    border-right: 1pt solid #ddd;
  }
}

.x-leftmenutemplate-parent > .x-right-child{
  flex-basis: 75%;
  background-color: #fff;
  padding: 15px;
  border-top: 1pt solid #ddd;
  border-right: 1pt solid #ddd;
  border-bottom: 1pt solid #ddd;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (max-width: 991px){
  .x-leftmenutemplate-parent > .x-right-child{
    border: 1pt solid #ddd;
    border-radius: 4px;
  }
}

table.content-leftmenutemplate-menu {
  width: 100%;
}

table.content-leftmenutemplate-menu tr.selected td {
  background-color: #ffffff;
}

table.content-leftmenutemplate-menu tr:hover td {
  background-color: #ffffff;
}

table.content-leftmenutemplate-menu tr td {
  border-bottom: 1pt solid #dddddd;
  background-color: #eeeeee;
}

table.content-leftmenutemplate-menu > tbody > tr:last-child td{
  border-bottom: none;
}

table.content-leftmenutemplate-menu.left-menu-widget-imageonly tr td.content-leftmenutemplate-icon p.admin-btns{
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center;
}

table.content-leftmenutemplate-menu.left-menu-widget-compact tr td.content-leftmenutemplate-icon {
  width: 60px;
  padding: 15px 10px;
}

table.content-leftmenutemplate-menu.left-menu-widget-compact > tbody > tr:first-child > td:first-child{
  border-top-left-radius: 4px;
}

@media (max-width: 991px){
  table.content-leftmenutemplate-menu.left-menu-widget-compact > tbody > tr:first-child > td:last-child{
    border-top-right-radius: 4px;
  }
}

table.content-leftmenutemplate-menu.left-menu-widget-compact > tbody > tr:last-child > td:first-child{
  border-bottom-left-radius: 4px;
}

@media (max-width: 991px){
  table.content-leftmenutemplate-menu.left-menu-widget-compact > tbody > tr:last-child > td:last-child{
    border-bottom-right-radius: 4px;
  }
}

table.content-leftmenutemplate-menu.left-menu-widget-compact tr td.content-leftmenutemplate-link h5{
  font-size: 12pt;
  text-decoration: underline;
}

table.content-leftmenutemplate-menu.left-menu-widget-compact tr.selected td.content-leftmenutemplate-link h5{
  font-size: 14pt;
}

table.content-leftmenutemplate-menu.left-menu-widget-compact tr.selected td.content-leftmenutemplate-link p{
  font-size: 12pt;
}

table.content-leftmenutemplate-menu.left-menu-widget-compact tr td.content-leftmenutemplate-icon img{
  display: block;
  max-width: 100%;
  height: auto;
}

table.content-leftmenutemplate-menu tr td.content-leftmenutemplate-link {
  padding: 15px 10px;
  border-right: 1pt solid #ddd;
}

@media (max-width: 991px){
  table.content-leftmenutemplate-menu tr td.content-leftmenutemplate-link{
    border-right: none;
  }
}

@media (min-width: 992px){  
  table.content-leftmenutemplate-menu tr.selected td.content-leftmenutemplate-link{
    border-right: 0;
  }
}

table.content-leftmenutemplate-menu tr td.content-leftmenutemplate-link h5 {
  margin: 0;
  line-height: 1.3;
  font-family: 'PT Sans';
}

table.content-leftmenutemplate-menu tr td.content-leftmenutemplate-link p {
  margin: 0;
  color: black;
  line-height: 1.3;
}

table.content-leftmenutemplate-menu.left-menu-widget-large tr .content-leftmenutemplate-icon {
  width: auto;
  padding: 10px;
}

table.content-leftmenutemplate-menu.left-menu-widget-large tr .content-leftmenutemplate-icon img{
  width: 60px;
  height: auto;
}

table.content-leftmenutemplate-menu.left-menu-widget-compact tr .content-leftmenutemplate-link a,
table.content-leftmenutemplate-menu.left-menu-widget-large tr .content-leftmenutemplate-link a{
  word-break: break-word;
}

table.content-leftmenutemplate-menu.left-menu-widget-large tr .content-leftmenutemplate-link a h5{
  font-size: 14pt;
}

table.content-leftmenutemplate-menu.left-menu-widget-large tr .content-leftmenutemplate-link a p{
  display: none;
}

table.content-leftmenutemplate-menu.left-menu-widget-imageonly tr .content-leftmenutemplate-icon{
  width: 100%;
  text-align: center;
  padding: 10px;
}

table.content-leftmenutemplate-menu.left-menu-widget-imageonly tr .content-leftmenutemplate-icon img{
  width: 60px;
  height: auto;
}

table.content-leftmenutemplate-menu.left-menu-widget-imageonly tr .content-leftmenutemplate-link{
  display: none;
}

/* Disabled styles */

table.content-leftmenutemplate-menu tr.disabled td.content-leftmenutemplate-link h5 {
  color: #999;
}

table.content-leftmenutemplate-menu tr.disabled td.content-leftmenutemplate-link p {
  color: #999;
}

/*********************************************************************************************************************/









/*************************************************************************************************/
/* Styles for the heading of an area */


/* this was added and should only exist when replacing .well.well-heading because .card is not normally combined with .card-header */
div.card.card-header{
  padding: 1em;
  text-align: center;
  margin-bottom: 1em;
}

/*
Selects the left bar
Used to be: div.well.well-heading > h1
*/
div.card.card-header > h1
{
  margin: 0 0 .5em 0;
  font-size: 20pt;
}

/* END <Chunk Web/Main/App @Extend .css from ./Opt/ACRM/Web/Main/App@Extend.css[1:1040]> AT DEPTH 0 */
/* START <Chunk Web/Main/App @Extend .css from ./Project/Zagula/Smart/Web/Main/App@Extend.css[1:481]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/

/********************************************/
/* Bootstrap Overrides */

/* This is added to compensate for changes*/ 
/* made to LeftMenuTemplate in ACRM */
.panel{
  border-width: 1pt;
}

/********************************************/
/* Utilities */

.x-u{
	text-decoration: underline;
}

/********************************************/
/* CSS Grid/Flexbox Utilities */

.x-d-grid{
	display: grid;
}

.x-align-center{
	align-items: center;
}

.x-align-end{
	align-items: end;
}

.x-d-flex{
	display: flex;
}

.x-d-iflex{
	display: inline-flex;
}

/********************************************/

.x-set-width{
  width: 75%;
  margin: 0 auto;
}

@media (max-width: 1200px){
  .x-set-width{
    width: 100%;
  }
}

.x-smart-green{
	color: rgb(65, 91, 51);
}

.x-subscription-plans{
  display: flex;
  justify-content: center;
}

.x-subscription-plans .x-monthly-plan{
  flex-basis: 30%;
  background-color: #ffffff;
  border: 2px solid #ddd;
  border-radius: 5px;
  text-align: center;
  padding: 15px;
  margin: 0 20px;
  font-family: 'Montserrat';
  font-size: 11pt;
}

.x-subscription-plans .x-monthly-plan .x-monthly-obligation{
  background-color: #607D4D;
  padding: 15px;
  margin: -16px -16px 15px -16px;
  color: #fff;
  font-size: 14pt;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
	border-radius: 5px 5px 0 0;
}

.x-subscription-plans .x-annual-plan{
  flex-basis: 30%;
  background-color: #ffffff;
  border: 2px solid #607D4D;
  border-radius: 5px;
  text-align: center;
  padding: 15px;
  margin: 0 20px;
  font-family: 'Montserrat';
  font-size: 11pt;
}

.x-subscription-plans .x-annual-plan .x-annual-savings{
  background-color: #607D4D;
  padding: 15px;
  margin: -16px -16px 15px -16px;
  color: #fff;
  font-size: 14pt;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
	border-radius: 5px 5px 0 0;
}

.x-subscription-plans .x-monthly-plan .x-monthly-price,
.x-subscription-plans .x-annual-plan .x-annual-price{
  font-family: 'Nunito';
  font-size: 24pt;
  margin: 15px 0;
}

.x-subscription-plans .x-monthly-plan h3,
.x-subscription-plans .x-annual-plan h3{
  margin-top: 0;
  font-family: 'Nunito';
  font-weight: 700;
  font-size: 18pt;
}

.x-subscription-plans .x-monthly-plan p,
.x-subscription-plans .x-annual-plan p{
  font-family: 'Montserrat';
  font-size: 14pt;
}

@media (max-width: 991px){
	.x-subscription-plans{
		flex-direction: column;
	}
	.x-subscription-plans .x-monthly-plan{
		margin: 0 0 2em 0;
	}
	.x-subscription-plans .x-annual-plan{
		margin: 0;
	}
}

/********************************************/
/* SAT Sales Page Styles */

.sat-sales-page div[class^="content-section-"] h2{
  text-align: center;
  font-family: 'Nunito';
  font-weight: 700;
  font-size: 28pt;
  color: rgb(65, 91, 51);
  margin: 1em 0;
}

.sat-sales-page div[class^="content-section-"] p,
.sat-sales-page div[class^="content-section-"] ul{
  font-family: 'Montserrat';
  font-size: 14pt;
}

.sat-sales-page div[class^="content-section-"] ul li{
  margin-bottom: 10px;
}

/********************************************/
/* SAT Buy Page Styles */

.sat-buy-page > .x-title-header{
  padding: 6em 0;
  background: url('/assets/title-background.png?3');
  background-size: cover;
  background-position: center;
  min-height: 55rem;
  display: flex;
}

.sat-buy-page > .x-title-header > div{
  margin: auto;
}

.sat-buy-page > .x-title-header > div div h1{
  font-family: 'Nunito';
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24pt;
}

@media (max-width: 1200px){
  .sat-buy-page > .x-title-header > div div h1{
    font-size: 32pt;
  }
}

@media (max-width: 991px){
  .sat-buy-page > .x-title-header > div div h1 > br{
    display: none;
  }
}

.sat-buy-page > .x-title-header > div div h2{
  color: #000;
  font-size: 16pt;
  margin: 0 auto 20px auto;
  font-family: 'Montserrat';
  line-height: 1.9;
}

@media (max-width: 1200px){
  .sat-buy-page > .x-title-header > div div h2{
    width: 100%;
  }
}

.sat-buy-page .x-title-header .x-title-header-content{
	display: flex;
}

.sat-buy-page .x-title-header .x-title-header-content > .x-left-content{
	flex: 1.1;
}

.sat-buy-page .x-title-header .x-title-header-content > .x-left-content .x-agency-logo{
	margin: 0 auto 20px auto;
	max-width: 300px;
	height: auto;
}

.sat-buy-page .x-title-header .x-title-header-content > .x-right-content{
	flex: 1;
}

.sat-buy-page .x-title-header .x-title-header-content > .x-right-content .join-box{
  background-color: white;
  box-shadow: 1px 1px 55px rgba(0,0,0,0.35);
  border-radius: 4px;
  width: 75%;
  padding: 15px;
	margin: 0 auto;
}

@media (max-width: 991px){
	.sat-buy-page .x-title-header .x-title-header-content > .x-right-content .join-box{
		width: 100%;
	}
}

.sat-buy-page .x-title-header .x-title-header-content > .x-right-content .join-box p{
	font-family: 'Nunito';
	font-weight: 700;
	line-height: 1.5;
	font-size: 18pt;
	text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 1200px){
  .sat-buy-page .x-title-header .x-title-header-content > .x-right-content .join-box p > br{
    display: none;
  }
}

.sat-buy-page .x-title-header .x-title-header-content > .x-right-content .join-box div.gray_btn_back{
  border-radius: 0 0 4px 4px;
  padding: 15px;
}

@media (max-width: 1200px){
	.sat-buy-page .x-title-header .x-title-header-content{
		flex-direction: column;
	}
	.sat-buy-page .x-title-header .x-title-header-content > .x-left-content{
		margin-bottom: 4em;
	}
}

.sat-buy-page > .content-section-one .x-set-width > h3{
  font-family: 'Nunito';
  text-align: center;
  font-size: 28pt;
  font-weight: 700;
  margin-top: 0;
	margin-bottom: 1em;
}

.sat-buy-page > .content-section-one .x-set-width > table > tbody > tr > td{
  vertical-align: top;
}

.sat-buy-page > .content-section-one .x-set-width > table > tbody > tr > td:first-child > i{
  color: #607D4D;
  margin-right: 20px;
  font-size: 18pt;
  line-height: 1.9;
}

.sat-buy-page > .content-section-one .x-set-width > table > tbody > tr > td:last-child > p{
  font-family: 'Montserrat';
  font-size: 14pt;
  line-height: 1.9;
}

.sat-buy-page > .content-section-two p{
	font-family: 'Montserrat';
  font-size: 14pt;
}

.sat-buy-page > div[class^="content-section-"] h3{
  text-align: center;
  font-family: 'Nunito';
  font-weight: 700;
  font-size: 28pt;
  margin-top: 0;
  margin-bottom: 1em;
}

.sat-buy-page > div[class^="content-section-"] p{
	font-family: 'Montserrat';
  font-size: 14pt;
	margin-bottom: 15px;
}

.sat-buy-page > div[class^="content-section-"] ul{
	font-family: 'Montserrat';
  font-size: 14pt;
}

.sat-buy-page > div[class^="content-section-"] ul li{
	margin-bottom: 10px;
}

/********************************************/
/* SAT Checkout Page Styles */

.sat-checkout-page .x-section-header{
  color: #333134; 
  font-family: 'Montserrat'; 
  margin: 5px 0 20px 0; 
  font-size: 14pt; 
  -webkit-font-smoothing: antialiased; 
  font-weight: bold;
}

.sat-checkout-page .x-user-info table{
  font-size: 12pt;
}

.sat-checkout-page .x-user-info table tr th{
  color: #767676;
}

.sat-checkout-page .x-payment-plan .x-monthly-plan .x-plan-type{
  color: #767676; 
  margin-bottom: 5px; 
  font-size: 12pt; 
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
}

.sat-checkout-page .x-payment-plan .x-monthly-plan .x-plan-price{
  text-align: right;
  font-size: 12pt; 
  -webkit-font-smoothing: antialiased; 
  color: #607D4D;
  font-weight: bold;
}

@media (max-width: 991px){
  .sat-checkout-page .x-payment-plan .x-monthly-plan .x-plan-price{
    text-align: left;
    margin-top: 10px;
  }
}

.sat-checkout-page .x-payment-plan .x-annual-plan .x-plan-type{
  color: #767676; 
  margin-bottom: 5px; 
  font-size: 12pt; 
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
}

.sat-checkout-page .x-payment-plan .x-annual-plan .x-plan-price-wrapper{
  text-align: right;
}

@media (max-width: 991px){
  .sat-checkout-page .x-payment-plan .x-annual-plan .x-plan-price-wrapper{
    text-align: left;
    margin-top: 10px;
  }
}

.sat-checkout-page .x-payment-plan .x-annual-plan .x-plan-price{
  font-size: 12pt; 
  -webkit-font-smoothing: antialiased; 
  color: #607D4D;
  font-weight: bold;
}

.sat-checkout-page .x-payment-plan select{
  display: block; 
  width: 100%; 
  color: #555; 
  background-color: #fff; 
  background-image: none; 
  border: 1px solid #ccc; 
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
  height: 46px; 
  padding: 10px 16px; 
  font-size: 18px; 
  line-height: 46px; 
  border-radius: 6px;
}

.sat-checkout-page .x-order-summary table{
  width: 100%;
}

.sat-checkout-page .x-order-summary .x-order-details .x-annual-fee-label{
  color: #767676; 
  font-weight: bold; 
  font-size: 12pt; 
}

.sat-checkout-page .x-order-summary .x-order-details .x-annual-fee-label div{
  margin-bottom: 10px;
}

.sat-checkout-page .x-order-summary .x-order-details .x-annual-fee-amount{
  text-align: right;
  color: #767676; 
  font-weight: bold; 
  font-size: 12pt;
}

.sat-checkout-page .x-order-summary .x-order-details .x-annual-fee-amount div{
  margin-bottom: 10px;
}

.sat-checkout-page .x-order-summary .x-order-details .x-discount-label{
  color: #767676; 
  font-weight: bold; 
  font-size: 12pt;
}

.sat-checkout-page .x-order-summary .x-order-details .x-discount-amount{
  text-align: right;
  color: #767676; 
  font-weight: bold; 
  font-size: 12pt;
}

.sat-checkout-page .x-order-total .x-order-total-label{
  color: #333134; 
  font-weight: bold; 
  font-size: 12pt;
}

.sat-checkout-page .x-order-total .x-order-total-amount{
  text-align: right;
  color: #607D4D; 
  font-weight: bold; 
  font-size: 12pt;
}

.sat-checkout-page .x-payment-method .cc-form .panel-default{
  margin-bottom: 0;
}

/********************************************/

.select2-container {
  width: 100% !important;
}
/* END <Chunk Web/Main/App @Extend .css from ./Project/Zagula/Smart/Web/Main/App@Extend.css[1:481]> AT DEPTH 0 */