@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700");
ul.main_lateral_menu_crm {
  width: 260px;
  background: #709255;
  min-height: 100vh;
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  color: #fff;
  padding: 30px 30px 50px 30px;
  cursor: default;
}
ul.main_lateral_menu_crm .main_user {
  width: 100%;
  padding-bottom: 30px;
}
ul.main_lateral_menu_crm .main_user span {
  display: block;
}
ul.main_lateral_menu_crm .main_user .logo {
  height: 30px;
  display: block;
}
ul.main_lateral_menu_crm .main_user .logo img {
  height: 100%;
}
ul.main_lateral_menu_crm .main_user .user {
  padding-top: 25px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
}
ul.main_lateral_menu_crm .main_user .mail {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
  font-size: 11px;
}
ul.main_lateral_menu_crm li {
  width: 100%;
}
ul.main_lateral_menu_crm li article {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
ul.main_lateral_menu_crm li .opt_menu {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  padding: 12px 0px;
  position: relative;
  line-height: 0;
  cursor: pointer;
}
ul.main_lateral_menu_crm li .opt_menu:hover {
  color: #fff;
}
ul.main_lateral_menu_crm li .opt_menu:hover b {
  color: rgba(255, 255, 255, 0.4);
}
ul.main_lateral_menu_crm li .opt_menu.select {
  color: #fff;
  font-weight: bold;
}
ul.main_lateral_menu_crm li .opt_menu.select b {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
}
ul.main_lateral_menu_crm li .opt_menu.select:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -30px;
  width: 9px;
  background: #96c11f;
}
ul.main_lateral_menu_crm li .opt_menu.notify:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #ca6156;
  left: -16px;
  top: 50%;
  margin-top: -2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
