@import url("/veocrm/customoficinaalternate.css");

bodyold
{
background-image:url('/veocrm/image/page.jpg');
background-color:#bebebe;
}

body
{
background-image:url('/veocrm/image/bgblue.png');
background-repeat: repeat-x;
background-color:#eeeeee;
}

.bodyveocrm
{
background-image:url('/veocrm/image/bggreen.png');
background-repeat: repeat-x;
background-color:#eeeeee;
}

table {
background: rgba(255,255,255,0);
}

.veooficinashadow { padding: 4px 2px 0px 2px; background: #FFFFFF; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 0px 0px 2px 2px #AAAAAA;}

.error tr { 
    color: #D63301;
	color: #000000;
    background-color: #FFCCBA;
    background-image: url('/veocrm/icon/fail.png');
    border: 2px solid #D8000C;
    margin: 5px 0px;
    padding:5px 5px 5px 40px;
    background-repeat: no-repeat;
    background-position: 5px center;
	white-space: nowrap;
}


.ErrorStyleVeoCRMGreen td { 
    color: #D63301;
	color: #000000;
    background-color: #FFCCBA;
    background-image: url('/veocrm/icon/fail.png');
    border: 2px solid #D8000C;
    margin: 5px 0px;
    padding:5px 5px 5px 40px !important;
    background-repeat: no-repeat;
    background-position: 5px center;
		white-space: nowrap;
}

.error td { 
    color: #D63301;
	color: #000000;
    background-color: #FFCCBA;
    background-image: url('/veocrm/icon/fail.png');
    border: 1px solid #D8000C;
    margin: 5px 2px 1px 2px !important;
    padding:5px 5px 5px 40px !important;
    background-repeat: no-repeat;
    background-position: 5px;
	white-space: nowrap;
}

.veoerror td { 
    color: #D63301;
	color: #000000;
    background-color: #FFCCBA;
    background-image: url('/veocrm/icon/fail.png');
    border: 2px solid #D8000C;
    margin: 5px 0px;
    padding:5px 5px 5px 42px !important;
    background-repeat: no-repeat;
    background-position: 5px center;
	white-space: nowrap;
}







textarea:focus{
color:#000;
outline:none;
border:#35a5e5 1px solid;
box-shadow: 0 0 1px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 1px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 1px rgba(81, 203, 238, 1);
}

input:focus{
color:#000;
border:#35a5e5 1px solid;
box-shadow: 0 0 1px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 1px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 1px rgba(81, 203, 238, 1);
}

 
.tooltipleft{
   			display: inline;
    		position: relative;
		}
		
		.tooltipleft:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 4px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltipleft:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}


.tooltipright{
   			display: inline;
    		position: relative;
		}
		
		.tooltipright:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 4px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		right: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltipright:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		right: 50%;
    		position: absolute;
    		z-index: 99;
		}



.tooltippopname {outline:none; }
.tooltippopname strong {line-height:30px;}
.tooltippopname:hover {text-decoration:none;} 
.tooltippopname span {
    z-index:10;display:none; padding:5px 5px;
    margin-top:15px; margin-left:-200px;
    width:200px; line-height:12px;
}
.tooltippopname:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;text-align: center;font-family: Arial; font-size: 10px; font-weight: normal; font-style: normal; color: #242424;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
.tooltippopname span
{
    border-radius:4px;
    box-shadow: 3px 3px 5px #CCC;
    -webkit-border-radius: 4px; -moz-border-radius: 4px;
}


textarea, input {
	border-radius:3px;
    border: 1px solid #BDBDBD;
    line-height: 12px;
    -webkit-border-radius: 2px; -moz-border-radius: 2px;

}

select {
	border-radius:3px;
    border: 1px solid #BDBDBD;
	height: 20px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px;
}



input[type=submit] {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #bcbcbc;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:11px;
	padding:1px 3px;
	margin: 1px 3px 0px 0px;
	text-decoration:none;
	text-shadow:2px 1px 0px #ffffff;
	height:24px;
}
input[type=submit]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	height:24px;
	FONT-SIZE: 11px
}
input[type=submit]:active {
	position:relative;
	top:1px;
	height:24px;
    FONT-SIZE: 11px
}

.veotr td {border-bottom-width: 1px; border-bottom-color: #75BAFF; border-bottom-style: dotted;vertical-align: top; FONT-FAMILY: Arial; FONT-SIZE: 11px;}
.veocoment:hover  { background-color: #FFFFD9;text-transform:capitalize;}
.veocoment {BACKGROUND-COLOR: #ecfff9;}
.veocomentfut:hover  { background-color: #FFFFD9;text-transform:capitalize;}
.veocomentfut {BACKGROUND-COLOR: #FFECFF;}

.consamon {TEXT-ALIGN: right; BACKGROUND-COLOR: #d7f7ff; FONT-FAMILY: Arial; FONT-SIZE: 18px; FONT-WEIGHT: normal;}
.consatot {TEXT-ALIGN: right; BACKGROUND-COLOR: #dfffff; FONT-FAMILY: Arial; FONT-SIZE: 18px;}
.consause {BACKGROUND-COLOR:#e8ffff;FONT-SIZE:9px; }
.consacan {BACKGROUND-COLOR:#eceeff;FONT-SIZE:9px}
.gtpanel  {BACKGROUND-IMAGE: url(image/bg/metal.jpg); BORDER-BOTTOM-COLOR: #484848; BORDER-TOP-COLOR: #484848; WIDTH: 100%; FONT-FAMILY: Arial; COLOR: #444444; BORDER-RIGHT-COLOR: #484848; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #484848}
.gpanel {WIDTH: 50%; FONT-FAMILY: Arial; FONT-SIZE: 11px}

.mteldesc {BACKGROUND-COLOR: #ffff33; WIDTH: 160px; FONT-FAMILY: Arial; HEIGHT: 22px; FONT-SIZE: 11px}
.mteltb1  {BACKGROUND-COLOR: #ffffbf; WIDTH: 40px; FONT-FAMILY: Arial; HEIGHT: 22px; FONT-SIZE: 11px}
.mteltext {FONT-STYLE: italic; WIDTH: 210px; FONT-FAMILY: Arial; HEIGHT: 22px; COLOR: #242424; FONT-SIZE: 11px; FONT-WEIGHT: normal}

.concaso {FONT-FAMILY: Arial; COLOR: #484848; FONT-SIZE: 12px; TEXT-DECORATION: none; FONT-WEIGHT: bold}
.concnom {TEXT-TRANSFORM: capitalize; FONT-FAMILY: Arial; COLOR: #000099; FONT-SIZE: 11px; TEXT-DECORATION: none}
.concval {TEXT-ALIGN: right; FONT-FAMILY: Arial; COLOR: #020202; FONT-SIZE: 12px}

#overlay {background-color: black;opacity: 0.8;z-index: 9999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}

.btnblack {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px #666666;
  -moz-box-shadow: 0px 1px 2px #666666;
  box-shadow: 0px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #1e89d1;
  padding: 5px 1px 5px 1px;
  text-decoration: none;
}

.btnblack:hover {
  background: #444444 !important;
  text-decoration: none;
}

#loading-div-background{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #aaa;
    width: 100%;
    height: 100%;
	z-index: 9990;
}

#loading-div{
    width: 250px;
    height: 120px;
    background-color: #fff;
    border: 1px solid #999;
    text-align: center;
    color: #303030;
    position: absolute;
    left: 50%;
    top: 35%;
    margin-left: -120px;
    margin-top: -100px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0px 0px 2px 1px #999;
	z-index: 9991;
}