:root
{
	--tmsblue: #009ee3;
	--tmsdarkgray: #666666;
	--tmsblack: #343537;
	--tmserror: #FF0000;
	--tmsfmx: #FF9800;
	--tmswhite: #FFFFFF;

    --stellar-dark: #211F3E;
    --stellar-darker: #0F0F28;
}

.cartcontent
{
	background: var(--tmsblue);
	padding: 3px 5px;
	margin-right: 5px;
	font-weight: bold;
	border-radius: 3px;
	font-size: 12px;
	color: var(--tmswhite);
}

/* Material icons positioning */

.material
{
	position: relative;
	top: 0px;
	margin-right: 10px;
}

h3 .material 
{
	position: relative;
	top: 5px;
	margin-right: 10px;
}

/* FONT */ 

.product-row a {
  color: #009EE3;
}

.product-row .sub a, .download-list a {
  color: inherit!important;
}

.product-row a:hover {
   text-decoration: underline;
}

.product-row .sub a:hover, .download-list a:hover {
  text-decoration: inherit!important;
}

.breadcrumbs a {
  font-weight: bold;
  color: darkgray;
}

.breadcrumb .active, .breadcrumb .active a
{
	font-weight: bold; 
	color: black!important;
}

.smallfont
{
	font-size: 8pt;
}

.redfont
{
	color: red;
}

/* */

/* CUSTOM */

.product-row .product-available-cat {
  padding: 0px 0px;
  padding-bottom: 0px;
}

.product-row .product-available-cat .navbar-nav>li {
  padding: 0;
  margin-right: 4px;
  margin-bottom: 4px;
}

#product-downloads
{
	margin-top: 10px;
}

#product-buy-online
{
	margin-top: 10px;
}

#product-buy-online .title h4 a, 
#product-buy-online .title h4 a:hover,
#product-buy-online .title h4 a:focus
{
  text-decoration: none;
  color: inherit;
}

/**/ 

.tms-panel-hidden p {
  bottom: !important;
  top: 165px;
}
.panel-product
{
	min-width: 225px;
}

.panel-menu {
  height: 125px!important;
  min-width: 150px;
 }

 .panel-menu:hover .tms-btn-dot {
  bottom: 57px!important;
}

.panel-menu:hover .tms-panel-border {
  height: 62px!important;
}

.panel-news {
  min-height: 315px!important;
 }

.panel-recent {
  height: 250px!important;
 }

 .panel-recent:hover .tms-btn-dot {
  bottom: 125px!important;
}

.panel-recent:hover .tms-panel-border {
  height: 130px!important;
}

 .panel-logo {
  height: 125px!important;
  min-width: 200px;
  padding: 10px;
 }

 .panel-logo .panel-body {
  height: 100%;
  width: 100%;
  padding: 0px!important;
  padding-top: 0px!important;
  margin: 0px;
  display:inline-block;  
 }

 .panel-logo .panel-body img.single {
   position: absolute;
   left: 0%;
   top: 50%;
   transform: translate(0%, -50%);
   margin: 0px; 
   padding: 0px; 
   padding-left: 10px;
   padding-bottom: 10px;
   max-width: 90%; 
   max-height: 90%;
  }

 .panel-logo:hover .tms-btn-dot {
  bottom: 57px!important;
}

.panel-logo:hover .tms-panel-border {
  height: 62px!important;
}

/* panel img + text */

 .panel-logo-text {
  height: 210px!important;
  min-width: 200px;
  padding: 10px;
 }

 .panel-logo-text .panel-body {
  height: 100%;
  width: 100%;
  padding: 0px!important;
  padding-top: 0px!important;
  margin: 0px;
 }

 .panel-logo-text .panel-body img.text {
   float: left;
   position: inline-block;
   left: 0%;
/*   transform: translate(0%, -50%);*/
   margin-top: 10px; 
   padding: 0px; 
   padding-left: 10px;
   padding-bottom: 0px;
   max-width: 90%; 
   max-height: 70%;
  }

 .panel-logo-text .panel-body p.text {
   float: left;
   position: inline-block;
   margin-left: 10px;
   margin-top: 10px;
   font-size: 14px;
   font-weight: bold;
   max-width: 90%; 
  }

 .panel-logo-text:hover .tms-btn-dot {
  bottom: 95px!important;
}

.panel-logo-text:hover .tms-panel-border {
  height: 100px!important;
}

/**/

.panel-order a:hover {
	color: inherit;
}

.nav-utilities .navbar-nav li
{
	width: 103px;
}

