.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:#228655;
}

.toast-error {
  background-color:#FF0019;
}

.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;
  }
}


/* Global Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}
table {
	/*border-collapse:collapse;*/
	/*border-spacing:0;*/
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
strong{
	font-weight:bold;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}
/* End Global Reset*/
::selection { 
	background: #0072c6;color:#FFF 
}
::-webkit-selection { 
	background: #0072c6;color:#FFF 
}
::-moz-selection { 
	background: #0072c6;color:#FFF 
} 

body {
    background:#e9eaed;
    color: #333333;
    direction: ltr;
    font-family: 'Baomoi',"Segoe UI","Segoe UI Web Regular","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 88%;
    margin: 0 auto;
	position:relative;
}
a {
	color:#43609c;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
.fa-spin {
	color:#DD6305;
}
.content {
	width:1024px;
	margin:0 auto;
}
body > header{
	background:#FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
    height: 60px;
    min-width: 1024px;
    width: 100%;
	position: fixed !important;
	z-index:100;
}
body > header > .content {
	background:#FFF url(../images/logo.jpg) left top no-repeat;
	height: 60px;
	font-size:16px;
}

body > header > .content li .home{
	float:left;
	width:190px;
}

body > header > .content li .home:hover{
	border-bottom:0px;
	height:60px;
}

body > header > .content li{
	float:left;	
}

body > header > .content li a{
	display:block;
	height:100%;
	line-height:60px;
	text-decoration:none;
	font-weight:600;
	padding-left:10px;
	padding-right:10px;
}

body > header > .content li a:hover,body > header > .content li a.active{
	border-bottom:3px solid #060606;
	height:57px;
}

body > section{
	background:#e9eaed;
	height:100%;
	padding-top: 20px;
}

body > section .content {
	background:#fafafa;
	border: 1px solid #c9ced4;
    margin: 0 auto;
}


body > section > div > aside{
	background: #fafafa none repeat scroll 0 0;
    border-right: 1px solid #e9eaed;
    font-family: "helvetica neue",helvetica,arial,"lucida grande",sans-serif;
    overflow-y: auto;
    position: fixed;
	z-index:99;
	float:left;
	width:190px;
}

body > section > div > aside h2{
	background-color: #fafafa;
    border-bottom: 1px solid #e9eaed;
    box-sizing: border-box;
    color: #4e5665;
    display: block;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 16px;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
}

body > section > div > aside ul{
	padding: 5px 20px 20px;
}

body > section > div > aside ul li a{
    display: inline-block;
    font-weight: 500;
    margin: 5px 0;
    padding: 0;
    text-decoration: none;
}

body > section > div > article{
	background:#fafafa;
	padding-left:190px;
}

body > section > div > article h2{
	background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e9eaed;
    color: #4e5665;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 32px;
	padding-left:15px;
	position:fixed;
	width: 786px;
	
}

body > section > div > article h2 i{
	margin-left:5px;
	margin-right:5px;
}

body > section > div > article .main{
	padding-top:44px;
	border-left: 1px solid #e9eaed;
}


abel {
	font-size:16px;
	font-weight:600;
	margin-right:8px;
}
input[type="text"],input[type="password"]{
	border:2px solid #6B6B6B;
	height:20px;
	padding:5px;
	min-width:300px;
}
textarea {
	border: 2px solid #6b6b6b;
    height: 80px;
    padding: 5px;
    width: 680px;
	font-family: 'Baomoi',"Segoe UI","Segoe UI Web Regular","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}
select {
	border: 2px solid #6b6b6b;
	padding: 5px;
}
span.error{
	margin-left:10px;
	color:#DD0306;
}
.php_error {
	color:#DD0306;
}

input[type="text"].error{
	border:2px solid #DD0306;
}

a.button{
	padding:5px;
	text-decoration:none;
}

input[type="submit"],input[type="button"],a.button,button{	
	border:2px solid #0963AD;
	height:35px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	color:#F7F3F3;
	background:#277DC4;
	font-weight:600;
}

input[type="submit"]:hover,input[type="button"]:hover,a.button:hover,button:hover{
	border:2px solid #064477;
	color:#F9EDED;
	background:#25659B;
}

input[type="button"].cancel{
	border:2px solid #EC7805;
	height:35px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	color:#F7F3F3;
	background:#E39E1E;
	font-weight:600;
}

input[type="button"].cancel:hover{
	border:2px solid #C46405;
	color:#F9EDED;
	background:#C5792D;
}

form.setting{
	padding:15px;
}

form.setting > div {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #C1C1C1;
}

form.setting > div:last-child {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:0px solid #C1C1C1;
}

form.setting > div label{
	display: block;
    float: left;
    line-height: 30px;
    min-width: 100px;
}

table, caption, tbody, tfoot, thead, tr, th, td{
	border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
}

table {
	border: 1px solid #ddd;
    border-collapse: separate;
    margin-bottom: 14px;
    padding: 0;
    width: 100%;
	border-spacing: 0;
}

table th {
    font-weight: bold;
    padding-top: 9px;
    vertical-align: middle;
}

table tbody tr:nth-child(2n+1) {
    background:#F9F5F6
}

table tbody tr:hover {
    background:#CCCCCC
}

table thead {
    background:#ECEBEB
}

table th, table td {
    line-height: 14px;
    padding: 10px 10px 9px;
    text-align: left;
}

table tbody th {
    border-top: 1px solid #ddd;
    vertical-align: top;
}
table th {
    font-weight: bold;
    padding-top: 9px;
    vertical-align: middle;
}
table th, table td {
    line-height: 14px;
    padding: 10px 10px 9px;
    text-align: left;
}
table th + th, table td + td, table th + td {
    border-left: 1px solid #ddd;
}
table td {
    border-top: 1px solid #ddd;
    vertical-align: middle;
}
table th, table td {
    line-height: 14px;
    padding: 10px 10px 9px;
    text-align: left;
}

/* phan trang */
.pagination {
    height: 28px;
    margin: 14px 0;
}
.pagination ul {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    float: left;
    margin: 0;
}


.pagination li {
    display: inline;
	color: #666666;
    line-height: 14px;
}

.pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #999999;
}
.pagination a {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    float: left;
    line-height: 26px;
    padding: 0 14px;
    text-decoration: none;
}

.pagination a:hover, .pagination .active a {
    background-color: #eceff6;
}
.pagination .next a {
    border: 0 none;
}

/* FREE FOR YOU BY SCRIPTGATES.COM! */
.divMessageBox {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.6);
z-index:100000;
}

