/*
#ffcc00
#4DAD8E
#6BC38A
#94D782
#C3E978
#F9F871


#00C9B2
#F3EADA
#FFA17A
*/

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #ffcc00;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffcc0090;
}

* {
	font-family: 'Space Grotesk', sans-serif;
	scroll-behavior: smooth;
}
tr.cst {
	cursor:pointer;
}
.mdtitle, .mdincassi, .mdcosti, .mdmassive {
	display: none;
}
.mdincassi, .mdcosti, .mdmassive {
	padding: 0 10px 0 10px;
}
.mt5 {
	margin-top: 25px;
}

.cash {
	font-weight: bold;
    color: #CCD45D;
    font-size: 18px;
}
.flex {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}
option.green {
	color: #00a65a;
}

option.exist {
	font-weight: 900; 
	color: #000000;
}
.login-page .login-header.login-caret:after {
	border-color: #fff transparent transparent transparent;
}

.login-page .login-form .form-group .input-group {
	border: 1px solid #4DAD8E;	
	color: #999;
    background-color: #fff;
}
.login-page .login-form .form-group .input-group .form-control {
	color: #999;
    background-color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #4DAD8E;
    border: 1px solid #4DAD8E;
}
.login-page .login-form .form-group .btn-login {
    border: 1px solid #4DAD8E;
}
.login-page .login-form .form-group .btn-login:hover, 
.login-page .login-form .form-group .btn-login:active {
    background: #6BC38A;
}

.panel-success {
	background-color: #4DAD8E;
	border-radius: 20px;
}
#sch {
	border-radius: 10px;
	color: #373e4a;
}
.tile-stats.tile-white-green {
    color: #4DAD8E;
	background-color: #fff;
	border: solid 1px #ccc;
}

.tile-stats.tile-white-green .icon {
	color: rgba(0,0,0,.1);
}

input:required, input:required:invalid, select:required, select:required:invalid {
	border-color: #f56954;
	border-width: 2px;
	color: #f56954 ;
	font-weight: bold;
}
input:required:valid, select:required:valid  {
	border-color: #ffcc00;
	border-width: 2px;
	color: #ffcc00;
}

.iv:before {
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: calc( 0.2rem - 2px);
  right: -5px;
}
input:required:valid ~ .iv:before, select:required:valid ~ .iv:before  {
  content: "\f058";
  color: #ffcc00;
}
input:required:invalid ~ .iv:before, select:required:invalid ~ .iv:before {
  content: "\f057";
  color: #f56954;
}

a.list-group-item, button.list-group-item {
    color: #4DAD8E;
    font-size: 14px !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #4DAD8E;
    border-color: #4DAD8E;
}
  .list-group-item.active h6
, .list-group-item.active:hover h6
, .list-group-item.active:focus h6 
,  .list-group-item.active h4
, .list-group-item.active:hover h4
, .list-group-item.active:focus h4 {
    color: #fff;
}
  .tile-stats.tile-red
, .tile-stats.tile-red .num
, .tile-stats.tile-red h3
, .tile-stats.tile-red p {
    color: #f56954;
	background-color: #fff
}
.tile-stats.tile-red > h2,
.tile-stats.tile-red > h1 {
    color: #f56954 !important;
}
.tile-stats.tile-white-green > h2,
.tile-stats.tile-white-green > h1 {
    color: #4DAD8E;
}
.tile-stats.tile-red:hover {
    background: #fff;
	font-weight: bold;
}
.tile-stats.tile-white-green:hover {
    background: #fff;
	font-weight: bold;
}

.tile-white-green select {
	max-height: 140px;
}

.popup {
    position: absolute;
    background-color: #ffcc00;
    padding: 5px;
    border: none;
    border-radius: 10px;
    text-align: center;
    bottom: 40px;
    font-weight: bold;
    z-index: 1;
    box-shadow: rgb(0 0 0 / 31%) 0px 4px 14px 0px;
}
span.ivadett {
	font-size: 12px;
	display: block;
}
.datat {
    text-align: right;
    padding-top: 5px;
    font-size: 18px;
    vertical-align: top;
}
.popup p {
    color: #fff !important;	
	background-color: transparent !important
}
.arrow-down {
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffcc00;
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -10px;
}

