@charset "utf-8";

/***********************************************************************/
table.cmscat			{	border: 1px solid #DDD;	 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;	overflow: hidden;}
table.cmscat tbody 		{	background-color: white;	}
table.cmscat tbody tr	{	vertical-align: bottom;	}
table.cmscat tbody td	{	text-align: left; border: 1px solid #DDD;	font-size:11px; height: 30px;	padding: 0px 1px 0px 1px;	background-color: white;	}

table.cmscat label		{	width: 65px; min-width: 60px;}
table.cmscat select		{	width: auto; border: 1px solid #DDD;	}
table.cmscat input		{	width: 100px; min-width: 60px;}

table.cmscat .cmscat-icon	{	position: relative; }
table.cmscat .cmscat-icon .cmsicon {	height: 25px;	width: 25px;	padding: 0px 0px; margin: 0px 0px 0px 0px; border: 1px solid #DDD;	}

/*
.cmscat-select			{	position: absolute; font-size:6px; top: 1.7rem;	width: 25px; height: 30px	}
*/
table.cmscat .cmscat-selbtn			{	position: relative; font-size:6px; top: 2rem;	width: 25px; height: 25px	}
table.cmscat .cmscat-btn			{	border: 0px solid #AAA;	 font-size:11px; text-align: center;	white-space: nowrap; padding: 0px 0px; margin: 1px 1px; width: 72px; height: 20px;}
table.cmscat .cmscat-btn:hover 		{	background-color:black;	}

table.cmscat .cmscat-btn-blank		{	border: 0px solid #AAA;	 font-size:11px; text-align: center;	white-space: nowrap; padding: 0px 0px; margin: 1px 1px; width: 65px; height: 20px; background-color:white;	}
table.cmscat .cmscat-btn-blank:hover{	background-color:white;	}

table.cmscat .cmscat-rtnbtn			{	background-color:navy; font-size:11px; text-align: center;	white-space: nowrap; padding: 0px 0px; margin: 1px 1px; width: 90px;}
table.cmscat .cmscat-rtnbtn:hover 	{	background-color:black;	}

/* .cmscat-rtnbtn			{	position: relative;	box-sizing: border-box;	height: 25px;	padding: 0 0 0 0px; margin: 1px 2px; 	}
.cmscat-icon			{	position: relative;	box-sizing: border-box;	left: 0.0rem;	text-align: left; 	width: 120px;}
*/
table.cmscat .caticon	{	position: absolute;	right: 0.0rem;	top: 0.2rem;	width: 25px; height: 20px;	display: flex;	justify-content: center;	align-items: center;	box-sizing: border-box;	}

div.cmscat-table		{	display: table; width: 100%;	}
div.cmscat-row			{	display: table-row; text-align: left; vertical-align: middle; }
div.cmscat-row-center	{	display: flex; text-align: left; vertical-align: middle; justify-content : center;}
div.cmscat-cell			{	display: table-cell; text-align: left; margin: 0px 0px; padding: 0px 0px; border: 0px solid #DDD; font-size:11px; }
div.cmscat-cell input	{	min-width: 30px;	}

div.cmsgrid-tbl			{	text-align: center;	font-size:12.5px;	}

div.cmscat-row-group	{	display: table-row-group;	}		/* rowspan */
div.cmscat-cell-group	{	display: table-row;			}		/* colspan */

/***********************************************************************/
table.cmsedit			{	width: 100%; border: 1px solid #DDD;	margin: 0px 0px;	overflow: hidden;	}
table.cmsedit tbody 	{	background-color: white;	}
table.cmsedit tbody tr	{	width: 100%; overflow: hidden;}
table.cmsedit tbody td	{	text-align: left; border: 1px solid #DDD;	font-size:12px; width:200px; min-width:60px; max-width:300px; padding: 10px 10px; background-color: whitesmoke;}
/* table.cmsedit tbody td:hover {	background-color: darkgray; } */
  
table.cmsedit label						{	max-width: 100%; min-width: 60px;}
table.cmsedit select					{	min-width: 20px;}
table.cmsedit textarea					{	max-width: 100%; min-width: 60px; height: 60px; resize: both;}
table.cmsedit textarea:hover			{	background-color: lemonchiffon; color:black;}

table.cmsedit input						{	max-width: 100%; min-width: 60px;}
table.cmsedit input[type="month"]		{	padding: 0px 0px; }
table.cmsedit input[type="radio"],
table.cmsedit input[type="checkbox"]	{	display:inline-block;	vertical-align: middle;	margin: 0px -20px 0px -20px;	}
table.cmsedit input:hover,table.cmsedit select:hover,table.cmsedit button:hover,
table.cmsedit input[type="button"]		{	max-width: 100%; padding: 0px 0px; margin: 0px 1px 0px 0px; }
table.cmsedit input[type="radio"]:hover,
table.cmsedit input[type="checkbox"]:hover	{	margin: 0px -20px 0px -20px;	}

/*min-width: 40px; */
/*
table.cmsedit input[type="button"]		{	font-size:10px;	color: white; background-color: #4CAF50;	}
table.cmsedit input[type="button"]:hover{	background-color: white; color: black;	}
table.cmsedit .cmsedit-checkbox			{	width: 60px; max-width: 120px; min-width: 60px; }
*/
cmsbtn-edit-smail						{	min-width: 40px;	}
/*
table.cmsedit input[type=button] 		{	min-width: 100px;}
*/

table.cmsedit .cmsedit-icon					{	position: relative; }
table.cmsedit .cmsedit-icon	input			{	max-width: 100%; min-width: 60px;}
table.cmsedit .cmsedit-icon	select			{	max-width: 100%; min-width: 74px; }

/* .cmsbtn-icon,*/
table.cmsedit input[type="button"] .cmsicon,
table.cmsedit .cmsedit-icon .cmsicon,
table.cmsedit .cmsedit-icon .cmsicon-barcode	{	height: 30px;	width: 25px;	padding: 0px 0px; margin: 0px -5px 0px 3px; }

/***********************************************************************/
.cmsbtn {
	border: 1px solid #fff;	display: inline-block;		margin-bottom: 0;		font-weight: normal;	text-align: center;	white-space: nowrap;	vertical-align: middle;	-ms-touch-action: manipulation;		touch-action: manipulation;
	cursor: pointer;			background-image: none;	border: 1px solid transparent;	padding: 1px 1px 1px 1px;
	line-height: 1.42857143;	border-radius: 4px;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;
}
.cmsbtn-default 		{	color: #333;	background-color: #fff;		border-color: #2e6da4;	}	/* #ccc */
.cmsbtn-primary 		{	color: #fff;	background-color: #337ab7;  border-color: #2e6da4;	}
.cmsbtn-success 		{	color: #fff;	background-color: #5cb85c;	border-color: #4cae4c;	}
.cmsbtn-info			{	color: #fff;	background-color: #5bc0de;	border-color: #46b8da;	}
.cmsbtn-warning			{	color: #fff;	background-color: #f0ad4e;	border-color: #eea236;	}
.cmsbtn-danger			{	color: #fff;	background-color: #d9534f;	border-color: #d43f3a;	}

.cmsbtn:focus,	.cmsbtn:active:focus,	.cmsbtn.active:focus,	.cmsbtn.focus,	.cmsbtn:active.focus,	
.cmsbtn.active.focus			{	outline: 5px auto -webkit-focus-ring-color;		outline-offset: -2px;	}
.cmsbtn:hover,	.cmsbtn:focus,	
.cmsbtn.focus 					{	color: #333;	text-decoration: none;	}
.cmsbtn:active,	
.cmsbtn.active 					{	background-image: none;	outline: 0;	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);	}
.cmsbtn.disabled, .cmsbtn[disabled],
fieldset[disabled] .cmsbtn 		{	cursor: not-allowed;	filter: alpha(opacity=65);	opacity: 0.65;	-webkit-box-shadow: none;	box-shadow: none;	}
/***********************************************************************/
/*
.cmsicon-close		{	position: absolute;
	right: 1.5rem;	top: 1.0rem;	width: 2.5rem;	height: 3.2rem;	border-radius: 0.2rem;
	display: flex;  justify-content: center;  align-items: center;  box-sizing: border-box;	}

.cmsmodal {	   max-width: 80%; }
*/
/***********************************************************************/
/*
table.cmslist			{	font-size: 12px; margin: 0px 0px; padding: 0px 0px; border: 1px solid #DDD; line-height:0px;}
table.cmslist thead 	{	width:100%; }

table.cmslist thead th,
table.cmslist tbody th	{	border: 1px solid #DDD; font-weight: bold; text-align:center; margin: 0px 0px; padding: 10px 0px; vertical-align: middle; white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;}
*/
/* */
/*
table.cmslist tbody		{	overflow-y: auto;	overflow-x: auto;  }
table.cmslist tbody tr	{	width:100%;	}
table.cmslist tbody td	{	border: 1px solid #DDD; padding: 0px 3px; max-width:200px; vertical-align: middle; height:15px;	font-weight: initial; 
							overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis; }

table.cmslist tbody p,
table.cmslist tbody label			{	padding: 0px 0px; margin: 0px 0px; font-weight: normal; }
table.cmslist input,
table.cmslist button,
table.cmslist input[type="number"],
table.cmslist input[type="button"]	{	font-size: 7px; height: 20px; padding: 0px 0px; margin: 1px 0px; min-width: 30px; 
  border: none;
  cursor: pointer;display: inline-block;
text-decoration: none;}
*/
/* table.cmslist input[type="button"]	{	height: 20px; 	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
*/
/*
table.cmslist tbody 	{	}
table.cmslist tbody tr	{}
table.cmslist tbody td	{	vertical-align: middle; text-align: left; border: 1px solid #DDD;	font-size:11px;  padding: 2px 2px; margin:0px 0px;}
*/

  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
.tooltip-inner					{	background-color: black !important;	color: #fff;	}
.tooltip.top    .tooltip-arrow	{	border-top-color: black;	}
.tooltip.right  .tooltip-arrow	{	border-right-color: black;	}
.tooltip.bottom .tooltip-arrow	{	border-bottom-color: black;	}
.tooltip.left   .tooltip-arrow	{	border-left-color: black;	}

.cmscell				{	display: table-cell; margin: 0px 0px; padding: 0px 0px; border-bottom: 0px solid #DDD; font-size:11px; }

.cmscell-yellow			{	background-color: yellow !important;	}
.cmscell-gold			{	background-color: gold !important;	}
.cmscell-khaki			{	background-color: khaki !important;	}
.cmscell-lightsteelblue	{	background-color: lightsteelblue !important;	}
.cmscell-skyblue		{	background-color: skyblue !important;	}

.cmsimage-span			{	position: relative; 	}
.cmsimage-text			{	position: absolute; top:10px; left:10px; z-index:1; color:red; font-size:20px; font-weight:bolder;	}

div.cmslistbox				{	  position: relative;		min-height: 1px;		padding-right: 1%;		padding-left: 1%;		float: left;	width: 100%;	}
div.cmslistbox-dual			{	  position: relative;		min-height: 1px;		padding-right: 1%;		padding-left: 1%;		float: left;	width: 50%;	}

.cms-loader {
	position: absolute;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	top: 28px;
	left: 48px;
	width: 120px;
	height: 120px;
	text-align: center;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0%	{ -webkit-transform: rotate(0deg);	}
	100%{ -webkit-transform: rotate(360deg);}
}

@keyframes spin {
	0%	{ transform: rotate(0deg);	}
	100%{ transform: rotate(360deg);	}
}

/* cmss hortcode css */
.cmsshort-u-clearfix::after {
  content: '';
  display: table;
  clear: both;
}

.cmsshort-u-trim > :first-child {
  margin-top: 0;
}

.cmsshort-u-trim > :last-child {
  margin-bottom: 0;
}


.cmsshort-note {
  margin: 0 0 1.5em;
  border-width: 1px;
  border-style: solid;
}

.cmsshort-note-inner {
  padding: 1em;
  border-width: 1px;
  border-style: solid;
}

.cmsshort-button {
  display: inline-block !important;
  text-align: center;
  text-decoration: none !important;
  box-sizing: content-box !important;
  transition: all 0.2s;
}

.cmsshort-button-wide {
  display: block !important;
  margin: 1em 0;
}

.cmsshort-button-center {
  text-align: center;
}

.cmsshort-button span {
  display: block !important;
  text-decoration: none !important;
  box-sizing: content-box !important;
  transition: all 0.2s;
}

.cmsshort-button img {
  border: none !important;
  vertical-align: middle !important;
  margin: -0.2em 0.4em 0 -0.3em !important;
  box-shadow: none !important;
}

.cmsshort-button i {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.5em 0 0 !important;
  text-align: center;
  line-height: 1em;
}

.cmsshort-button.cmsshort-button-float-icon img {
  margin: 0 0.5em !important;
}

.cmsshort-button small {
  display: block;
  margin: -0.2em 0 0;
  color: inherit;
  text-align: center;
  font-style: normal;
  font-size: 0.8em;
  line-height: 1;
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .cmsshort-button span {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
    line-height: 1.2 !important;
  }
  .cmsshort-button small {
    margin-top: 0.2em !important;
  }
}

.cmsshort-button-style-default {
  border-width: 1px;
  border-style: solid;
}

.cmsshort-button-style-default:hover {
  opacity: 0.7;
}

.cmsshort-button-style-default span {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
}

.cmsshort-button-style-flat,
.cmsshort-button-style-flat span {
  border: none;
}

.cmsshort-button-style-flat span {
  position: relative;
}

.cmsshort-button-style-flat:hover span {
  top: 1px;
}

.cmsshort-button-style-ghost {
  background: transparent !important;
}

.cmsshort-button-style-ghost span {
  border-width: 3px;
  border-style: solid;
}

.cmsshort-button-style-ghost:hover span {
  border-color: inherit !important;
}

.cmsshort-button-style-soft span {
  background: 0 -20px url("../images/styles/style-soft.png") repeat-x;
}

.cmsshort-button-style-soft:hover span {
  background: 0 0 url("../images/styles/style-soft.png") repeat-x;
}

.cmsshort-button-style-glass span {
  background: 0 50% url("../images/styles/style-glass.png") repeat-x;
}

.cmsshort-button-style-glass:hover span {
  background: 100% 50% url("../images/styles/style-glass.png") repeat-x;
}

.cmsshort-button-style-bubbles span {
  background: 0 50% url("../images/styles/style-bubbles.png") no-repeat;
}

.cmsshort-button-style-bubbles:hover span {
  background: -710px 50% url("../images/styles/style-bubbles.png") no-repeat;
}

.cmsshort-button-style-noise span {
  background: 0 0 url("../images/styles/style-noise.png") repeat-x;
}

.cmsshort-button-style-noise:hover span {
  background: 0 0 url("../images/styles/style-noise.png") repeat-x;
}

.cmsshort-button-style-stroked span {
  margin: 1px;
  border: 1px dashed #fff !important;
}

.cmsshort-button-style-stroked:hover span {
  opacity: 0.7;
}

.cmsshort-button-style-3d {
  border-bottom-style: solid;
  border-bottom-width: 6px;
}

.cmsshort-button-style-3d span {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.cmsshort-button-style-3d:hover {
  position: relative;
  top: 3px;
  border-bottom-width: 3px;
}