.MessageIE {
background-image:url(../images/bg.png);
}

.MessageBoxContainer {
top:35%;
color:#FFF;
position:relative;
width:100%;
background-color:#232323;

}

.MessageBoxButtonSection {
width:100%;
height:30px;
}

.MessageBoxButtonSection button {
float:right;
color:#FFF;
margin-right:5px;
font-family:arial;
border-color:#FFF;
border-style:solid;
border-width:2px;
padding:5px 15px;
}

.MessageBoxButtonSection button:hover {
background-color:red;
}

.LoadingBoxContainer {
top:20%;
color:#FFF;
position:relative;
width:100%;
background-color:#232323;

}

#LoadingPoints {
position:absolute;
}

.bigBox {
position:fixed;
right:10px;
bottom:10px;
background-color:#004d60;
width:390px;
height:150px;
color:#FFF;

z-index:99999;
padding:10px 10px 5px;
}

.bigBox p {
font-size:14px;
margin-top:2px;
}

#divMiniIcons {
float:right;
position:fixed;
width:430px;
right:10px;
bottom:180px;
z-index:9999;
}

.botClose {
position:absolute;
right:10px;
height:15px;
width:15px;
cursor:pointer;
}

#divMiniIcons .cajita {
background-color:red;
width:30.5px;
height:30.5px;
float:right;
cursor:pointer;
display:block;
margin:2px 2px 0;
}

.cajita img {
width:23px;
height:23px;
padding-left:3px;
padding-top:3px;
}

.bigBox .bigboxicon {
width:100px;
float:left;
margin:0;
}

.bigBox .bigboxnumber {
width:220px;
float:left;
text-align:right;
font-size:25px;
margin:2px 0 0;
}

#divSmallBoxes {
	position: fixed;
    right: 0;
    top: 65px;
    z-index: 1000;
}

.SmallBox {
position:absolute;
right:0;
top:20px;
padding-right:30px;
width:380px;
color:#FFF;

z-index:9999;
}

.SmallBox:hover {
box-shadow:0 0 10px #888;
cursor:pointer;
}

.SmallBox .foto {
width:100px;
height:100px;
float:left;
margin:-10px -10px 2em;
}

.SmallBox .textoFull {
	float: left;
    padding: 6px 6px 6px 25px;
    width: 93%;
}

.SmallBox .textoFoto {
width:65%;
float:left;
margin:0 20px;
}

.miniPic {
position:absolute;
bottom:5px;
}

.miniIcono {
height:100%;
}

.SmallBox p {
font-size:12px;
margin-top:2px;
}