footer.main {
		padding: 5px;
		position: absolute;
		bottom: 0px;
		height: 3%;
		min-height: 28px;
		left: 13%;
		right: 0px;
		text-align: right;
		background: #efefef;
		border-top: solid 1px #ccc;
	}

	.page-container .main-content {
		position: absolute;
		display: block;
		/* vertical-align: top; */
		padding: 20px;
		background: #efefef;
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* box-sizing: border-box; */
		height: auto;
		bottom: 3%;
		top: 0px;
		right: 0px;
		left: 13%;
		overflow-y: auto;
		max-height: calc(100%-28px);
	}
	.page-container, body {
		overflow:hidden;
	}
.page-container .sidebar-menu #main-menu li.has-sub > a:before {
	color: #ffcc00;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a, .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
	border: none;
}
.page-container .sidebar-menu #main-menu li ul > li {
	border-bottom: 1px solid #fff;
}
.page-container .sidebar-menu #main-menu li ul > li > a {
	background-color: #ffcc00;
	color:#fff;
}
.page-container .sidebar-menu #main-menu li a:hover {
    background-color: #ffcc00;
    color: #fff;
}

.page-container .sidebar-menu {
		display: table-cell;
		vertical-align: top;
		background: #fff;
		width: 13%;
		position: relative;
		z-index: 100;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
.page-container .sidebar-menu #main-menu li a {
	color: #333;
}
.page-container .sidebar-menu #main-menu li {
	border-bottom: 1px solid #ffcc0088;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #ffcc00;
}
.tile-stats, .btn-neg {
/*	background-color: #ffcc00;*/
}

@media (max-width: 990px) { 
	footer.main {
		left: 65px;
	}

	.page-container .main-content {
		left: 65px;
	}
	.page-container, body {
		overflow:hidden;
	}
	.sidebar-collapse {
		display:none!important;
	}
}

@media (max-width: 767px) { 
	.logo img {
		width: auto!important;
		height: 30px;
	}
	footer.main {
		left: 0px;
	}

	.page-container .sidebar-menu {
		display: block;
		width: 100%;
	}
	.page-container .main-content {
		top:60px;
		left: 0px;
	}
	.page-container, body {
		overflow:hidden;
	}
	
}

input[type="date"]::-webkit-inner-spin-button{
    display: none;
    -webkit-appearance: none;
	margin: 0;
	padding: 3px;
}

input[type="date"],input[type="number"] {
	padding-right: 3px;
}
input[type="number"] {
	text-align: right;
}
.itsammenu {
	max-height: 500px;
	overflow-y: auto;
}
.I {
	color:#0073b7;
}

.C {
	color:#f4543c;
}

.tab-content {
	background-color: #fff;
}

.dw {
	border-left: dotted 1px #999;
	min-width: 55px;
	max-width: 70px;
}

.off { background-color: rgba(204, 204, 204, 0.4); }

.dw dm {
    z-index: 0;
    color: rgba(204, 204, 204, 0.4);
    font-size: 40px;
    line-height: 0;
    font-weight: bold;
	float: left;
}

.lred {
    color: rgba(255, 0, 0, 0.2)!important;	
}
.dw strong {
	z-index: 1;
	display:block;
	float: right;
	width: 100%;
}

.obi {
	font-size:12px;
	color:#999;
	width: 100%;
	display:block;
	float: right;
}

#loading-indicator {
    position: absolute;
/*    background-color: #ffffff;
*/    z-index: 2;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity:1;
}
#loading-indicator i {
	margin: 0 auto;
    display: block;
    margin-top: 25%;
	color:#ffcc00;
}