.nav-utilities .navbar-nav li a
{
	padding-right: 15px;	
	padding-left: 15px;	
}

.tms-panel-thumb a {
  color: #ffffff;
  }

.badge
{
	background-color: red;
	vertical-align: top;
	font-family: 'Roboto', sans-serif;
}

.upgdiscount {			
	text-decoration: line-through;
}

h2.sidebar
{
	font-size: 14px;
}

table.list
{
	text-align:center;
}

table.list tr td:first-child
{
	text-align:left;
}

table.list td.w
{
	max-width:110px;
	min-width:75px;
	vertical-align:top;
}

table.list td.w table
{
	border:0px;
	text-align:right;
	width:100%;
}

table.list td.w table td
{
	text-align:right;
	border:0px;
}

table.list td.dw
{
	width:80px;
}

table.list td.name
{
	width:200px;
}

table.list h4
{
	font-size: 14px;
}

#p_selected
{
	padding-left:22px;background: url('../img/checkmark.gif') no-repeat left center;
}

.news-item
{
	padding-bottom: 30px;
}

table.form input[type="text"], 
table.form input[type="number"], 
table.form input[type="time"], 
table.form input[type="password"] 
{ 
	background-color: #FFF; 
	padding: 2px 5px 2px 5px; 
	border:1px solid #b3c6e6; 
}

table.form input[type="text"], 
table.form select, 
table.form textarea, 
table.form input.text,
table.form input[type="file"], 
table.form input.file 
{
	border: 1px solid silver;
	max-width: 250px;
	width: 90%;
	height: 23px;
	margin-bottom: 2px;
	box-sizing: border-box;
}

table.form textarea
{
	width: 90%;
	max-width: 700px;
	height: 200px;
}

p.quote {
	color: #000;
	font-style: italic;
}

span.highlight {
	color: #f44336;
	font-weight: bold;	
}

#product-release,
#product-release h4
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 14px;
}

#product-features .h1,
#product-features .h2,
#product-features .h3,
#product-features .h4,
#product-features h1,
#product-features h2,
#product-features h3,
#product-features h4 {
	margin-top: 15px;
}

div.faq,
h4.faq 
{
	margin-top: 0;
	margin: 0!important;
	cursor: pointer;
	font-size: 14px;
/*	color: black;*/
}

div.faq img,
h4.faq img
{
	margin:0;
	padding:0;
}

.link a
{
	color: black!important;
	text-decoration: !important;
}

.link a:link,
.link a:visited,
.link a:active,
.link a:hover,
.news a:link,
.news a:visited,
.news a:active,
.news a:hover
{
	color: black!important;
	text-decoration: none!important;
}

.link .tms-panel-thumb {
  display: inline-block;
  font-size: 16px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin-bottom: 14px;
  margin-right: 20px;
}

h3.line {
	border-bottom: 2px solid #EEE;
}

.product-row img.cta-img {
	max-width: 100%;
}

.product-row img {
    margin-top: 20px;
	max-width: 60%;
	height: auto;
}


.product-row table.list td.w img
{
	margin-top: 0px!important;
}

.sub li
{
	margin-right: 15px;
	margin-top: 15px;
	font-weight: bold;
}

#product-downloads
{
	padding-top: 15px!important;
	padding-bottom: 15px!important;
}

/* */

/* My Products */

div.warning {
	display: inline-block;
	background-color: #F6F6F6;
	padding: 15px 15px 15px 15px;
	color: #000;
	line-height: 18px;
	border: 2px solid #EEE;
}

div.warning img
{
	margin: 0px;
	padding: 0px;
}

#prdls span.new,
#downloads span.new {
	padding: 0px 32px 0px 0px;
	margin-right: 10px;
	background-image: url('../img/downloads_new.png');
}

#downloads .download-list,
#downloads a,
#downloads ul,
#downloads li
{
	padding-top: 0px;
	margin-top: 0px;
}

#downloads li,
#downloads a
{
	display: block;
	clear: both;
	border-top: 0px!important;
}

/* */

/* MISC */

p.clear {
	clear: left;
}


/* */


/* PRODUCT COLORS */


/* FNC VARIANT */

.tms-panel-sub
{
	width:100%;
	height:25%;
	position:relative;
	top:-25%;
}

.tms-panel-sub div
{
	width:25%;
	height:100%;
	float:left;
	font-size: 6px;
}

.tms-panel-sub-red  {
	background-color: #f44336;	
}

.tms-panel-sub-web  {
	background-color: #00838F;	
}

.tms-panel-sub-yellow  {
	background-color: #ff9800;	
}

