@charset "utf-8";
/* CSS Document */

.clearfix{clear:both;}

.main-header .appname{display:block;height:50px;font-size:20px; float:left;line-height:50px;text-align:left;width:auto;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px;font-weight:300; color:#fff;}

.normal{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
.normal tr td {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000; padding:3px;}

.normal2{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
.normal2 input,
optgroup,
select,
textarea, input[type="search"], input[type="text"] {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
.normal2 tr td {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff; padding:3px;}

#vboxAdm {border:thin solid #6CF; height:auto; font-size:11px;line-height:15px; font-family:Arial, Helvetica, sans-serif}
#vboxAdm tr:nth-child(odd){ background:#fff; border-bottom:1px dotted #999999; }
#vboxAdm tr:nth-child(even){ background:#D5F0F7; border-bottom:1px dotted #999999;}

#vboxClt {border:1px solid #CCC; height:auto; font-size:11px;line-height:15px; font-family:Arial, Helvetica, sans-serif}
#vboxClt tr:nth-child(odd){ background:#fff; border-bottom:1px dotted #999999; }
#vboxClt tr:nth-child(even){ background:#FBFBFB; border-bottom:1px dotted #999999;}


input:required:invalid, input:focus:invalid {background-image: url(images/invalid.png);background-position: right center;    background-repeat: no-repeat;}
input:required:valid {background-image: url(images/valid.png);background-position: right center;background-repeat: no-repeat;}
  
#mview {width:180px; height:auto; padding:5px; border:thin solid #999; float:left; overflow:hidden; margin-right:10px; margin-bottom:20px; text-align:center; font-size:12px;}
#mview img{max-height:100px; max-width:170px;margin-bottom:5px; outline:none;}

#dview {width:200px;min-height:120px; padding:5px; border:thin solid #999; float:left; overflow:hidden; margin-right:10px; margin-bottom:20px; font-size:12px;}
#dview .del{display:block; float:right;}
#dview .in{width:50px;display:block;float:left;margin-right:5px;}
#dview img{max-height:50px; max-width:50px;}

#gview {width:180px; height:auto; padding:5px; border:thin solid #999; float:left; overflow:hidden; margin-right:10px; margin-bottom:20px; text-align:center; font-size:12px;}
#gview img{max-height:100px; max-width:170px;margin-bottom:5px; outline:none;}



.pagNumActive {color:#fff;text-decoration:none;padding:4px 7px;margin-right:3px;border-radius:16px;background:#999;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.paginationNumbers a:link {color: #5ea25a;text-decoration:none;padding: 4px 7px;margin-right:3px;border-radius: 16px;background:#fff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition: all 0.3s linear;}
.paginationNumbers a:visited {color:#000;text-decoration:none;border:#999 1px solid;background-color:#F0F0F0;padding-left:3px; padding-right:3px;}
.paginationNumbers a:hover {color:#4f664e;background:#c9dec8;}
.paginationNumbers a:active {-webkit-box-shadow:1px 1px 3px -1px rgba(0,0,0, .55);-moz-box-shadow:1px 1px 3px -1px rgba(0,0,0, .55);box-shadow:1px 1px 3px -1px rgba(0,0,0, .55);}

ul{margin-left:30px;}
ol{margin-left:30px;}



/* Social */

.social{
font-size:16px;
margin: 5px 0px;
}

.social i{
display:inline-block;
box-shadow:inset 0px 0px 1px #333;
height:20px;
width:20px;
line-height:20px;
margin:0px 5px 0px 0px;
border-radius:3px;
color:#fff;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
text-align:center;
}

.social i.facebook{
background:#3c5b9b;
}

.social i.twitter{
background:#2daae1;
}

.social i.google-plus{
background:#f63e28;
}

.social i.pinterest{
background:#cb2027;
}

.social i.linkedin{
background:#0173b2;
}
.social i.instagram{
background:#9b6954;
}

.social i:hover{
background:#000;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.social a,.social a:visited,.social a:hover{
color:#fff;
text-decoration:none;
}
.table-responsive{
	overflow-y:none !important;
	}
	
	.zoom_img img{
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
}

.portfolio-box {display: block;position: relative;margin: 0 auto;}
.portfolio-box .portfolio-box-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;  color: #fff;opacity: 0;background: rgba(146,83,66,.7);-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {padding: 0 15px;font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {text-transform: uppercase;font-size: 16px;font-weight: 600;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 13px; line-height:14px; font-weight:normal;}
.portfolio-box:hover .portfolio-box-caption {opacity: 1;}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {font-size: 16px;}
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 11px;}
}

.ajax-loader {
  position: relative;
  left: 50%;
  top: 50%;
}

.ajax-small {
  position: relative;
  left: 35%;
  top: 50%;
  height:15px;
}

/*.table-responsive { overflow-x: initial; }*/