.dtl {
	cursor:pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.doble {
	border-bottom: solid 1px #000;
}
.double {
	border-top: solid 1px #000;
	border-bottom: dotted 1px #000;
	background-color: #efefef;
}

.login-page .login-header {
	background: #fff;
	color:#999;
	position: relative;
    padding: 100 0 20 0;
    -moz-transition: all 550ms ease-in-out;
    -webkit-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
}
.login-page {
  background: #ffcc00;
}

.tile-stats .num {
   font-size: 250%;
    font-weight: bold;
    text-align: right;
}
.ticketList th:not(:first-child), .ticketList td:not(:first-child) {
	text-align: right;
} 
.text-green {
	color:#0bab01;
	font-weight: bold;
}
.text-red {
	color:#f4543c;
	font-weight: bold;
}

.last_table {
padding-left: 20px;
}

.blink {
  -webkit-animation: BLK 2s infinite;  /* Safari 4+ */
  -moz-animation: BLK 2s infinite;  /* Fx 5+ */
  -o-animation: BLK 2s infinite;  /* Opera 12+ */
  animation: BLK 2s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes BLK {
  	0%, 5% {
    	background-color: #ffcc00;
  	}
  	6%, 10% {
    	background-color: transparent;
  	}
  	11%, 20% {
    	background-color: #ffcc00;
	}
  	21%, 30% {
    	background-color: transparent;
	}
  	31%, 50% {
    	background-color: #ffcc00;
	}
  	51%, 100% {
    	background-color: transparent;
	}
}

.btn-neg {
	cursor: pointer;
	color: #111;
    background-color: transparent !important;
    border-color: none !important;
}
.btn-neg:hover {
	color: #00acd6 !important;
}

.minus, .major {
	font-weight: 900;
}

.minus {color:#f4543c;}
.major {color:#00acd6;}

.fisso_variabile {
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
}
input {
	font-size: 12px;
}
input[type="checkbox"] {
	width: 20px;
	height: 20px;
}
input[type="number"] {
	font-size: 20px;
}
.tile-white .icon {
	color:#e2e2e2 !important;
}
.tile-white .num {
	font-size: 200%;
}
.tile-stats {
	font-size: 12px;
    background-color: #fff;
}
.tile-stats.tile-gray h2 {
	font-size: 20px;
	color: #ccc;
	margin-top: 0px;
}
.tile-stats h2 {
	font-size: 20px;
	color: #fff;
	margin-top: 0px;
}
.page-container .main-content {
    background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 15px -3px inset;
}


table.dataTable thead th {
	position: relative;
	background-image: none !important;/* Remove the DataTables bootstrap integration styling */
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: 'FontAwesome';
}
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 50% !important;
	right: 8px;
	display: block;
	font-family: Entypo;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
table.dataTable thead th.sorting:after {
    font-family: 'FontAwesome';
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    font-family: 'FontAwesome';
	font-weight: 900;
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    font-family: 'FontAwesome';
	font-weight: 900;
	content: "\f0dd";
}
div.dataTables_scrollBody table.dataTable thead th.sorting:after, 
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after, 
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	top:8px;
}
/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after {
	top: 8px;
}

.panel-primary > .panel-heading {
	background-color: transparent;
	color: #fff;
}
.panel-primary > .panel-heading {
	color: #fff;	
}

 .tile-stats{
    border: 1px solid #ccc;
    border-radius: 5px;
	box-shadow: none;
}
 .tile-stats:hover{
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	background-color: #fff;
	 /*	background-color: #ffcc00; */
}
.tabs-vertical-env .tabs-vertical + .tab-content {
    margin-bottom: 0;
    min-height: 400px;
    background-color: #fff;
}
.buttons {
	margin-bottom: 20px;
    border-bottom: dotted 1px #ccc;
    padding: 10px;
}
textarea {
	width: 100%;
	max-height: 400px;
	overflow-y: scroll;
}
.input-group-addon:first-child {
    border-right: 0;
    font-size: 14px;
    font-weight: 600;
    font-family: Arial;
}
.sidebar-collapse {
	display: none !important;
}

table > tbody > tr > td > span {
	display: none;
}
.print {
	display: none !important;
}
.noprint {
	display: block !important;
}

.tableformh2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-left: -10px !important;
}
.tableforminput {
    font-size: 16px !important;
    font-weight: bold !important;
    max-width: 300px !important;
    margin-left: 10px !important;
}

@media print {
	  .sidebar-menu
	, footer
	, select
	, input
	, textarea
	, .mdincassi
	, .mdcosti
	, .noprint
	, #table_wrapper > div.row {
		display: none !important;
	}
	.page-container {
		overflow: visible;
	}
	.page-container .main-content {
		bottom: 0px !important;
		left: 0px !important;
		overflow: visible;
		max-height: none;
	}
	.print {
		display: block !important;
	}
	table.dataTable thead th, table.dataTable tbody td {
    	padding: 2px 2px !important;
	}
	table.dataTable tbody td a, table.dataTable tbody td:last-child, table.dataTable thead th:last-child {
		display: none !important;
	}
}


.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