.tms-panel-sub-purple  {
	background-color: #9c00ff;	
}

/* */



/* TMSBLUE */
.product-black h2,
.product-black h4,
.product-black .product-list li a i {
  color: #009EE3;
}

.product-black .tms-panel-thumb,
.product-black .product-list li a:hover {
  background: #009EE3;
}

.tms-product-black .panel-body p,
.tms-product-black .panel-body h4,
.tms-product-black .panel-body span.btn,
.tms-product-black .panel-body span.price  {
  color: #009EE3;
}

.tms-product-partners {
  border-color: #78644B;
}

.tms-product-black .tms-panel-border {
  border-color: #009EE3;
}

.tms-product-black .tms-btn-dot,
.tms-product-black .tms-panel-thumb {
  background: #009EE3;
}

.tms-product-black .tms-panel-hidden {
  background: #00A7EF;
}

.tms-side-menu>li.tms-side-black .tms-panel-border {
  border-color: #009EE3;
}

.tms-side-menu>li.tms-side-black .tms-panel-thumb,
.tms-side-menu>li.tms-side-black .tms-btn-dot,
.tms-side-menu>li.tms-side-black .tms-side-submenu a.active,
.tms-side-menu>li.tms-side-black .tms-side-submenu a:hover {
  background: #009EE3;
}

.tms-side-menu>li.tms-side-black.active,
.tms-side-menu>li.tms-side-black .tms-side-submenu {
  background: #00A7EF;
}
/* */

/* WEBGREEN */

.product-web h2,
.product-web h4,
.product-web .product-list li a i {
  color: #00838F;
}

.product-web .tms-panel-thumb,
.product-web .product-list li a:hover {
  background: #00838F;
}

.tms-product-web .panel-body p,
.tms-product-web .panel-body h4,
.tms-product-web .panel-body span.btn,
.tms-product-web .panel-body span.price  {
  color: #00838F;
}

.tms-product-web .tms-panel-border {
  border-color: #00838F;
}

.tms-product-web .tms-btn-dot,
.tms-product-web .tms-panel-thumb {
  background: #00838F;
}

.tms-product-web .tms-panel-hidden {
  background: #00A2AB;
}

.tms-side-menu>li.tms-side-web .tms-panel-border {
  border-color: #00838F;
}

.tms-side-menu>li.tms-side-web .tms-panel-thumb,
.tms-side-menu>li.tms-side-web .tms-btn-dot,
.tms-side-menu>li.tms-side-web .tms-side-submenu a.active,
.tms-side-menu>li.tms-side-web .tms-side-submenu a:hover {
  background: #00838F;
}

.tms-side-menu>li.tms-side-web.active,
.tms-side-menu>li.tms-side-web .tms-side-submenu {
  background: #00A2AB;
}

/* */

/* SILVER */

.product-silver h2,
.product-silver h4,
.product-silver .product-list li a i {
  color: #BCC6CC;
}

.product-silver .tms-panel-thumb,
.product-silver .product-list li a:hover {
  background: #BCC6CC;
}

.tms-product-silver .panel-body p,
.tms-product-silver .panel-body h4,
.tms-product-silver .panel-body span.btn,
.tms-product-silver .panel-body span.price  {
  color: #BCC6CC;
}

.tms-product-silver .tms-panel-border {
  border-color: #BCC6CC;
}

.tms-product-silver .tms-btn-dot,
.tms-product-silver .tms-panel-thumb {
  background: #BCC6CC;
}

.tms-product-silver .tms-panel-hidden {
  background: #CBD3D8;
}

.tms-side-menu>li.tms-side-silver .tms-panel-border {
  border-color: #BCC6CC;
}

.tms-side-menu>li.tms-side-silver .tms-panel-thumb,
.tms-side-menu>li.tms-side-silver .tms-btn-dot,
.tms-side-menu>li.tms-side-silver .tms-side-submenu a.active,
.tms-side-menu>li.tms-side-silver .tms-side-submenu a:hover {
  background: #BCC6CC;
}

.tms-side-menu>li.tms-side-silver.active,
.tms-side-menu>li.tms-side-silver .tms-side-submenu {
  background: #CBD3D8;
}

/* */

/* GOLD */

.product-gold h2,
.product-gold h4,
.product-gold .product-list li a i {
  color: #DAA520;
}

.product-gold .tms-panel-thumb,
.product-gold .product-list li a:hover {
  background: #DAA520;
}

.tms-product-gold .panel-body p,
.tms-product-gold .panel-body h4,
.tms-product-gold .panel-body span.btn,
.tms-product-gold .panel-body span.price  {
  color: #DAA520;
}