ul.main_lateral_menu_crm li .opt_menu b {
  font-weight: normal;
  font-weight: 600;
  float: right;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
}
ul.main_lateral_menu_crm li .separator {
  display: block;
  padding: 15px 0px;
  /*box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);*/
}
ul.main_lateral_menu_crm li .copyright {
  /*position: fixed;bottom: 30px;left: 20px;*/
  font-weight: bold;
  opacity: 0.2;
}
/*

@media screen and (max-width:900px){
	#lateral_popup{left: -300px;}
	.main_lateral_menu_crm{position: fixed; top: 0px; left: -300px; bottom: 0px; overflow: auto; z-index: 100; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0;

	}
}

*/
@media screen and (max-width: 1025px) {
  ul.main_lateral_menu_crm {
    width: 220px;
  }
  ul.main_lateral_menu_crm li a {
    font-size: 12px;
  }
}
.main_header_mobile_crm {
  position: relative;
  height: 50px;
  background: #fff;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  display: none;
}
/*

@media screen and (max-width:800px){
	.main_header_mobile_crm{display: block;}
}

*/
.main_filter_default_crm {
  width: 100%;
  padding: 15px 0px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  display: table;
  position: relative;
  z-index: 1;
}
.main_filter_default_crm select,
.main_filter_default_crm input {
  width: auto;
  padding: 4px 10px;
  padding-bottom: 6px;
  float: left;
  letter-spacing: 0.5px;
}
.main_filter_default_crm .main_select {
  width: auto;
  margin-right: 15px;
  max-width: 20%;
}
.main_filter_default_crm .main_select .arrow {
  content: "";
  position: absolute;
  height: 23px;
  width: 16px;
}
.main_filter_default_crm .main_select select {
  padding-right: 25px;
  width: 100%;
}
.main_filter_default_crm .icon_refresh {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  width: 20px;
  height: 20px;
  background: url("../../../images/crm/icons/icon-20-default.png") no-repeat center -30px;
  opacity: .3;
}
.main_filter_default_crm .icon_refresh:hover {
  opacity: .6;
}
.main_filter_default_crm .search {
  margin-right: 15px;
  width: 20%;
  padding-left: 20px;
  padding-right: 25px;
  background: url("../../../images/crm/icons/icon-20-default.png") no-repeat 3px 3px;
}
.main_filter_default_crm .search::-webkit-search-cancel-button {
  position: absolute;
  cursor: pointer;
  background: url("../../../images/crm/icons/icon-20-default.png") no-repeat center -62px;
  opacity: .3;
  right: 5px;
  top: 5px;
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
}
.main_filter_default_crm .search::-webkit-search-cancel-button:hover {
  opacity: .5;
}
.main_filter_default_crm .total {
  display: inline-block;
  float: right;
  font-weight: 400;
  letter-spacing: normal;
  padding-top: 3px;
  padding-right: 2px;
  color: rgba(0, 0, 0, 0.5);
}
.main_filter_default_crm .separator {
  float: left;
  height: 26px;
  line-height: 0px;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0px 15px 0px 0px;
}
.main_filter_default_crm .close_filter {
  display: none;
  padding-top: 10px;
  text-align: center;
}
/*

@media screen and (max-width:700px){
	.main_filter_default_crm{

		select, input{width: 100%; float: none;}

		.main_select{width: 100%; max-width: 100%; margin-right: auto; margin-bottom: 10px;}

		.search{width: 100%; margin-right: auto; margin-bottom: 10px;}

		.separator{display: none;}

		.close_filter{display: block;}
	}
}

*/
.main_default_table_crm,
.news_default_table_crm {
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 2;
}
.main_default_table_crm th,
.news_default_table_crm th,
.main_default_table_crm td,
.news_default_table_crm td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 10px;
}
.main_default_table_crm th:first-child,
.news_default_table_crm th:first-child,
.main_default_table_crm td:first-child,
.news_default_table_crm td:first-child {
  width: 30px;
}
.main_default_table_crm th:nth-child(2),
.news_default_table_crm th:nth-child(2),
.main_default_table_crm td:nth-child(2),
.news_default_table_crm td:nth-child(2) {
  width: 50px;
}
.main_default_table_crm th:last-child,
.news_default_table_crm th:last-child,
.main_default_table_crm td:last-child,
.news_default_table_crm td:last-child {
  width: 50px;
  text-align: right;
}
.main_default_table_crm td img,
.news_default_table_crm td img {
  height: 50px;
}
.main_default_table_crm td .more_options,
.news_default_table_crm td .more_options {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1024px) {
  .main_default_table_crm td .more_options,
  .news_default_table_crm td .more_options {
    visibility: visible;
    opacity: 1;
  }
}
.main_default_table_crm td .more_options u,
.news_default_table_crm td .more_options u {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #749518;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main_default_table_crm td .more_options u:before,
.news_default_table_crm td .more_options u:before,
.main_default_table_crm td .more_options u:after,
.news_default_table_crm td .more_options u:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #749518;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.main_default_table_crm td .more_options u:before,
.news_default_table_crm td .more_options u:before {
  left: -5px;
}
.main_default_table_crm td .more_options u:after,
.news_default_table_crm td .more_options u:after {
  right: -5px;
}
.main_default_table_crm td:nth-child(n+4),
.news_default_table_crm td:nth-child(n+4) {
  font-size: 11px;
}
.main_default_table_crm td .status,
.news_default_table_crm td .status {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  right: 1px;
  top: 14px;
  display: inline-block;
}
.main_default_table_crm td .status.online,
.news_default_table_crm td .status.online {
  background: #66cc66;
}
.main_default_table_crm td .status.closed,
.news_default_table_crm td .status.closed {
  background: #6699ff;
}
.main_default_table_crm td .status.error,
.news_default_table_crm td .status.error {
  background: #ca6156;
}
.main_default_table_crm td .price,
.news_default_table_crm td .price {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 13px;
}
.main_default_table_crm td .price .before,
.news_default_table_crm td .price .before {
  font-size: 11px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
  position: relative;
  font-weight: normal;
}
.main_default_table_crm td .price .before:before,
.news_default_table_crm td .price .before:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  background: #ca6156;
  box-shadow: 0px 0px 0px 1px #fff;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0deg);
  top: 50%;
}
.main_default_table_crm tr,
.news_default_table_crm tr {
  color: rgba(0, 0, 0, 0.8);
}
.main_default_table_crm tr:hover .more_options,
.news_default_table_crm tr:hover .more_options {
  visibility: visible;
  opacity: 1;
}
.main_default_table_crm tr:hover .more_options u:before,
.news_default_table_crm tr:hover .more_options u:before {
  left: -7px;
}
.main_default_table_crm tr:hover .more_options u:after,
.news_default_table_crm tr:hover .more_options u:after {
  right: -7px;
}
.main_default_table_crm .check label,
.news_default_table_crm .check label {
  padding-left: 0px;
}
.main_default_table_crm th,
.news_default_table_crm th {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
.main_default_table_crm th.headerSortUp,
.news_default_table_crm th.headerSortUp {
  position: relative;
}
.main_default_table_crm th.headerSortUp:before,
.news_default_table_crm th.headerSortUp:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}
.main_default_table_crm th.headerSortDown,
.news_default_table_crm th.headerSortDown {
  position: relative;
}
.main_default_table_crm th.headerSortDown:before,
.news_default_table_crm th.headerSortDown:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  float: right;
  margin-top: 10px;
  margin-left: 5px;
}
.main_default_table_crm .open_popover:focus .more_options,
.news_default_table_crm .open_popover:focus .more_options {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.03);
}
.main_default_table_crm .open_popover:focus .more_options u:before,
.news_default_table_crm .open_popover:focus .more_options u:before {
  left: -7px;
}
.main_default_table_crm .open_popover:focus .more_options u:after,
.news_default_table_crm .open_popover:focus .more_options u:after {
  right: -7px;
}
.main_default_table_crm .open_popover:focus .wrap_popover,
.news_default_table_crm .open_popover:focus .wrap_popover {
  opacity: 1;
  visibility: visible;
  left: -110px;
}
.main_default_table_crm .wrap_popover,
.news_default_table_crm .wrap_popover {
  width: 100px;
  right: 0px;
  top: 30px;
}
.news_default_table_crm th,
.news_default_table_crm td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 10px;
}
.news_default_table_crm th:first-child,
.news_default_table_crm td:first-child {
  width: 40px;
}
.news_default_table_crm th:nth-child(2),
.news_default_table_crm td:nth-child(2) {
  width: 350px;
}
.news_default_table_crm th:nth-child(4),
.news_default_table_crm td:nth-child(4) {
  width: 150px;
}
.news_default_table_crm th:nth-child(5),
.news_default_table_crm td:nth-child(5) {
  width: 150px;
}
.news_default_table_crm th:nth-child(6),
.news_default_table_crm td:nth-child(6) {
  width: 100px;
}
.news_default_table_crm th:last-child,
.news_default_table_crm td:last-child {
  width: 50px;
  text-align: right;
}
/*

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

	.main_default_table_crm{display: none;}
}

*/
ul.main_list_default_crm_mobile {
  display: none;
}
ul.main_list_default_crm_mobile li {
  padding: 10px 0px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  display: table;
  width: 100%;
}
ul.main_list_default_crm_mobile li .picture {
  display: block;
  float: left;
  height: 50px;
  margin-right: 10px;
}
ul.main_list_default_crm_mobile li .picture img {
  height: 100%;
}
ul.main_list_default_crm_mobile li .status {
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  right: 1px;
  top: 14px;
}
ul.main_list_default_crm_mobile li .status.online {
  background: #66cc66;
}
ul.main_list_default_crm_mobile li .info_product {
  padding-left: 50px;
  display: block;
  font-size: 11px;
}
ul.main_list_default_crm_mobile li .info_product .title {
  max-width: 80%;
  display: block;
  font-size: 12px;
  line-height: 1.4;
}
ul.main_list_default_crm_mobile li .info_product .price {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  font-size: 13px;
}
ul.main_list_default_crm_mobile li .info_product .price .before {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
  display: inline-block;
  position: relative;
  font-weight: normal;
}
ul.main_list_default_crm_mobile li .info_product .price .before:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  background: #ca6156;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0deg);
  top: 50%;
}
ul.main_list_default_crm_mobile li .info_product .stock {
  float: right;
  color: rgba(0, 0, 0, 0.5);
}
ul.main_list_default_crm_mobile li .info_product .stock b {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}
ul.main_list_default_crm_mobile li .info_product .open_popover:focus .more_options {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.03);
}
ul.main_list_default_crm_mobile li .info_product .open_popover:focus .more_options u:before {
  left: -7px;
}
ul.main_list_default_crm_mobile li .info_product .open_popover:focus .more_options u:after {
  right: -7px;
}
ul.main_list_default_crm_mobile li .info_product .open_popover:focus .wrap_popover {
  opacity: 1;
  visibility: visible;
  left: -110px;
}
/*

@media screen and (max-width:700px){
	ul.main_list_default_crm_mobile{display: block;}
}

*/
.wrap_main_content_global {
  position: relative;
}
.main_default_content_crm {
  width: 100%;
  background: #fff;
  min-height: 100vh;
  padding: 25px;
  padding-left: 295px;
}
.main_default_content_crm .main_title_tpl {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding-bottom: 25px;
  display: table;
}
.main_default_content_crm .main_title_tpl .open_menu {
  float: left;
  position: relative;
  z-index: 1;
  display: none;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 15px;
}
.main_default_content_crm .main_title_tpl .open_menu u {
  display: block;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 50%;
  margin-top: -2px;
}
.main_default_content_crm .main_title_tpl .open_menu u:before,
.main_default_content_crm .main_title_tpl .open_menu u:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
}
.main_default_content_crm .main_title_tpl .open_menu u:before {
  top: -7px;
}
.main_default_content_crm .main_title_tpl .open_menu u:after {
  bottom: -7px;
}
.main_default_content_crm .main_title_tpl .open_menu .notify {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  width: 8px;
  height: 8px;
  box-shadow: 0px 0px 0px 3px #fff;
  background: #ca6156;
  top: 2px;
  right: 0px;
}
.main_default_content_crm .main_title_tpl .open_menu:active u {
  background: rgba(0, 0, 0, 0.5);
}
.main_default_content_crm .main_title_tpl .open_menu:active u:before,
.main_default_content_crm .main_title_tpl .open_menu:active u:after {
  background: rgba(0, 0, 0, 0.5);
}
.main_default_content_crm .main_title_tpl h3 {
  text-align: left;
  float: left;
}
.main_default_content_crm .main_title_tpl .primary {
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}
/*

@media screen and (max-width:900px){
	.main_default_content_crm{padding: 20px; padding-left: 20px;

		// Title page · TPL
		.main_title_tpl{padding-bottom: 20px;
			.open_menu{display: inline-block;}
			h3{text-align: left; float: left; font-size: 23px; font-weight: normal; .truncate(); max-width: 66%; letter-spacing: 0px;}
			.primary{float: right; padding: 0px; height: 38px; width: 45px; text-indent: -9000px; position: relative;
				&:before, &:after{.absolute(); width: 14px; height: 2px; background: #fff; top: 50%; margin-top: -1px; left: 50%; margin-left: -7px;}
				&:after{.rotate(-90deg);}
			}
		}
	}
}

*/
@media screen and (max-width: 1025px) {
  .main_default_content_crm {
    padding-left: 235px;
  }
}
.main_tpl_core_login {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: table;
  width: 100%;
  height: 100%;
  background: #ccc;
}
.main_tpl_core_login .main_content {
  display: table-cell;
  vertical-align: middle;
  z-index: 1;
  position: relative;
}
.main_tpl_core_login .main_content .wrap_content {
  max-width: 300px;
  padding: 30px;
  background: #fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
  margin: auto;
}
.main_tpl_core_login .main_content .wrap_content .logo {
  padding: 20px 25px;
  padding-bottom: 25px;
  text-align: center;
}
.main_tpl_core_login .main_content .wrap_content .logo img {
  width: 100%;
}
.main_tpl_core_login .main_content .wrap_content .logo label {
  font-size: 0.9em;
  font-weight: bold;
}
.main_tpl_core_login .main_content .wrap_content .main_footer {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px 30px;
  padding-bottom: 25px;
  width: auto;
  clear: both;
  margin: 30px -30px -30px -30px;
  text-align: center;
}
.main_tpl_core_login .main_content .wrap_content .main_footer a {
  font-weight: normal;
  color: rgba(150, 193, 31, 0.7);
}
.main_tpl_core_login .main_content .wrap_content .main_footer a:hover {
  color: #96c11f;
}
.main_tpl_core_login .main_content .wrap_content .main_footer .copyright {
  font-weight: 700;
  opacity: 0.2;
}
.main_tpl_core_login .slide {
  position: absolute;
  background: url("../../../../imagescrm/login.png") no-repeat center;
  background-size: cover;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  -webkit-animation: fadeIn ease-in-out 1s;
  -moz-animation: fadeIn ease-in-out 1s;
  animation: fadeIn ease-in-out 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: none;
  -moz-animation-delay: none;
  animation-delay: none;
  z-index: 0;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.main_tpl_core_login {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: table;
  width: 100%;
  height: 100%;
  background: #ccc;
}
.main_tpl_core_login .reset_pwd_title {
  text-align: center;
  font-size: 14px;
  padding-bottom: 15px;
}
.main_tpl_core_login {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: table;
  width: 100%;
  height: 100%;
  background: #ccc;
}
.main_tpl_core_login .email_conf_title {
  text-align: center;
  font-size: 14px;
  padding-bottom: 15px;
}
.wrap-alert {
  text-align: center;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
}
.wrap-alert .alert {
  position: relative;
  display: inline-block;
  min-width: 250px;
  max-width: 350px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 1px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  padding-right: 40px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  background: #fff;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: right;
}
.wrap-alert .alert:before {
  height: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  content: "";
  border-radius: 3px 3px 0px 0px;
}
.wrap-alert .alert.error:before {
  background: #ca6156;
}
.wrap-alert .alert.ok:before {
  background: #66cc66;
}
.wrap-alert .alert.default:before {
  background: #6699ff;
}
.wrap-alert .alert a {
  color: #96c11f;
}
.wrap-alert .alert .close {
  width: 20px;
  height: 20px;
  background: url("../../../images/components/ico_close.png") no-repeat center center;
  position: absolute;
  top: 14px;
  right: 10px;
  opacity: 0.3;
  cursor: pointer;
}
.wrap-alert .alert .close:hover {
  opacity: 0.6;
}
.wrap_grid {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px 15px;
  position: relative;
}
.wrap_grid.w2 li {
  width: 50%;
}
.wrap_grid.w3 li {
  width: 33.33%;
}
.wrap_grid.w4 li {
  width: 25%;
}
.wrap_grid.w5 li {
  width: 20%;
}
.wrap_grid li {
  margin-right: -4.5px;
  margin-bottom: -4.5px;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  position: relative;
  letter-spacing: 0.5px;
}
.wrap_grid li .content {
  width: 100%;
  padding: 20px;
}
.main_modal {
  background-color: rgba(0, 0, 0, 0.3);
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: fixed;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 99;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main_modal .wrap_modal {
  width: 100%;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.main_modal .wrap_modal .content_modal {
  width: 100%;
  overflow: auto;
  padding: 40px 30px;
  max-height: 100vh;
  position: relative;
}
.dett_row_modal {
  margin-top: 5px;
  color: #888;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.dett_row_modal table {
  width: 100%;
  margin: 5px;
}
.th_title {
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  line-height: normal;
  padding: 10px 25px;
  padding-bottom: 11px;
  font-weight: bold;
  color: #96c11f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  box-shadow: inset 0px 0px 0px 1px #96c11f;
  letter-spacing: 1px;
  position: relative;
  text-indent: 2px;
}
/*

@media screen and (max-width:700px){
	.main_modal{
		.wrap_modal{
			.content_modal{padding: 15px;}
		}
	}
}

*/
.pic_user {
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bae24a;
  position: relative;
  cursor: pointer;
  margin-left: 5px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
.pic_user:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.pic_user.user {
  background: url("../../../images/components/user.png") no-repeat !important;
  background-size: cover !important;
}
.pic_user.num {
  background: #ffffff !important;
}
.pic_user.num .text-pic-user {
  color: #d3ed8c;
}
.pic_user .text_pic_user {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 0px;
}
.pic_user.profile_clients {
  width: 100px;
  height: 100px;
  margin: 15px;
  margin-top: 10px;
}
.pic_user.profile_clients .text_pic_user {
  font-size: 15px;
  font-weight: 600;
}
.pic_user .pending,
.pic_user .owner {
  position: absolute;
  right: -6px;
  top: -2px;
  width: 11px;
  height: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #fff;
}
.pic_user .pending {
  background: url('../../../images/components/ico_wait.png') no-repeat center center #ffcc66;
}
.pic_user .owner {
  background: url('../../../images/components/ico_owner.png') no-repeat center 1px #66cc66;
}
.open_popover {
  display: inline-block;
  position: relative;
}
.open_popover:focus .wrap_popover {
  opacity: 1;
  visibility: visible;
  left: -5px;
}
.wrap_popover {
  padding-bottom: 4px;
  padding-top: 4px;
  background: #fff;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 20 !important;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  min-width: 150px;
  max-width: 300px;
  right: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wrap_popover .header {
  width: 100%;
  padding: 5px 15px;
  padding-bottom: 6px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
.wrap_popover .header .title {
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  text-align: center;
  font-weight: bolder;
  color: #333;
}
.wrap_popover .header .link {
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.wrap_popover .content {
  width: 100%;
  overflow: auto;
  max-height: 400px;
  min-height: 300px;
  background: #f7f7f7;
}
.wrap_popover .content:before {
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  left: 0px;
  right: 0px;
  bottom: 4px;
  z-index: 1;
}
.wrap_popover li {
  width: 100% !important;
  padding: 4px 15px;
  padding-bottom: 5px;
  font-size: 13px;
  position: relative;
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: none;
  overflow: visible;
  margin: 0px;
  color: #749518;
}
.wrap_popover li:hover {
  background: rgba(150, 193, 31, 0.1);
}
.wrap_popover li.red {
  color: #ca6156;
}
.wrap_popover .sep {
  display: block;
  clear: both;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 4px;
}
.main_default_popup {
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 1px 20px rgba(0, 0, 0, 0.1);
}
.main_default_popup.quick_view {
  max-width: 900px;
}
.main_default_popup.default {
  max-width: 400px;
}
.main_default_popup.preview_product_detail {
  max-width: 500px;
}
.main_default_popup.language {
  max-width: 600px;
}
.main_default_popup .main_header_popup {
  width: 100%;
  z-index: 1;
  position: relative;
  text-align: left;
}
.main_default_popup .main_header_popup .title {
  display: block;
  position: relative;
  padding-top: 25px;
  padding-left: 30px;
  padding-right: 60px;
  font-size: 19px;
  color: rgba(0, 0, 0, 0.7);
}
.main_default_popup .main_header_popup .sub_title {
  display: block;
  position: relative;
  text-align: center;
  letter-spacing: 1px;
  font-size: 13px;
  margin-top: -9px;
  padding-bottom: 9px;
}
.main_default_popup .main_header_popup .description {
  display: block;
  position: relative;
  text-align: center;
  letter-spacing: 0.5px;
  font-size: 13px;
  margin-top: -6px;
  padding-bottom: 14px !important;
  opacity: .6;
}
.main_default_popup .main_header_popup .ico {
  width: 24px;
  height: 20px;
  position: absolute;
  top: 14px;
  z-index: 1;
}
.main_default_popup .main_header_popup .ico.close {
  background: url("../../../images/components/ico_close.png") no-repeat center;
  opacity: .3;
  right: 10px;
}
.main_default_popup .main_header_popup .ico.back {
  background: url("../../../images/components/ico_back.png") no-repeat center;
  opacity: .3;
  left: 14px;
}
.main_default_popup .main_header_popup .ico:hover {
  opacity: .6;
}
.main_default_popup .icon_close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
}
.main_default_popup .icon_close:before,
.main_default_popup .icon_close:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #ccc;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
}
.main_default_popup .icon_close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
}
.main_default_popup .icon_close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
}
.main_default_popup .icon_close:hover:before,
.main_default_popup .icon_close:hover:after {
  background: #333;
}
.main_default_popup .icon_remove {
  width: 20px;
  height: 20px;
  z-index: 5;
  position: relative;
  left: 336px;
  padding: 10px;
}
.main_default_popup .icon_remove:before,
.main_default_popup .icon_remove:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #ccc;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
}
.main_default_popup .icon_remove:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
}
.main_default_popup .icon_remove:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
}
.main_default_popup .icon_remove:hover:before,
.main_default_popup .icon_remove:hover:after {
  background: #333;
}
.main_default_popup .main_content_popup {
  width: 100%;
  position: relative;
  padding: 30px;
  padding-top: 25px;
  text-align: left;
}
.main_default_popup .main_content_popup h4 {
  font-weight: 400;
  display: block;
  padding-bottom: 20px;
  padding-right: 50px;
}
.main_default_popup .main_content_popup.languages ul.wrap_languages_select {
  display: table;
  width: 100%;
}
.main_default_popup .main_content_popup.languages ul.wrap_languages_select li {
  float: left;
}
.main_default_popup .main_content_popup.languages ul.wrap_languages_select li:nth-child(1) {
  width: 36%;
  margin-right: 4%;
}
.main_default_popup .main_content_popup.languages ul.wrap_languages_select li:nth-child(2) {
  width: 31%;
  margin-right: 4%;
}
.main_default_popup .main_content_popup.languages ul.wrap_languages_select li:nth-child(3) {
  width: 25%;
}
.main_default_popup .main_content_popup.languages ul.wrap_languages_select li article {
  display: block;
  font-weight: 600;
  padding-bottom: 5px;
}
.main_default_popup .main_content_popup.detail_product {
  width: 100%;
}
.main_default_popup .main_content_popup.detail_product .picture {
  display: block;
  margin: -25px -30px 25px -30px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .main_default_popup .main_content_popup.detail_product .picture {
    margin: -20px -25px 25px -25px;
  }
}
.main_default_popup .main_content_popup.detail_product .picture:before {
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0px;
  left: 30px;
  right: 30px;
}
.main_default_popup .main_content_popup.detail_product .picture img {
  width: 100%;
}
.main_default_popup .main_content_popup.detail_product .picture ul.area_thumb {
  position: absolute;
  padding: 15px 30px;
  display: table;
  left: 0px;
  bottom: -130px;
  right: 0px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main_default_popup .main_content_popup.detail_product .picture ul.area_thumb:before {
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  top: -1px;
  left: 30px;
  right: 30px;
}
.main_default_popup .main_content_popup.detail_product .picture ul.area_thumb li {
  float: left;
  width: 10%;
  display: table;
  margin-right: 10px;
}
.main_default_popup .main_content_popup.detail_product .picture ul.area_thumb li img {
  width: 100%;
  float: left;
  opacity: .3;
  cursor: pointer;
}
.main_default_popup .main_content_popup.detail_product .picture ul.area_thumb li img:hover {
  opacity: .7;
}
.main_default_popup .main_content_popup.detail_product .picture ul.area_thumb li img.select {
  opacity: 1;
}
.main_default_popup .main_content_popup.detail_product .picture:hover ul.area_thumb {
  bottom: 0px;
}
.main_default_popup .main_content_popup.detail_product .toogle {
  width: 100%;
  display: table;
  padding-bottom: 25px;
}
.main_default_popup .main_content_popup.detail_product .toogle.w3 a {
  width: 33.33%;
}
.main_default_popup .main_content_popup.detail_product .toogle.w2 a {
  width: 50%;
}
.main_default_popup .main_content_popup.detail_product .toogle a {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  float: left;
  padding: 7px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 9px;
  box-shadow: inset 0px 0px 0px 1px #ccc;
  margin-right: -1px;
  transition: none;
}
.main_default_popup .main_content_popup.detail_product .toogle a:active {
  background: rgba(0, 0, 0, 0.03);
  color: #303d0a;
}
.main_default_popup .main_content_popup.detail_product .toogle a.left {
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.main_default_popup .main_content_popup.detail_product .toogle a.right {
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product {
  width: 100%;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info {
  padding-bottom: 0px;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info:last-child {
  padding-bottom: 0px;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info article {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  padding-bottom: 5px;
  display: block;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info span {
  display: block;
  color: rgba(0, 0, 0, 0.7);
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info span b {
  font-weight: 600;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info span b.green {
  color: #66cc66;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info span b.red {
  color: #ca6156;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info span b.blue {
  color: #6699ff;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info span b.data {
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
  font-size: 11px;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row {
  width: 100%;
  height: auto;
  font-size: 11px;
  float: left;
  padding: 10px;
  border-bottom: 1px dashed #8aab6f;
  position: relative;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row b {
  display: inline-block;
  width: 100%;
  padding-right: 50px;
  line-height: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #709255;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row small {
  display: inline-block;
  font-weight: 400;
  color: #8aab6f;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row i {
  font-style: italic;
  font-weight: 300;
  color: #b1de35;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row p {
  margin-top: 10px;
  line-height: 14px;
  font-size: 12px;
  position: relative;
  width: 100%;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row p.pic:before {
  content: " ";
  width: 20px;
  height: 20px;
  right: 45px;
  top: -24px;
  display: block;
  position: absolute;
  float: right;
  background: url("../../../images/crm/icons/foto.png") no-repeat center;
  background-size: cover;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row p.clndr:after {
  content: " ";
  width: 20px;
  height: 20px;
  right: 20px;
  top: -24px;
  display: block;
  position: absolute;
  float: right;
  background: url("../../../images/components/ico_calendar_input.png") no-repeat center;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row .status {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  right: 10px;
  top: 32px;
  display: block;
  position: absolute;
  float: right;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row .status.online {
  background: #66cc66;
}
.main_default_popup .main_content_popup.detail_product .main_content_info_product .box_info .row .status.chiusa {
  background: #6699ff;
}
.main_default_popup ::-webkit-scrollbar {
  width: 5px;
  position: absolute;
}
.main_default_popup ::-webkit-scrollbar-thumb {
  background: rgba(150, 193, 31, 0.5);
}
.main_default_popup .main_footer_popup {
  width: 100%;
  padding: 0px 30px 30px 30px;
  background: #fff;
  display: table;
}
.main_default_popup .main_footer_popup .text {
  display: inline-block;
  max-width: 50%;
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.main_default_popup .main_footer_popup .btn {
  float: right;
}
/*

@media screen and (max-width:700px){
	.main_default_popup{

		// header popup
		.main_header_popup{

			// Title
			.title{padding-top: 20px; padding-left: 25px; padding-right: 60px;}
		}

		// Content PopUp
		.main_content_popup{width: 100%; position: relative; min-height: 150px; padding: 20px 25px 25px 25px ; text-align: left;
			h4{font-weight: 400; display: block; padding-bottom: 20px; font-size: 19px;}

			// Languages
			&.languages{

				// Grid
				ul.wrap_languages_select{
					
					li{float: none;
						&:nth-child(1), &:nth-child(2), &:nth-child(3){width: 100%; margin-right: 0%;
							.main_select{margin-bottom: 20px;}
						}
						
						article{display: block; font-weight: 600; padding-bottom: 5px;}
					}
				}
			}
		}

		// Scroll Theme
		::-webkit-scrollbar {width: 5px; position: absolute;}
		::-webkit-scrollbar-thumb{background: fade(@corp, 50%);}

		// Footer
		.main_footer_popup{padding: 0px 25px 25px 25px;
			.btn{
				&.w2{width: 50%; padding-left: 10px; padding-right: 10px; .truncate(); letter-spacing: 1px;}
			}
		}
	}
}


*/
.tooltip {
  cursor: pointer;
}
.tooltipster-default {
  border-radius: 3px;
  background: #749518;
  color: #fff;
}
.tooltipster-default,
.tooltipster-content {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  padding: 10px;
  padding-top: 3px;
  padding-bottom: 6px;
  overflow: hidden;
  letter-spacing: 0.5px;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base,
.tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
ul.main_tabs {
  position: relative;
  width: 100%;
  display: table;
}
ul.main_tabs.w2 li {
  width: 50%;
}
ul.main_tabs.w3 li {
  width: 33.33%;
}
ul.main_tabs.w4 li {
  width: 25%;
}
ul.main_tabs.w5 li {
  width: 20%;
}
ul.main_tabs.big li span {
  padding: 15px 0px 17px 0px;
}
ul.main_tabs li {
  float: left;
}
ul.main_tabs li:last-child span {
  border-right: 1px solid #d9d9d9;
}
ul.main_tabs li span {
  display: block;
  position: relative;
  overflow: visible !important;
  cursor: pointer;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  font-weight: 600;
  padding: 10px 7px 12px 7px;
  text-align: center;
  color: #666;
}
ul.main_tabs li span:hover {
  color: #96c11f;
}
ul.main_tabs li.tab-current span {
  border-bottom: 0px;
  color: #333;
}
ul.main_tabs li.tab-current span:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 3px;
  background: #96c11f;
  z-index: 2;
}
/*

@media screen and (max-width:800px){
	ul.main_tabs{

		li{float: left;
			
			span{font-size: 11px; .truncate();
				&:hover{color: @corp;}
			}
		}
	}	
}

*/
.main_custom_form_composition_core {
  width: 100%;
}
.main_custom_form_composition_core .global {
  padding-bottom: 25px;
  margin-bottom: 25px;
  display: table;
  width: 100%;
  position: relative;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);
}
.main_custom_form_composition_core .global:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  box-shadow: none;
}
.main_custom_form_composition_core .global h3 {
  font-size: 31px;
  line-height: 25px;
  padding-bottom: 30px;
}
.main_custom_form_composition_core .global .base {
  padding-bottom: 25px;
  width: 100%;
  display: table;
}
.main_custom_form_composition_core .global .base:last-child {
  padding-bottom: 0px;
}
.main_custom_form_composition_core .global .base h3 {
  font-size: 19px;
  font-weight: normal;
}
.main_custom_form_composition_core .global .base h3.title {
  font-size: 13px;
  font-weight: bold;
  margin-top: -3px;
  display: block;
  padding-bottom: 10px;
}
.main_custom_form_composition_core .global .base article {
  font-weight: normal;
  display: block;
  padding-bottom: 8px;
}
.main_custom_form_composition_core .global .base p.description {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 8px;
  display: block;
}
.main_custom_form_composition_core .global .base .child {
  display: table;
  width: 100%;
  padding-bottom: 20px;
}
.main_custom_form_composition_core .global .base .child.line {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07) !important;
  padding-bottom: 20px !important;
}
.main_custom_form_composition_core .global .base .child .w33 {
  width: 33.33%;
  float: left;
}
.main_custom_form_composition_core .global .base .child .w50 {
  width: 50%;
  float: left;
}
.main_custom_form_composition_core .global .base .child .w66 {
  width: 66.66%;
  float: left;
}
.main_custom_form_composition_core .global .base .child .description {
  display: inline-block;
}
.main_custom_form_composition_core .global .base .child.left {
  float: left;
}
.main_custom_form_composition_core .global .base .child.right {
  float: right;
}
.main_custom_form_composition_core .global .base .child:last-child {
  padding-bottom: 0px;
  box-shadow: none;
}
.main_custom_form_composition_core .global .base .child .top {
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.main_custom_form_composition_core .global .base .child .middle {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.main_custom_form_composition_core .global .base .child .bottom {
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.main_custom_form_composition_core .global .base .child .left {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.main_custom_form_composition_core .global .base .child .right {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.main_custom_form_composition_core .global .base .child .right_top {
  -webkit-border-radius: 3px 0px 0px 0px;
  -moz-border-radius: 3px 0px 0px 0px;
  border-radius: 3px 0px 0px 0px;
}
.main_custom_form_composition_core .global .base .child .left_top {
  -webkit-border-radius: 0px 3px 0px 0px;
  -moz-border-radius: 0px 3px 0px 0px;
  border-radius: 0px 3px 0px 0px;
}
.main_custom_form_composition_core .global .base .child .right_bottom {
  -webkit-border-radius: 0px 0px 3px 0px;
  -moz-border-radius: 0px 0px 3px 0px;
  border-radius: 0px 0px 3px 0px;
}
.main_custom_form_composition_core .global .base .child .left_bottom {
  -webkit-border-radius: 0px 0px 0px 3px;
  -moz-border-radius: 0px 0px 0px 3px;
  border-radius: 0px 0px 0px 3px;
}
.main_custom_form_composition_core .global .base .child .wrap_icon_card {
  position: relative;
  background: #ccc;
}
.main_custom_form_composition_core .global .base .child .wrap_icon_card .icon_card {
  display: inline-block;
  pointer-events: none;
  z-index: 3;
  position: absolute;
  background: url("../../../images/crm/icons/icon-20-default.png") no-repeat center -240px;
  width: 20px;
  height: 20px;
  right: 7px;
  top: 7px;
}
.main_custom_form_composition_core .global .base .child .wrap_icon_card .icon_card_face {
  display: inline-block;
  pointer-events: none;
  z-index: 3;
  position: absolute;
  background: url("../../../images/crm/icons/icon-20-default.png") no-repeat center -270px;
  width: 20px;
  height: 20px;
  right: 7px;
  top: 7px;
}
.main_custom_form_composition_core .global .base .child .icon_card_pay {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 24px;
  margin-right: 15px;
  vertical-align: top;
}
.main_custom_form_composition_core .global .base .child .icon_card_pay.visa {
  background: url("../../../images/core/icons/icon-cards.png") no-repeat center -13px;
}
.main_custom_form_composition_core .global .base .child .icon_card_pay.master {
  background: url("../../../images/core/icons/icon-cards.png") no-repeat center -63px;
}
.main_custom_form_composition_core .global .base .child .icon_card_pay.american {
  background: url("../../../images/core/icons/icon-cards.png") no-repeat center -113px;
}
.main_custom_form_composition_core .global .base .child .icon_card_pay.paypal {
  background: url("../../../images/core/icons/icon-cards.png") no-repeat center -163px;
}
.main_custom_form_composition_core .global .base .child .link {
  display: block;
  padding-top: 10px;
}
.main_custom_form_composition_core .global .base .child .check {
  margin: 0px;
}
.main_custom_form_composition_core .global .left_content {
  float: left;
  width: 30%;
}
.main_custom_form_composition_core .global .left_content article {
  font-weight: 600;
  display: block;
  padding-bottom: 5px;
}
.main_custom_form_composition_core .global .left_content p {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
  line-height: 1.3;
  padding-right: 30px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 800px) {
  .main_custom_form_composition_core .global .left_content p {
    font-size: 11px;
  }
}
.main_custom_form_composition_core .global .left_content.ondemand {
  position: absolute;
  box-shadow: 0px 0px 0px 1px #8aab6f;
  background: #ffffff;
  top: 0px;
  bottom: 0px;
  min-height: 450px;
}
.main_custom_form_composition_core .global .left_content.ondemand article {
  background: #709255;
  color: #fff;
  padding: 10px;
  padding-bottom: 11px;
}
.main_custom_form_composition_core .global .left_content.ondemand .guide_list .guide_list_item {
  background: #fff;
  color: #709255;
  font-size: 12px;
  padding: 5px;
  margin-top: 10px;
  display: block;
  width: 94%;
  margin-left: 3%;
  box-shadow: 0px 0px 1px #bed1af;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: move;
  z-index: 999999;
}
.main_custom_form_composition_core .global .right_content {
  float: left;
  width: 70%;
  min-height: 450px;
}
.main_custom_form_composition_core .global .right_content.ondemand {
  margin-left: 30%;
}
.main_custom_form_composition_core .global .right_content.ondemand .group_box {
  width: 100%;
  min-height: 70px;
  border-bottom: 1px solid silver;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.main_custom_form_composition_core .global .right_content.ondemand .group_box .drop_zone {
  position: relative;
  width: 100%;
  min-height: 50px;
  overflow: auto;
  padding: 10px;
  border: 2px dashed silver;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: auto;
  background: #ffffff;
}
.main_custom_form_composition_core .global .right_content.ondemand .group_box .drop_zone:after {
  content: 'Trascina qui le categorie';
  position: absolute;
  bottom: 10px;
  width: 97%;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  opacity: 0.4;
}
.main_custom_form_composition_core .global .right_content.ondemand .group_box .drop_zone .guide_list_item {
  background: #fff;
  color: #709255;
  font-size: 12px;
  padding: 5px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  box-shadow: 0px 0px 1px #bed1af;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: move;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1;
}
/*

@media screen and (max-width:600px){
	.main_custom_form_composition_core{

		// –––––––––––––––––––––
		// Global

		.global{

			// –––––––––––––––––––––
			// Base

			.base{padding-bottom: 25px; width: 100%; display: table;
				&:last-child{padding-bottom: 0px;}

				// Title section
				h3{font-size: 19px; font-weight: normal;}

				// Title input
				article{font-weight: normal; display: block; padding-bottom: 8px;}

				// Description input
				p.description{font-size: 11px; color: fade(#000, 50%); padding-top: 8px; display: block;}

				// ––––––––––––––––––––
				// Child

				.child{display: table; width: 100%; padding-bottom: 20px;

					.w33{width: 100%; float: none;}
					.w50{width: 100%; float: none;}
					.w66{width: 100%; float: none;}

					&.left{float: none;}
					&.right{float: none;}

					.top{.brd_custom(3px, 3px, 0px, 0px);}
					.middle{.brd(0px);}
					.bottom{.brd_custom(0px, 0px, 3px, 3px);}
					.left{.brd_custom(3px, 3px, 0px, 0px);}
					.right{.brd_custom(0px, 0px, 3px, 3px);}
					.right_top{.brd_custom(3px, 3px, 0px, 0px);}
					.left_top{.brd_custom(0px, 3px, 0px, 0px);}
					.right_bottom{.brd_custom(0px, 0px, 3px, 3px);}
					.left_bottom{.brd_custom(0px, 0px, 0px, 0px);}
				}
			}

			// Left content
			.left_content{float: none; width: 100%;

				// Title
				article{font-weight: 600; padding-bottom: 15px; font-size: 16px;}

				// Description
				p{padding-bottom: 20px;}
			}

			// Right content
			.right_content{float: none; width: 100%;}
		}
	}
}


*/
.main_nx_loading {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999999;
}
.main_nx_loading#full-loading {
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.main_nx_loading .main_nx_load {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  width: 41px;
  height: 41px;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.main_nx_loading .main_nx_load.no_shadow {
  box-shadow: none;
}
.main_nx_loading .main_nx_load .nx_load {
  background: url("../../../images/components/load.gif") no-repeat center #ffffff;
  background-size: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 41px;
  height: 41px;
}
.btn.primary {
  display: inline-block;
  padding: 10px 25px;
  padding-bottom: 11px;
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #96c11f;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  cursor: pointer;
  letter-spacing: 1.5px;
  position: relative;
  text-indent: 4px;
}
.btn.primary.green {
  background: #66cc66;
}
.btn.primary.green:active {
  background: #53c653;
}
.btn.primary.red {
  background: #ca6156;
}
.btn.primary.red:active {
  background: #c44f43;
}
.btn.primary.yellow {
  background: #ffcc66;
}
.btn.primary.yellow:active {
  background: #ffc34c;
}
.btn.primary:hover {
  color: #fff;
}
.btn.primary:active {
  background: #85ab1b;
  color: rgba(255, 255, 255, 0.7);
  transition: none;
}
.btn.primary.dis {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.btn.primary.full {
  width: 100%;
}
.btn.primary.small {
  min-width: 250px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px!important;
}
.btn.secondary {
  display: inline-block;
  padding: 10px 20px;
  padding-bottom: 11px;
  font-weight: bold;
  color: #96c11f;
  background: transparent;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  cursor: pointer;
  letter-spacing: 1.5px;
  position: relative;
  box-shadow: none;
}
.btn.secondary:active {
  color: #749518;
}
.btn.line {
  display: inline-block;
  line-height: normal;
  padding: 10px 25px;
  padding-bottom: 11px;
  font-weight: bold;
  color: #96c11f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  box-shadow: inset 0px 0px 0px 1px #96c11f;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  cursor: pointer;
  letter-spacing: 1px;
  position: relative;
  text-indent: 2px;
}
.btn.line:active {
  background: rgba(150, 193, 31, 0.1);
  color: #526911;
}
.btn.line.small {
  padding: 6px 20px;
  padding-bottom: 7px;
}
.check {
  display: inline-block;
  margin: 8px 0px;
  margin-right: 25px;
  position: relative;
}
.check label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  height: 20px;
  font-weight: 400;
  padding-bottom: 22px;
  vertical-align: top;
  line-height: 20.8px;
  cursor: pointer;
}
.check label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.check label:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  background: transparent;
}
.check label:active:before {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.05);
}
.check.dis label {
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.3);
}
.check.dis label:before {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
}
.check.err label:before {
  box-shadow: inset 0px 0px 0px 1px #ca6156;
}
.check span {
  display: inline-block;
  padding-left: 30px;
  margin: 0px;
  margin-top: -4px;
}
.check input[type=checkbox]:checked + label:before {
  background: #96c11f;
  box-shadow: inset 0px 0px 0px 1px #ffcc66;
}
.check input[type=checkbox]:checked + label:after {
  background: url("../../../images/components/tik_check.png") no-repeat center;
  background-size: 12px;
  transition: none;
  left: 0px;
  top: 0px;
}
.field_excel label {
  height: 27px;
}
.field_excel td {
  padding-right: 50px;
  vertical-align: top;
}
input,
textarea,
select {
  padding: 8px 12px;
  padding-bottom: 10px;
  box-shadow: 0px 0px 0px 1px #ccc !important;
  border: none;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 100%;
  display: table;
  background: #fff;
  margin-bottom: 1px;
}
input:hover,
textarea:hover,
select:hover {
  box-shadow: 0px 0px 0px 1px #b3b3b3 !important;
  position: relative;
  z-index: 1;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0px 0px 0px 1px #96c11f, inset 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
  z-index: 2;
  position: relative;
}
input.err,
textarea.err,
select.err {
  box-shadow: 0px 0px 0px 1px #ca6156 !important;
}
input.err:focus,
textarea.err:focus,
select.err:focus {
  box-shadow: 0px 0px 0px 1px #96c11f, inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
input.dis,
textarea.dis,
select.dis {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: none;
  letter-spacing: 0.50px;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: "color 9999999999999999999s ease-out, background-color 9999999999999999999s ease-out";
  -webkit-transition-delay: 9999999999999999999s;
}
.radio {
  display: inline-block;
  margin: 8px 0px;
  margin-right: 25px;
  position: relative;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  height: 20px;
  font-weight: 400;
  padding-bottom: 22px;
  vertical-align: top;
  line-height: 20px;
  cursor: pointer;
}
.radio label:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.radio label:active:before {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
}
.radio.dis label {
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.3);
}
.radio.dis label:before {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
}
.radio.err label:before {
  box-shadow: inset 0px 0px 0px 1px #ca6156;
}
input[type=radio]:checked + label:before {
  background: rgba(150, 193, 31, 0.2);
  box-shadow: inset 0px 0px 0px 1px #96c11f;
}
input[type=radio]:checked + label:after {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #333;
  left: 7px;
  top: 7px;
  position: absolute;
  content: "";
}
.main_select {
  position: relative;
  vertical-align: top;
  width: 100%;
  display: inline-block;
}
.main_select .arrow {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 3;
  pointer-events: none;
  background: #fff;
  right: 1px;
  top: 50%;
  margin-top: -12.5px;
  box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.1);
}
.main_select .arrow:before,
.main_select .arrow:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #777;
  top: 50%;
  margin-top: -1px;
}
.main_select .arrow:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
  left: 50%;
  margin-left: -4px;
}
.main_select .arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
  left: 50%;
  margin-left: -1px;
}
.main_select select {
  padding-right: 40px;
}
.select2 {
  text-align: left !important;
  height: 40px;
  width: 100% !important;
}
.select2 .select2-selection {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  height: 41px !important;
}
.select2 .select2-selection .select2-selection__rendered {
  height: 40px !important;
  line-height: 37px !important;
  padding-right: 15px !important;
  color: #3377ff !important;
  font-weight: 600 !important;
}
.select2 .select2-selection .select2-selection__arrow {
  display: none !important;
}
.select2-container {
  margin-left: -0.5px !important;
}
.select2-container .select2-dropdown {
  margin-top: -40px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  border: none !important;
  box-shadow: inset 0px 0px 0px 1px rgba(150, 193, 31, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
  font-size: 13px !important;
  color: #96c11f !important;
}
.select2-container .select2-dropdown li {
  padding: 3px 15px !important;
  padding-bottom: 5px !important;
}
.select2-container .select2-dropdown li.select2-results__option--highlighted[aria-selected] {
  background: #6699ff !important;
}
.select2-container .select2-dropdown li.select2-results__message {
  color: rgba(150, 193, 31, 0.5) !important;
  padding-top: 7px !important;
  padding-bottom: 9px !important;
}
.select2-container .select2-dropdown li.select2-results__option[aria-selected=true] {
  background: rgba(150, 193, 31, 0.05);
}
.select2-container .select2-search {
  padding: 0px 15px !important;
}
.select2-container .select2-search--dropdown {
  display: block;
  margin-left: -1px;
  width: 100%;
}
.select2-container .select2-search--dropdown input {
  box-shadow: 0px 1px 0px rgba(150, 193, 31, 0.2) !important;
  height: 39px;
  padding-left: 0px !important;
  background-color: transparent !important;
}
.select2-container .select2-search__field {
  border: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
}
.select2-container .select2-results ul li {
  font-size: 13px !important;
}
textarea {
  resize: vertical;
  line-height: 1.5;
  letter-spacing: 0.5px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
textarea.no_truncate {
  white-space: initial;
}
input.data {
  padding-left: 40px;
  background: url("../../../../images/icons/components/ico-calendar-input.png") no-repeat 10px center;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
input::-webkit-inner-spin-button,
input::-webkit-clear-button {
  display: none;
}
input::-webkit-calendar-picker-indicator {
  font-size: 13px;
  margin-top: 2px;
  color: #96c11f;
}
input::-webkit-calendar-picker-indicator:hover {
  background: transparent;
}
.input_small_readonly {
  width: 50px;
  max-width: 50px;
  display: inline-block;
  margin-left: 5px;
  padding: 3px 3px;
  text-align: right;
  box-shadow: 0 0 0 0px!important;
}
.input_small {
  width: 35px;
  max-width: 50px;
  display: inline-block;
  margin-left: 5px;
  padding: 3px 3px;
  text-align: right;
}
.default-fieldset {
  border-width: 1px;
  border-color: lightgrey;
}
.default-fieldset legend {
  font-weight: bold;
}
.fieldset-two-colum {
  width: 49%;
  display: inline-block;
  margin-top: 10px;
  height: 375px;
  border: 1px solid darkgray;
  vertical-align: top;
  padding: 4% 3%;
}
.fieldset-two-colum:last-child {
  width: 47%;
  margin-left: 2%;
}
* {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-text-size-adjust: none !important;
  -moz-font-smoothing: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 13px;
  letter-spacing: 0.5px;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  color: #709255;
  text-decoration: none;
  font-weight: bolder;
  font-weight: normal;
  cursor: pointer;
}
a b {
  font-weight: 600;
}
a:hover {
  color: #3f522f;
}
a.lnk_blue {
  color: #3377ff;
  font-weight: bolder;
  cursor: pointer;
}
a.lnk_blue:hover {
  color: #0055ff;
}
.lnk_blue {
  color: #6699ff;
}
h1,
h2,
h3,
p,
p1,
p2,
p3,
b,
i,
ul,
li,
div,
fieldset,
form {
  padding: 0px;
  margin: 0px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  list-style: none !important;
}
hr {
  border: none;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 100;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
  font-weight: 600 !important;
}
h1 {
  font-size: 71px;
  line-height: 50px;
}
h2 {
  font-size: 43px;
  line-height: 50px;
}
h3 {
  font-size: 31px;
  line-height: 35px;
}
h4 {
  font-size: 21px;
  line-height: 31px;
}
h5 {
  font-size: 19px;
  font-weight: 400;
  line-height: 28px;
}
.hide-pic {
  width: 0px;
  height: 0px;
  position: absolute;
}
a,
:before,
:after,
:hover,
b,
#lateral_popup,
img,
u,
i,
input,
textarea,
select,
button,
label,
article,
li {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wrap-tabs section {
  display: none;
}
.wrap-tabs section.content-current {
  display: block;
}
input[type=radio],
[type=checkbox] {
  display: none;
}
input,
textarea,
label,
select,
button,
.btn,
.primary,
.secondary {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:invalid,
textarea:invalid,
label:invalid,
select:invalid,
button:invalid,
.btn:invalid,
.primary:invalid,
.secondary:invalid {
  box-shadow: none;
}
input:-moz-submit-invalid,
textarea:-moz-submit-invalid,
label:-moz-submit-invalid,
select:-moz-submit-invalid,
button:-moz-submit-invalid,
.btn:-moz-submit-invalid,
.primary:-moz-submit-invalid,
.secondary:-moz-submit-invalid {
  box-shadow: none;
}
input:-moz-ui-invalid,
textarea:-moz-ui-invalid,
label:-moz-ui-invalid,
select:-moz-ui-invalid,
button:-moz-ui-invalid,
.btn:-moz-ui-invalid,
.primary:-moz-ui-invalid,
.secondary:-moz-ui-invalid {
  box-shadow: none;
}
#loading_full {
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  position: fixed;
  top: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.2);
}
#loading_full:before {
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.05);
}
/* calendar style */
.calendar {
  width: 500px;
  height: auto;
  margin-top: 20px;
  float: left;
  cursor: default;
}
.calendar .clndr {
  width: 100%;
  height: 100%;
}
.calendar .clndr .clndr-controls {
  color: white;
  width: 100%;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  border-bottom: 1px solid white;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.calendar .clndr .clndr-controls .clndr-control-button {
  float: left;
  width: 15%;
  height: 100%;
  text-align: center;
  background: #709255;
  cursor: pointer;
}
.calendar .clndr .clndr-controls .clndr-control-button.month {
  width: 70%;
}
.calendar .clndr .clndr-controls .clndr-control-button .clndr-previous-button,
.calendar .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  width: 100%;
  height: 100%;
}
.calendar .clndr .clndr-controls .clndr-control-button:hover {
  opacity: 0;
  -webkit-animation: fadeIn ease-in-out 1s;
  -moz-animation: fadeIn ease-in-out 1s;
  animation: fadeIn ease-in-out 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: none;
  -moz-animation-delay: none;
  animation-delay: none;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.6;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.6;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.6;
  }
}
.calendar .clndr table.clndr-table {
  width: 100%;
  color: white;
}
.calendar .clndr table.clndr-table thead {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid white;
}
.calendar .clndr table.clndr-table thead tr td {
  border-bottom: 1px solid white;
  background: #709255;
}
.calendar .clndr table.clndr-table tbody {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
}
.calendar .clndr table.clndr-table tbody tr td {
  background: #709255;
}
.calendar .clndr table.clndr-table tbody tr td:hover {
  opacity: 0;
  -webkit-animation: fadeIn ease-in-out 1s;
  -moz-animation: fadeIn ease-in-out 1s;
  animation: fadeIn ease-in-out 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: none;
  -moz-animation-delay: none;
  animation-delay: none;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.5;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.5;
  }
}
.calendar .clndr table.clndr-table tbody tr td.day .day-contents {
  width: 100%;
  height: 100%;
}
.calendar .clndr table.clndr-table tbody tr td.selected .day-contents {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  background: #fff;
  color: black;
}
.calendar .clndr table.clndr-table tbody tr td.event .day-contents {
  position: relative;
}
.calendar .clndr table.clndr-table tbody tr td.event .day-contents:before {
  content: "";
  width: 50%;
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  background: #6699ff;
  left: 25%;
  bottom: 5px;
}
.calendar .clndr table.clndr-table tbody tr td.event.selected .day-contents {
  background: #709255;
  color: white;
  border: none;
}
.calendar .clndr table.clndr-table tbody tr td.today .day-contents {
  background: #96c11f;
}
.calendar .clndr table.clndr-table tbody tr td.today.event .day-contents:before {
  background: white;
}
.calendar .clndr table.clndr-table tbody tr td.today.event.selected .day-contents {
  color: white;
}
.calendar .clndr table.clndr-table tbody tr td.today.event.selected .day-contents:before {
  background: white;
}
.calendar .clndr table.clndr-table tbody tr td.adjacent-month {
  background: #ffffff;
  color: #d8e3d0;
  cursor: disabled;
}
.calendar .clndr table.clndr-table tbody tr td.adjacent-month .day-contents {
  color: #d8e3d0;
  cursor: disabled;
}
.calendar.w50 {
  width: 50%;
  margin-top: 5px;
}
.calendar.w50 .clndr {
  width: 100%;
  height: 100%;
}
.calendar.w50 .clndr .clndr-controls {
  color: white;
  width: 100%;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px solid white;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.calendar.w50 .clndr .clndr-controls .clndr-control-button {
  float: left;
  width: 15%;
  height: 100%;
  text-align: center;
  background: #709255;
  cursor: pointer;
}
.calendar.w50 .clndr .clndr-controls .clndr-control-button:hover {
  opacity: 0;
  -webkit-animation: fadeIn ease-in-out 1s;
  -moz-animation: fadeIn ease-in-out 1s;
  animation: fadeIn ease-in-out 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: none;
  -moz-animation-delay: none;
  animation-delay: none;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.6;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.6;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0.6;
  }
}
.calendar.w50 .clndr .clndr-controls .clndr-control-button.month {
  width: 70%;
}
.calendar.w50 .clndr .clndr-controls .clndr-control-button .clndr-previous-button,
.calendar.w50 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  width: 100%;
  height: 100%;
}
.calendar.w50 .clndr table.clndr-table {
  width: 100%;
  color: white;
}
.calendar.w50 .clndr table.clndr-table thead {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid white;
}
.calendar.w50 .clndr table.clndr-table thead tr td {
  border-bottom: 1px solid white;
  background: #709255;
}
.calendar.w50 .clndr table.clndr-table tbody {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}
.calendar.w50 .clndr table.clndr-table tbody tr td {
  background: #709255;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.day .day-contents {
  width: 100%;
  height: 100%;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.selected .day-contents {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  background: #fff;
  color: silver;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.event .day-contents {
  position: relative;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.event .day-contents:before {
  content: "";
  width: 50%;
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  background: #6699ff;
  left: 25%;
  bottom: 5px;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.event .day-contents.filled:before {
  content: "";
  width: 50%;
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  background: red !important;
  left: 25%;
  bottom: 5px;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.event .day-contents.orange:before {
  content: "";
  width: 50%;
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  background: darkorange !important;
  left: 25%;
  bottom: 5px;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.event.selected .day-contents {
  background: #709255;
  color: white;
  border: none;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.today .day-contents {
  background: #96c11f;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.today.event .day-contents:before {
  background: white;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.today.event.selected .day-contents {
  color: white;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.today.event.selected .day-contents:before {
  background: white;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.today.selected .day-contents {
  background: #6699ff;
  color: white;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.adjacent-month {
  background: #ffffff;
  color: #d8e3d0;
  cursor: disabled;
}
.calendar.w50 .clndr table.clndr-table tbody tr td.adjacent-month .day-contents {
  color: #d8e3d0;
  cursor: disabled;
}
.info_box {
  float: left;
  width: 400px;
  margin-top: 20px;
  margin-left: 20px;
  height: auto;
  overflow: auto;
  border: 1px solid black;
  min-height: 400px;
  background: #fff;
}
.info_box .head {
  width: 100%;
  height: 50px;
  float: left;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}
.info_box .head h3 {
  font-weight: bold;
  font-size: 24px;
}
.info_box .body .empty_row {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  margin-top: 160px;
}
.info_box .body .row {
  width: 100%;
  height: auto;
  font-size: 11px;
  float: left;
  padding: 10px;
  border-bottom: 1px dashed #8aab6f;
  position: relative;
}
.info_box .body .row b {
  display: inline-block;
  width: 100%;
  padding-right: 50px;
  line-height: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #709255;
}
.info_box .body .row small {
  display: inline-block;
  font-weight: 400;
  color: #8aab6f;
}
.info_box .body .row i {
  font-style: italic;
  font-weight: 300;
  color: #b1de35;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
}
.info_box .body .row p {
  margin-top: 10px;
  line-height: 14px;
  font-size: 12px;
  position: relative;
  width: 100%;
}
.info_box .body .row p.pic:before {
  content: " ";
  width: 20px;
  height: 20px;
  right: 20px;
  top: -24px;
  display: block;
  position: absolute;
  float: right;
  background: url("../../../images/crm/icons/foto.png") no-repeat center;
  background-size: cover;
}
.info_box .body .row .status {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  right: 10px;
  top: 32px;
  display: block;
  position: absolute;
  float: right;
}
.info_box .body .row .status.online {
  background: #66cc66;
}
.info_box .body .row .status.chiusa {
  background: #6699ff;
}
.info_box .body .row .status.error {
  background: #ca6156;
}
.clndr_container {
  overflow: hidden;
}
.clndr_container .info_box1 {
  width: 50%;
  float: left;
  display: block;
  margin-top: 5px;
  height: 241px;
  overflow: auto;
  background: #fff;
  cursor: default;
}
.clndr_container .info_box1 .head {
  width: 100%;
  height: 30px;
  float: left;
  line-height: 20px !important;
  vertical-align: middle;
  text-align: center;
}
.clndr_container .info_box1 .head .back {
  margin-top: -10px;
  width: 10%;
  padding: 5px 0px;
  float: left;
  cursor: pointer;
  font-size: 25px;
}
.clndr_container .info_box1 .head .back:hover {
  background: #709255;
  color: #fff;
}
.clndr_container .info_box1 .head h3 {
  width: 90%;
  float: left;
  font-weight: 700;
  text-align: right;
  margin-top: -5px;
  font-size: 15px;
}
.clndr_container .info_box1 .body .row {
  width: 100%;
  height: auto;
  font-size: 11px;
  float: left;
  padding: 10px;
  border-bottom: 1px dashed #8aab6f;
  position: relative;
}
.clndr_container .info_box1 .body .row b {
  display: inline-block;
  width: 100%;
  padding-right: 50px;
  line-height: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #709255;
}
.clndr_container .info_box1 .body .row small {
  display: inline-block;
  font-weight: 400;
  color: #8aab6f;
}
.clndr_container .info_box1 .body .row i {
  font-style: italic;
  font-weight: 300;
  color: #c2e660;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
}
.clndr_container .info_box1 .body .row p {
  margin-top: 10px;
  line-height: 14px;
  font-size: 12px;
  position: relative;
  width: 100%;
}
.clndr_container .info_box1 .body .row p.pic:before {
  content: " ";
  width: 20px;
  height: 20px;
  right: 20px;
  top: -24px;
  display: block;
  position: absolute;
  float: right;
  background: url("../../../images/crm/icons/foto.png") no-repeat center;
  background-size: cover;
}
.clndr_container .info_box1 .body .row .status {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  right: 10px;
  top: 32px;
  display: block;
  position: absolute;
  float: right;
}
.clndr_container .info_box1 .body .row .status.online {
  background: #66cc66;
}
.clndr_container .info_box1 .body .row .status.chiusa {
  background: #6699ff;
}
.clndr_container .info_box1 .body .row .status.error {
  background: #ca6156;
}
/*================================ DASHBOARD ===========================================*/
.counter_container {
  padding: 20px;
}
.counter_container .content_box {
  position: relative;
  width: 20%;
  min-height: 150px;
  float: left;
  margin: 20px;
  text-align: center;
  box-shadow: 0px 0px 1px #bed1af;
  padding: 20px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.counter_container .content_box.chart {
  width: 44%;
  padding-left: 10px;
  padding-right: 10px;
}
.counter_container .content_box.chart label {
  font-weight: bold;
}
.counter_container .content_box.chart th {
  font-weight: bolder;
  color: #709255;
}
.counter_container .content_box.chart td {
  color: #709255;
}
.counter_container .content_box.chart .righted {
  text-align: right;
}
.counter_container .content_box .counter,
.counter_container .content_box label {
  position: relative;
  width: 100%;
}
.counter_container .content_box .counter {
  margin-top: 10px;
  font-size: 3.3em;
  color: #96c11f;
}
.counter_container .content_box label {
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 20px;
  color: #709255;
}
/*============================ CALENDARIO HOME ========================================*/
.home_clndr {
  width: 100%;
  margin-top: 20px;
  cursor: default;
  color: white;
}
.home_clndr .clndr {
  width: 100%;
  height: 59px;
  background: transparent;
}
.home_clndr .clndr .clndr-controls {
  position: relative;
  width: 100%;
  height: 60px;
  float: left;
  padding: 20px;
  line-height: 23px;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  border-bottom: 1px solid white;
}
.home_clndr .clndr .clndr-controls .clndr-control-button {
  display: inline-block;
  color: #709255;
}
.home_clndr .clndr .clndr-controls .clndr-control-button .clndr-next-button,
.home_clndr .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  position: absolute;
  bottom: 10px;
  padding: 7px 18px;
  padding-bottom: 12px;
  cursor: pointer;
  font-size: 25px;
  background: #709255;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.home_clndr .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  right: 20px;
}
.home_clndr .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  left: 20px;
}
.home_clndr .clndr table {
  position: relative;
}
.home_clndr .clndr table.clndr-table {
  width: 100%;
  float: left;
}
.home_clndr .clndr table.clndr-table tr {
  /*height: 60px; line-height: 60px; font-size: 18px;*/
}
.home_clndr .clndr table.clndr-table tr td {
  width: 14.282%;
  float: left;
}
.home_clndr .clndr table.clndr-table thead .header-days {
  width: 100%;
  background: #fff;
  color: #709255;
}
.home_clndr .clndr table.clndr-table thead .header-days .header-day {
  padding: 10px 0px;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(112, 146, 85, 0.5);
}
.home_clndr .clndr table.clndr-table tbody tr {
  box-shadow: inset 0px -1px 0px rgba(112, 146, 85, 0.7);
}
.home_clndr .clndr table.clndr-table tbody tr td.day .day-contents {
  width: 100%;
  min-height: 200px;
  position: relative;
  color: #709255;
  padding-top: 40px;
}
.home_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-name {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.home_clndr .clndr table.clndr-table tbody tr td.day .day-contents label {
  width: 100%;
  float: left;
  height: 11px;
  padding: 2px 0px 15px 15px;
  line-height: 11px;
  font-size: 11px;
  vertical-align: middle;
  text-align: left;
}
.home_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-item {
  margin-bottom: 10px;
  display: block;
  width: 75%;
  margin-left: 3%;
  position: relative;
}
.home_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-item div {
  display: block;
  background: #a4be8f;
  color: #fff;
  font-size: 11px;
  padding: 5px;
  margin-bottom: 3px;
  box-shadow: 0px 0px 1px #bed1af;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-item span {
  position: absolute;
  top: 0px;
  right: -27px;
  color: #709255;
  line-height: 1;
  top: 50%;
  font-size: 10px;
  margin-top: -10px;
  background: #ffffff;
  padding: 3px 5px;
}
.home_clndr .clndr table.clndr-table tbody tr td.day:hover .day-name {
  background: #709255;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
.home_clndr .clndr table.clndr-table tbody tr td.today .day-contents .day-name {
  background: #96c11f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
.home_clndr .clndr table.clndr-table tbody tr td.adjacent-month {
  background: #ffffff;
  margin-bottom: 1px;
  color: #f3f6f0;
  cursor: disabled;
  pointer-events: none;
}
.home_clndr .clndr table.clndr-table tbody tr td.adjacent-month .day-contents {
  color: #d8e3d0;
  cursor: disabled;
}
/*============================ RACCOLTA RIFIUTI ========================================*/
.trash_clndr {
  width: 100%;
  min-height: 459px;
  margin-top: 20px;
  cursor: default;
  color: white;
}
.trash_clndr .clndr {
  width: 100%;
  height: 459px;
  background: transparent;
}
.trash_clndr .clndr .clndr-controls {
  position: relative;
  width: 100%;
  height: 60px;
  float: left;
  padding: 20px;
  line-height: 23px;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  border-bottom: 1px solid white;
}
.trash_clndr .clndr .clndr-controls .clndr-control-button {
  display: inline-block;
  color: #709255;
}
.trash_clndr .clndr .clndr-controls .clndr-control-button .clndr-next-button,
.trash_clndr .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  position: absolute;
  bottom: 10px;
  padding: 7px 18px;
  padding-bottom: 12px;
  cursor: pointer;
  font-size: 25px;
  background: #709255;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.trash_clndr .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  right: 20px;
}
.trash_clndr .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  left: 20px;
}
.trash_clndr .clndr table {
  position: relative;
}
.trash_clndr .clndr table.clndr-table {
  width: 100%;
  float: left;
}
.trash_clndr .clndr table.clndr-table tr {
  /*height: 60px; line-height: 60px; font-size: 18px;*/
}
.trash_clndr .clndr table.clndr-table tr td {
  width: 14.282%;
  float: left;
}
.trash_clndr .clndr table.clndr-table thead .header-days {
  width: 100%;
  background: #fff;
  color: #709255;
}
.trash_clndr .clndr table.clndr-table thead .header-days .header-day {
  padding: 10px 0px;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(112, 146, 85, 0.5);
}
.trash_clndr .clndr table.clndr-table tbody tr {
  box-shadow: inset 0px -1px 0px rgba(112, 146, 85, 0.7);
}
.trash_clndr .clndr table.clndr-table tbody tr td.day .day-contents {
  width: 100%;
  min-height: 200px;
  position: relative;
  color: #709255;
  padding-top: 40px;
}
.trash_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-name {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.trash_clndr .clndr table.clndr-table tbody tr td.day .day-contents label {
  width: 100%;
  float: left;
  height: 11px;
  padding: 2px 0px 15px 15px;
  line-height: 11px;
  font-size: 11px;
  vertical-align: middle;
  text-align: left;
}
.trash_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-item {
  margin-bottom: 10px;
  display: block;
  width: 75%;
  margin-left: 3%;
  position: relative;
}
.trash_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-item div {
  display: block;
  background: #a4be8f;
  color: #fff;
  font-size: 11px;
  padding: 5px;
  margin-bottom: 3px;
  box-shadow: 0px 0px 1px #bed1af;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trash_clndr .clndr table.clndr-table tbody tr td.day .day-contents .day-item span {
  position: absolute;
  top: 0px;
  right: -27px;
  color: #709255;
  line-height: 1;
  top: 50%;
  font-size: 10px;
  margin-top: -10px;
  background: #ffffff;
  padding: 3px 5px;
}
.trash_clndr .clndr table.clndr-table tbody tr td.day:hover .day-name {
  background: #709255;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
.trash_clndr .clndr table.clndr-table tbody tr td.today .day-contents .day-name {
  background: #96c11f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
.trash_clndr .clndr table.clndr-table tbody tr td.adjacent-month {
  background: #ffffff;
  margin-bottom: 1px;
  color: #f3f6f0;
  cursor: disabled;
  pointer-events: none;
}
.trash_clndr .clndr table.clndr-table tbody tr td.adjacent-month .day-contents {
  color: #d8e3d0;
  cursor: disabled;
}
.main_theme {
  padding: 50px;
  background: #fff;
}
.main_theme .wrap_theme {
  position: relative;
  width: 700px;
  margin: 0 auto;
}
.main_theme .wrap_theme h3 {
  display: block;
  padding-bottom: 20px;
  text-align: left;
}
.main_theme .wrap_theme hr {
  margin: 40px 0px;
}
.main_theme .wrap_theme p {
  display: block;
  padding: 15px 0px;
  padding-top: 40px;
}