#pageslide {
display:none;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:305px;
background-color:#004d60;
color:#FFF;
-webkit-box-shadow:inset 0 0 5px 5px #222;
-moz-shadow:inset 0 0 0 0 #222;
box-shadow:inset 0 0 0 0 #222;
padding:20px;
}

.purehtml {
color:#FFF;

font-size:16px;
}

@font-face {
font-family:Quattro;
src:url(Quattrocento-Regular.otf);
}

.animated {
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
}

.animated.fast {
-webkit-animation-duration:.4s;
-moz-animation-duration:.4s;
-ms-animation-duration:.4s;
-o-animation-duration:.4s;
animation-duration:.4s;
}

100% {
-webkit-transform:translateX(-20px);
-moz-transform:translateX(-20px);
-o-transform:translateX(-20px);
opacity:0;
transform:translateX(-20px);
}

.fadeIn {
-webkit-animation-name:fadeIn;
-moz-animation-name:fadeIn;
-o-animation-name:fadeIn;
animation-name:fadeIn;
}

.fadeInRight {
-webkit-animation-name:fadeInRight;
-moz-animation-name:fadeInRight;
-o-animation-name:fadeInRight;
animation-name:fadeInRight;
}

.fadeInUp {
-webkit-animation-name:fadeInUp;
-moz-animation-name:fadeInUp;
-o-animation-name:fadeInUp;
animation-name:fadeInUp;
}

.fadeOut {
-webkit-animation-name:fadeOut;
-moz-animation-name:fadeOut;
-o-animation-name:fadeOut;
animation-name:fadeOut;
}

.fadeOutLeft {
-webkit-animation-name:fadeOutLeft;
-moz-animation-name:fadeOutLeft;
-o-animation-name:fadeOutLeft;
animation-name:fadeOutLeft;
}

.MessageBoxMiddle,.LoadingBoxMiddle {
position:relative;
left:20%;
width:50%;

padding:10px;
}

.MessageBoxMiddle .MsgTitle,.LoadingBoxContainer .MsgTitle {
font-size:26px;
}

.MessageBoxMiddle .pText,.LoadingBoxContainer .pText {
font-style:30px;
}

.MessageBoxContainer input,.MessageBoxContainer select {
width:50%;
padding:5px;
}

.bigBox span,.SmallBox span {
font-size:22px;
}

@media screen and max-width 450px and max-width 767px{
#divSmallBoxes {
position:fixed;
width:90%;
right:0;
top:0;
}

.SmallBox {
position:absolute;
right:0;
top:20px;
padding-right:30px;
width:100%;
color:#FFF;

z-index:9999;
}

.SmallBox:hover {
box-shadow:0 0 10px #888;
cursor:pointer;
}

.SmallBox span {
font-size:16px;
}

.SmallBox .foto {
width:100px;
height:100px;
float:left;
margin:-10px -10px 2em;
}

.SmallBox .textoFull {
width:93%;
float:left;
padding-left:20px;
}

.SmallBox .textoFoto {
width:55%;
float:left;
margin:0 15px;
}

.bigBox {
position:fixed;
right:10px;
bottom:10px;
background-color:#004d60;
width:88%;
height:150px;
color:#FFF;

z-index:99999;
padding:10px 10px 5px;
}

.bigBox span {
font-size:19px;
}

#divMiniIcons {
float:right;
position:fixed;
right:10px;
bottom:180px;
z-index:9999;
}

.botClose {
position:absolute;
right:10px;
height:20px;
width:20px;
}

.bigBox .bigboxicon {
width:100px;
float:left;
margin:0;
}

.bigBox .bigboxnumber {
position:fixed;
width:220px;
float:left;
text-align:right;
font-size:25px;
margin:2px 0 0;
}

.divMessageBox {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.6);
z-index:100000;
}

.MessageBoxContainer {
top:25%;
color:#FFF;
position:relative;
width:100%;
background-color:#232323;

}

.MessageBoxMiddle {
position:relative;
left:10%;
width:80%;

padding:3px;
}

.MessageBoxMiddle .MsgTitle {
font-size:22px;
}

.MessageBoxMiddle .pText {
font-style:10px;
}

.MessageBoxButtonSection {
width:100%;
height:30px;
}

.MessageBoxButtonSection button {
float:right;
color:#FFF;
margin-right:5px;
font-family:arial;
border-color:#FFF;
border-style:solid;
border-width:2px;
padding:5px 15px;
}

.MessageBoxButtonSection button:hover {
background-color:red;
}

.SmallBox p,.bigBox p {
font-size:12px;
margin-top:2px;
}

.MessageBoxContainer input,.MessageBoxContainer select {
width:50%;
padding:5px;
}