.tms-product-gold .tms-panel-border {
  border-color: #DAA520;
}

.tms-product-gold .tms-btn-dot,
.tms-product-gold .tms-panel-thumb {
  background: #DAA520;
}

.tms-product-gold .tms-panel-hidden {
  background: #E1B74D;
}

.tms-side-menu>li.tms-side-gold .tms-panel-border {
  border-color: #DAA520;
}

.tms-side-menu>li.tms-side-gold .tms-panel-thumb,
.tms-side-menu>li.tms-side-gold .tms-btn-dot,
.tms-side-menu>li.tms-side-gold .tms-side-submenu a.active,
.tms-side-menu>li.tms-side-gold .tms-side-submenu a:hover {
  background: #DAA520;
}

.tms-side-menu>li.tms-side-gold.active,
.tms-side-menu>li.tms-side-gold .tms-side-submenu {
  background: #E1B74D;
}

/* */


/* ACADEMIC */

.tms-panel-img
{
	width:95%;
	height:95%;
	position: relative;
	top: -1px;
}

.product-ac h2,
.product-ac h4,
.product-ac .product-list li a i {
  color: #262934;
}

.product-ac .tms-panel-thumb,
.product-ac .product-list li a:hover {
  background: #262934;
}

.tms-product-ac .panel-body p,
.tms-product-ac .panel-body h4,
.tms-product-ac .panel-body span.btn,
.tms-product-ac .panel-body span.price  {
  color: #262934;
}

.tms-product-ac .tms-panel-border {
  border-color: #262934;
}

.tms-product-ac .tms-btn-dot,
.tms-product-ac .tms-panel-thumb {
  background: #262934;
}

.tms-product-ac .tms-panel-hidden {
  background: #444;
}

.tms-side-menu>li.tms-side-ac .tms-panel-border {
  border-color: #262934;
}

div.tms-side-ac {
  background-color: #262934!important;
}

.tms-side-menu>li.tms-side-ac .tms-panel-thumb,
.tms-side-menu>li.tms-side-ac .tms-btn-dot,
.tms-side-menu>li.tms-side-ac .tms-side-submenu a.active,
.tms-side-menu>li.tms-side-ac .tms-side-submenu a:hover {
  background: #262934;
}

.tms-side-menu>li.tms-side-ac.active,
.tms-side-menu>li.tms-side-ac .tms-side-submenu {
  background: #262934;
}

.list-product-ac .tms-panel-thumb,
.tms-panel-thumb-red  {
	background: #262934;	
}

.list-product-ac .title h4  {
	color: #262934;
}

/* */

.list-product-red .tms-panel-thumb,
.tms-panel-thumb-red  {
	background: #f44336!important;	
}

.list-product-red .title h4  {
	color: #f44336;	
}

.list-product-yellow .tms-panel-thumb,
.tms-panel-thumb-yellow  {
	background: #ff9800!important;	
}

.list-product-yellow .title h4  {
	color: #ff9800;
}

.list-product-gold .tms-panel-thumb,
.tms-panel-thumb-gold  {
	background: #E1B74D!important;	
}

.list-product-gold .title h4  {
	color: #E1B74D;
}

.list-product-green .tms-panel-thumb,
.tms-panel-thumb-green  {
	background: #4caf50!important;
}

.list-product-green .title h4  {
	color: #4caf50;
}

.list-product-blue .tms-panel-thumb,
.tms-panel-thumb-blue  {
	background: #0068b4!important;
}

.list-product-blue .title h4  {
	color: #0068b4;
}

.list-product-purple .tms-panel-thumb,
.tms-panel-thumb-purple  {
	background: #9c00ff!important;
}

.list-product-purple .title h4  {
	color: #9c00ff;
}

.list-product-blue-light .tms-panel-thumb,
.tms-panel-thumb-blue-light  {
	background: #56b8ff!important;
}

.list-product-blue-light .title h4  {
	color: #56b8ff;
}

.list-product-pink .tms-panel-thumb,
.tms-panel-thumb-pink  {
	background: #ff005a!important;
}

.list-product-pink .title h4  {
	color: #ff005a;
}

.list-product-web .tms-panel-thumb,
.tms-panel-thumb-web  {
	background: #00838F!important;
}

.list-product-web .title h4  {
	color: #00838F;
}

.list-product-silver .tms-panel-thumb,
.tms-panel-thumb-silver  {
	background: #BCC6CC!important;
}

.list-product-silver .title h4  {
	color: #BCC6CC;
}

.list-product-gold .tms-panel-thumb,
.tms-panel-thumb-gold  {
	background: #DAA520!important;
}

.list-product-gold .title h4  {
	color: #DAA520;
}

.list-product-black .tms-panel-thumb,
.tms-panel-thumb-black  {
	background: #009EE3!important;
}

.list-product-black .title h4  {
	color: #009EE3;
}

.list-product-stellar .tms-panel-thumb,
.tms-panel-thumb-stellar  {
	background: var(--stellar-dark)!important;
}

.list-product-stellar .title h4  {
	color: var(--stellar-dark);
}

/* */

/* LOGOS */ 

.bmimg
{
	width: 24px!important;
	height: 24px!important;
	margin-right: 5px;
	margin-top: 0px!important;
	padding-top: 0px!important;
}

.img-fw li,
.img-fw img
{
	padding: 0;
	margin: 0;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 40px;
}

/* */ 

/* CLOUD PACK LOGOS GRID */


#cloudlist table {
	float: left;
	min-height: 75px!important;
	min-width: 250px!important;
	max-width: 300px!important;
}

#cloudlist td {
	vertical-align: top;
	text-align: left;
}

#cloudlist td:last-child {
	width: 100%;
}

#cloudlist img {
	margin-top: 5px!important;
	width: 42px!important;
	height: 42px!important;
	max-width: 42px!important;
}

#cloudlist ul {
	clear: left!important;
	margin-left: 10px!important;
	list-style: none!important;
	padding-bottom: 10px!important;
	padding-left: 0px!important;
}

#cloudlist ul li {
	background: url('../img/cloudpack_li2.png') no-repeat 0px 0px!important;
	padding-left: 34px!important;
	padding-top: 16px!important;
	height: 24px!important;
}


#cloudlist ul li:first-child {
	background: url('../img/cloudpack_li1.png') no-repeat 0px 0px!important;
}

/* */

/* TABLE LIST */
table.list
{
	border-collapse:collapse;
	border-right:1px solid #EEE;
	border:1px solid #EEE;
}

table.list td
{
	border:1px solid #EEE;
	padding:3px;
	height:25px;
}

table.list td.topic
{
	background: #EEE;
	font-weight: bold;
}

table.list tr.b
{
	background-color:#F;
}

table.list tr.hover:hover
{
	background-color: #EEE;
}

#product-content table.list img
{
	float:none;
	margin:auto;
	padding: 0px 0px 0px 0px;	
}
/* END */

/* @group feature request voting */

span.vote
{
	font-size:46px;
	font-weight:bold;
}

span.vtitle
{
	font-size:16px;
	font-weight:bold;
}

div.votebutton,
div.disabledbutton
{
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	width:110px;
	text-align:right;
}

div.votebutton
{
	cursor:pointer;
}

div #voteup
{
	background: #009EE3 url('../img/vote_up.png') no-repeat 5px 8px;
	color: white;
}

div #votedown
{
	background: #f6f6f6 url('../img/vote_down.png') no-repeat 5px 8px;
}

div #voteupd
{
	background: #009EE3 url('../img/vote_up_d.png') no-repeat 5px 8px;
	color: white;
}

div #votedownd
{
	background: #f6f6f6 url('../img/vote_down_d.png') no-repeat 5px 8px;
}

div.fr
{
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* END */

/* @group PRICELIST */

#inner-content table.pricelist
{
	border-collapse: collapse;
	width:100%
}

/* banding */
table.pricelist tr.b td
{
	background-color: #FAFAFA;
}

table.pricelist tr.topic td
{
	background: #C9DEF9;
	font-weight: bold; 
	font-size: 14px;
	height: 20px;
}

table.pricelist td.subtopic
{
	font-weight: bold; 
}

table.pricelist td
{
	height: 25px;
	padding: 5px;

	border-style: solid;
	border-color: #F6F6F6;
	border-width: 1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

table.pricelist tr.header td
{
	border: 0px;
}

table.pricelist td.pricecol
{
	vertical-align:top;
	text-align:right;
	width: 160px;
}

img.infoimg, table.pricelist a img, table.pricelist i
{
	float: right;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
}

/* END */

/* TMS QUICKLINKS */

.overlay {
	height:100%;
	width:100%;
	display:block;
	position:fixed;
	background:black;
	opacity:0.4;
	margin:0;
	padding:0;
}

.tms-quicklinks .material-icons{
  font-size: 1.4em;
  padding-right: 10px;
  font-weight: 100;
  vertical-align: top;
  margin-top: -2px;
}

.tms-quicklinks .bg-gradient-darkerblue {

	color: white;

/*	background-image: url("../img/bg/waves-darkerblue.svg");*/
	background-image: url("../img/bg/waves-popup7.svg");
	
	background-size: cover;
	background-position: bottom;
	margin-top: -20px;
  }

.title-outline-white
{
	color: white;
	text-align: center;
}

.vertical-center {
	display: flex;  
	align-items: center;
}

.subtleband
{
	padding: 16px;
}

.font-md
{
	font-size: 1.4em;
}

.tms-quicklinks .subtleband a:hover {
	color: white;
}

.tms-quicklinks {
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background: #3B4F60;
}

.tms-quicklinks hr {
	margin-bottom: 20px;
	margin-top: 10px;
	border: 1px solid var(--tmsblue);
}

.tms-quicklinks .baseline
{
	color: white;
}

.tms-quicklinks li a
{
	font-size: 1.1em;
	line-height: 2.2em;
}

.tms-quicklinks a {
  color: white;
}

.tms-quicklinks a:hover {
  color: var(--tmsblue);
}

.tms-quicklinks .sublink {
  padding-top: 30px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  font-size: 1.2em;
  color: var(--tmsblue);
  margin-bottom: 10px;
}

.tms-quicklinks .productband a
{
	color: white;
	text-decoration: none;
}

.tms-quicklinks .productband a:hover
{
	color: white;
	text-decoration: none;
}

/* TMS CUSTOM SPOTLIGHT */

.spotlight-custom .spotlight-content 
{
	background-image: url();
}

.spotlight-custom h3
{
	color: #fff;
}

.spotlight-custom .detail
{
	clear: all;
	margin-top: 15px;
	margin-bottom: 0px;
}

.btn-spotlight
{
	border-color:white;
	color:white;
}

.btn-spotlight:hover
{
	background-color:rgba(255,255,255,0.1);
	border-color:white;
	color:white;
}

.spotlight .navbar-full img,
.spotlight-custom .navbar-full img {
  margin: 0px;
  padding-top: 10px;
  padding-right: 5px;
}


/* TMS BANNER */

.banner .bigsize
{
	display: block;
}

.banner .smallsize
{
	display: none;
}

.banner {
  padding: 0px;
}

.banner-content
{
  min-height: 250px;
}

.banner h3 {
  font-weight: bold;
  margin-bottom: 25px;
  color: #ffffff;
}

.banner .all {
  margin: 0;
  background-image: url('../img/spotlight_bg.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 405px 328px;
}

.banner ul.list {
  font-size: 18px;
  font-weight: 300;
  color: #4dbbeb;
  padding-left: 22px;
}

.banner ul.list li span {
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
}

.banner .list, .banner .list ul
{
	min-width: 0;
}

.banner .icons
{
	min-width: 270px; 
}

.banner .navbar-full img {
  margin: 5px;
}

.banner .navbar-full {
  margin-bottom: 15px;
}

.banner .btn {
  max-width: 100%;
}


/* banner colors */

.bg-ac
{
	background-color: black;
}

.color-ac,
.color-ac ul.list li
{
	color: white;
}

.bg-partners {
  background-color: #78644B;
}

.bg-partners ul.list
{
  color: #FFF;
}

.bg-red {
  background-color: #f6695e;
}

.bg-red ul.list
{
  color: #f44336;
}

.bg-yellow {
  background-color: #ffad33;
}

.bg-yellow ul.list
{
  color: #ff9800;
}

.bg-blue-light {
  background-color: #67bfff;
}

.bg-blue-light ul.list
{
  color: #56b8ff;
}

.bg-green {
  background-color: #5eb761;
}

.bg-green ul.list
{
  color: #4caf50;
}

.bg-web
{
  background-color: #00A2AB;
}

.bg-web ul.list
{
  color: #00838F;
}

.bg-silver
{
  background-color: #CBD3D8;
}

.bg-silver ul.list
{
  color: #BCC6CC;
}

.bg-gold
{
  background-color: #E1B74D;
}

.bg-gold ul.list
{
  color: #DAA520;
}

.bgtext
{
  position:absolute;
  font-size: 200px;
  font-weight:bold;
  opacity:0.1;
  width:100%;
  height:100%;
  overflow:hidden;
  text-align: center;
  margin:0px;
  padding:0px;
  color:white;  
  top: -25px;
}





/* FANCYBOX */ 

a.zoom img
{
  padding-left:25px;
  background-image: url("../img/icons/zoom.png");
  background-repeat: no-repeat;
  background-position: top left;
}

/* */

.product-list li a:hover i {
  color: #fff;
}

.product-list-desc {
	padding-left:45px;
	padding-bottom:20px;	
}

/* */

.bg-buy {
  background-color: #009EE3!important;
  color: #fff!important;
}

.bg-buy:hover {
  background-color: #00A7EF!important;
  color: #fff!important;
}

.bg-buy i {
  color: #fff!important;
}


/* header */
header .navbar-brand {
   height: 62px;
   padding-top: 15px;
   padding-bottom: 15px;
}

.nav-main .navbar-nav>li>a {
	padding-top: 21px;
    padding-bottom: 19px;
}

.nav-main .nav-search button {
	height: 62px;
}

.navbar-toggle {
	margin-top: 22px;
}

/* */


ul#btnmenu li img
{ 
	max-height:32px; 
	max-width:32px; 
	margin-right:10px; 
	margin-top:5px; 
	margin-bottom: 5px; 
}

/* MANUALS LIST */


img.li,
.helplist li img
{
	max-height:32px; 
	max-width:32px; 
	margin-top:5px; 
	margin-bottom: 5px;
	margin-right: 10px;
}

ul#faq li img
{
	max-height:32px; 
	max-width:32px; 
	margin-bottom:-8px;
}

/* icons */
.menu_icon
{
	margin-right: 10px;
	height: 24px;
}


/* Legend */ 

div.legend {
	background-color:#FFFFFF;
	color:black;
	font-size: 12px;
	border:1px solid #767676;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	width:325px;
	position:absolute;
	z-index:999;
	top:0px;
	left:0px;
	width:auto!important;
	max-width:325px;
}

/* Tags */

.tag-list {
    list-style-type: none; 
	padding: 0!important; 
	margin: 0; 
	overflow: hidden;
    font: normal 16px sans-serif; 
	width: 100%;
}

.tag-list-all {
	margin: 4px;
	padding: 4px;
	max-height: 130px;
    overflow-y: auto;
	overflow-x: hidden; 
	border: 1px solid #eee;
	width: 60%;
}

.tag-list li { 
	display: block; 
	float: left; 
	overflow: hidden; 
}
.tag-list div { 
	width: auto; 
	float: left; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 9px; 
	margin-bottom: 9px;
}

.tag-list .tag-list-tag {
	color: #fff; 
	background: #009EE3; 
	white-space: nowrap;
    overflow: hidden; 
	cursor: pointer; 
	width: auto;
}

.tag-list .tag-list-tag span, 
.tag-list .tag-list-tag a 
{
	letter-spacing: 1px;
	color: #fff;
	text-decoration: none;
}

.tag-list .red-tag { 
	background: #f44336; 
}

.tag-list .yellow-tag { 
	background: #ff9800; 
}

.tag-list .silver-tag { 
	background: #bcc6cc; 
}

.tag-list .web-tag { 
	background: #00838F; 
}

.tag-list .blue-light-tag { 
	background: #56b8ff; 
}

.tag-list .blue-tag { 
	background: #0068b4; 
}

.tag-list .green-tag { 
	background: #4caf50; 
}

.tag-list .purple-tag { 
	background: #9c00ff; 
}

.tag-list .gold-tag { 
	background: #daa520; 
}

.tag-list .pink-tag { 
	background: #ff005a; 
}

/* TAG EDITOR*/

.tagcontainer {
	width: 60%;
}

.tageditor {
	width:95%;float:left;
}

.tagbutton {
	width:5%;
	float:left;
	padding-left:5px;
}

.tagbutton a {
	font-size:24px;
	font-weight:bold;
	float: left;
}

.tagbutton img {
	float: left;
	/*height: 18px;*/
	margin-top:4px;
	margin-right:25px;
	cursor:pointer;
}

/* */

@media only screen and (max-width: 767px) {

.tagcontainer {
	width: 100%;
}

.tag-list {
	width: 100%;
}

.tag-list-all {
	width: 100%;
}

	.banner {
		padding: 0px;	
	}

	.banner .bigsize
	{
		display: none;
	}

	.banner .smallsize
	{
		display: block;
	}

	.banner .bgtext
	{
		font-size: 100px;
		padding-top: 100px;
	}

	.spotlight-custom .bgtext
	{
		font-size: 100px;
	}

	.spotlight-custom .visual,
	.banner-content .visual {
		margin-top: -24px;
		margin-bottom: -45px;
	}

	.spotlight-custom .spotlight-content .nav,
	.banner-content .nav {
		margin-top: -124px;
		margin-bottom: -35px;
	}

	.spotlight-custom .btn,
	.banner-content .btn {
		margin-bottom: 20px;
	}

	.spotlight-custom .btn,
	.banner .btn {
		padding-left: 10px;
		padding-right: 10px;
	}

	.spotlight-custom .navbar-full img,
	.banner .navbar-full img {
		margin-bottom: 40px;
	}

	.vertical-center {
		display: inherit;  
		align-items: inherit;
	}
}

/* */

/* Quotes Slider */
/* Testimonials */

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #f1f1f1f1;  
  height: 200px;
  overflow: hidden;
}

/* Slides */
.mySlides {
  display: none;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 70%;
  text-align: center;
  position: absolute;
  padding-right: 10px;
  padding-left: 10px;
}

.mySlydes .quote
{
	width: 80%;
	border: 1px solid black;
}

/* Next & previous buttons */
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #717171;
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 20px;
  background: #ddd;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.dotactive, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {
	font-style: italic;
	font-size: 1.2em;
}

/* Add a blue color to the author */
.author {
	color: gray;
	font-size: 1.0em;
}

@media only screen and (max-width: 1400px) {

	.slideshow-container {
	  height: 250px;
	}
}

@media only screen and (max-width: 1200px) {

	.slideshow-container {
	  height: 300px;
	}

	q {
		font-size: 1.0em;
	}
}

@media only screen and (max-width: 767px) {
	.slideshow-container {
		height: 400px;
	}

	.mySlides {
		width: 80%;
	}

	.slideshow {
		margin-bottom: 15px;
	}
}


/* ## product bands ## */
.b-tbl{
	display: table;
	width: 100%;
	height: 400px;
	/*padding: 3%;*/
}

.b-tbl-img{
	display: table;
	width: 100%;
	height: 400px;
}

.b-cel{
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.b-cel-l{
	text-align: left;
}

.b-cel-r{
	text-align: right;
}

.b-cel-c{
	text-align: center;
}

.b-cel h3{
	font-size: 2em;
}

.b-cel img.img-product
{
	max-width: 100%;
	max-height: 400px;
	margin-top: 0;
}

.b-cel img.img-product-border
{
	border-radius: 5px;
	border: 1px solid #aaa;
}

.b-caption
{
	font-size: 1.2em;
	display: block;
	margin: 0; 
	padding: 0;
	padding-top: 5px;
	position: relative;
}

.b-img-product-logo
{
	width: 40px;
	padding-right: 5px;
}

.b-img-product-zoom
{
	cursor: pointer;
}


@media only screen and (max-width: 1200px) {

.b-tbl{
	height: 200px;
	padding: 0;
}

.b-tbl-img{
	height: 200px;
}

.b-cel-l{
	text-align: center;
}

.b-cel-r{
	text-align: center;
}

.b-cel h3{
	font-size: 1.7em;
}

}

/* ## product bands ## */

.navbar-product
{
	padding-top: 8px;
	padding-bottom: 13px;
	display: none;
	margin: 0 35px;
	border: 0;
}

.navbar-product li a
{
	padding: 0;
	margin: 0;
}

.navbar-product div.row.product-tabs
{
	padding: 0;
	margin: 0;
}

.product-name .product-title
{
	float: left;
	padding:0;
	margin: 0;
}

.product-name .tms-big
{
	margin-top:-10px;
	margin-bottom:0;
	margin-right:0;
	width:40px;
	height:40px;
	font-size:13px;
	line-height:40px;
}

@media only screen and (max-width: 767px) {

	.navbar-product
	{
		margin: 0;
	}

	.navbar-product li
	{
		display: none;
	}		

	.navbar-product li.product-name
	{
		display: block;
	}		
}


/* TMS NEWS */

.newsitem-date {
	display: inline-block;
	color:#666;
	font-size: 0.8em;
	padding-left: 1px;
}
.newsitem-date i {
	margin-right: 5px;
	vertical-align: middle;
	font-size: 1.8em;
	color: #666;
}

.products-overview .product-title
{
	padding-left: 3px;
}

@media only screen and (max-width: 767px) {
    .mobile_padding{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.products-overview .product-title
	{
		padding-left: 27px;
	}
}


/* FNC PARTNERS */
.row-partner
{
	padding: 25px;
	margin: 0;
}

.row-partner img
{
	max-width: 100%;
}

.row-partner a
{
	color: #999;
}

@media only screen and (max-width: 767px) {
	.row-partner
	{
		padding: 15px;
	}
}



/* MODAL IMAGE ZOOM */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#modalCaption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #modalCaption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
} 

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}