@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Roboto);

html,
	body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Lato, arial, Helvetica, sans-serif;
	}
.noborder  { border-style: none;  }
.img-resize-137{ width: 137px; height: 120px;  }
.img-resize-250{ width: 250px;  }
.img-resize-550{ width: 550px; }
.img-resize-500{ width: 500px; }
.collapse { visibility: collapse;}
.tag{ width: auto; padding:5px 5px 5px 5px; margin: 1px 1px 1px 1px;  line-height: 250%; background-color:#008700; color:#fff; border-radius:2px;}
.tag:hover{background-color:#046104;}

.tag2 { 
	background: linear-gradient(#78c77c,#008700);
  	border:1px solid #489071;
  	color:#49682C;
	text-shadow:0px -1px 0px #46624b;
	box-shadow:  inset 0 1px 1px 0 #98d899, 0 1px 0 -1px rgba(0,0,0,0.2);
	padding:4px 4px 7px 4px; 
	margin: 1px 1px 4px 1px;  
	line-height: 250%; 
	font-family: Lato, arial, Helvetica, sans-serif;
	border-radius:2px;
	font-size: 12px;}
	
.tag2: hover{ background: linear-gradient(#008700, #78c77c);
	text-shadow:0px -1px 1px #46624b;
	box-shadow:  inset 0 1px 1px 0 #008700, 0 2px 0 -1px rgba(0,0,0,1);

	font-size: 14px;}
	
.box-shadow2 { 
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 1px;}
 
.button { width: auto; padding:10px 8px 10px 8px; margin: 1px 1px 1px 1px;}
.button-style {

	background-color:#e9eaed;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	color:#396b9a;
    text-shadow:#fff 0 1px 0;
	font-size:11px;
	padding: 5px 10px;
	border:1px solid #396b9a;
	
}

.button-red{
width:100%;
   border-style: solid;
    border-width: 0px 0px 1px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;	   
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    font-weight: 700;	
    padding: 15px 15px 15px 15px;
    font-size: 14px;

  border-color: #a10e15 !important;
	 background: none repeat scroll 0 0 #cb2129 !important;
     !important;    }


.button-red:hover, .ph-btn-red:focus, .ph-btn-red:active {
    background: none repeat scroll 0 0 #b00e16 !important;
    border-color: #df2d35 !important;    
}

.button-green{
width:101%;
   border-style: solid;
    border-width: 0px 0px 1px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;	   
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    font-weight: 700;	
    padding: 15px 28px 15px;
    font-size: 14px;

  border-color: #a10e15 !important;
	 background: none repeat scroll 0 0 #cb2129 !important;
     !important;    }

.button-green:hover, .ph-btn-green:focus, .ph-btn-green:active {
    background: none repeat scroll 0 0 #ffcc00 !important;
    border-color: #df2d35 !important;    
} 
	 
.title{font-family: 'Lato', sans-serif;}
.img-circle{ border-radius: 55%;  border:1px sol id #FFF; position:inherit;}
.img-top-radius { border-top-left-radius: 8px;  border-top-right-radius: 8px;  position:inherit;}

.img-radius { border-radius: 6px;   position:inherit;
background-color: #333333;
border-color: 1px #666666 ;
}



.cover-shadow{ 
-webkit-box-shadow: 1px 2px 5px 0px rgba(163,161,163,0.44);
-moz-box-shadow: 1px 2px 5px 0px rgba(163,161,163,0.44);
box-shadow: 1px 2px 5px 0px rgba(163,161,163,0.44);
border-color: 4px  #eeeeee ;
}
.cover-up-shadow{ 
box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.8);
}
.box-inset-shadow{
box-shadow: inset -2px -4px 13px -8px #ABABAB;
-webkit-box-shadow: inset -2px -4px 13px -8px #ABABAB;
-moz-box-shadow: inset -2px -4px 13px -8px #ABABAB;
-o-box-shadow: inset -2px -4px 13px -8px #ABABAB;}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	radius: 5px;
}

.green{color:#008700;}
.red{color:#C92028;}
.yellow{color:#fff200;}
.blue{color:#396b9a;}
.grey{color:grey;}
.lightgrey{color:#d0d0d0;}
.black{color:#333333;}
.white{color:white;}

.cursor{cursor: pointer;}



.bgcolor-blue{background-color: #396B9A;}
.bgcolor-lightblue{
	background: -webkit-linear-gradient(#eaecef, #dcdee3); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#eaecef, #dcdee3); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#eaecef, #dcdee3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#eaecef, #dcdee3); /* Standard syntax */}
		
.bgcolor-green{
	background: linear-gradient(#78c77c,#59ac60);
  border:1px solid #489071;
  color:#49682C;
  text-shadow:0 1px #83d891;
  box-shadow: 
    inset 0 1px 1px 0 #98d899, 
    0 2px 0 -1px rgba(0,0,0,0.2);
	padding: 10px 15px 10px 15px;
font-family: Lato, arial, Helvetica, sans-serif;
}
.bgcolor-green2{
	background: linear-gradient(#aac576,#92af5d);
  border:1px solid #489071;
  color:#49682C;
  text-shadow:0 1px #83d891;
  box-shadow: 
    inset 0 1px 1px 0 #98d899, 
    0 2px 0 -1px rgba(0,0,0,0.2);
	padding: 10px 15px 10px 15px;
font-family: Lato, arial, Helvetica, sans-serif;
}
.bgcolor-red{
	background: linear-gradient(#cb2129,#b9151d);
  border:1px solid #ad161e;
  color:#fec20e;
  text-shadow:0 1px #b51e25;
  box-shadow: 
    inset 0 1px 1px 0 #ab383e, 
    0 2px 0 -1px rgba(0,0,0,0.2);
	padding: 9px 15px 9px 15px;
font-family: Lato, arial, Helvetica, sans-serif;
}


.bgcolor-green_bk{
width:100%;
	background: linear-gradient(#A9CA7B,#84AB58);
  border:1px solid #567A34;
  color:#49682C;
  text-shadow:0 1px #B7DB83;
  box-shadow: 
    inset 0 1px 1px 0 #C5DDA1, 
    0 2px 0 -1px rgba(0,0,0,0.2);
	padding: 10px 15px 10px 15px;

}
.bgcolor-white{background-color: white;}

.bgcolor-grey{
		background: -webkit-linear-gradient(#5b5a5a, #4f4e4e); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#5b5a5a, #4f4e4e); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#5b5a5a, #4f4e4e); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#5b5a5a, #4f4e4e); /* Standard syntax */}
.bgcolor-lightgrey{
		background: -webkit-linear-gradient(#ddd9d9, #a7a5a5); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#ddd9d9, #a7a5a5); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#ddd9d9, #a7a5a5); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#ece9e9, #817d7d); /* Standard syntax */}
.bgcolor-lightgrey2{
		background: -webkit-linear-gradient(#ddd9d9, #ddd9d9); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#ddd9d9, #ddd9d9); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#ddd9d9, #ddd9d9); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#ddd9d9, #ddd9d9); /* Standard syntax */}
.bgcolor-black{
		background: -webkit-linear-gradient(#2b2b2b, #000000); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#2b2b2b, #000000); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#2b2b2b, #000000); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#2b2b2b, #000000); /* Standard syntax */}
		
				
.bgcolor-white{
		background: -webkit-linear-gradient(#fffff); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient((#fffff)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient((#fffff)); /* For Firefox 3.6 to 15 */
		background: linear-gradient((#fffff)); /* Standard syntax */}

		
.bgcolor-freelanzer{
		background: -webkit-linear-gradient(#3c73a7, #396b9a); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#3c73a7, #396b9a); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#3c73a7, #396b9a); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#3c73a7, #396b9a); /* Standard syntax */}


		

.bgcolor-gradient-white{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 0%, rgba(209,209,209,1) 99%, rgba(209,209,209,1) 99%, rgba(254,254,254,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(234,234,234,1)), color-stop(99%,rgba(209,209,209,1)), color-stop(99%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(209,209,209,1) 99%,rgba(209,209,209,1) 99%,rgba(254,254,254,1) 100%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(209,209,209,1) 99%,rgba(209,209,209,1) 99%,rgba(254,254,254,1) 100%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(209,209,209,1) 99%,rgba(209,209,209,1) 99%,rgba(254,254,254,1) 100%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(209,209,209,1) 99%,rgba(209,209,209,1) 99%,rgba(254,254,254,1) 100%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.text-gradient-white{
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.5)4%, rgba(255, 255, 255, 1)36%); 
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.5)4%, rgba(255, 255, 255, 1)36%); 
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5)4%, rgba(255, 255, 255, 1)36%); 
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.5)4%, rgba(255, 255, 255, 1)36%); 
	-webkit-background-clip: text;
}


.background-red{
	background: linear-gradient(#cb2129,#b9151d);
 

    inset 0 1px 1px 0 #ab383e, 
    0 2px 0 -1px rgba(0,0,0,0.2);
	padding: 10px 15px 10px 15px;
font-family: Lato, arial, Helvetica, sans-serif;
}
.text-shadow-black{text-shadow: rgb(46, 46, 46) 0px 2px 2px;}
.text-shadow-grey{text-shadow: rgba(255, 255, 255, 0.2) 1px 1px 1px;}
.text-shadow-white{text-shadow: 1px 1px 0px #fff;}
.text-shadow-red{text-shadow: -1px -1px 0px #97080f;}

a.linkwhite-yellow:link {color: white; text-decoration: none;}
a.linkwhite-yellow:visited {color: white; text-decoration: none;}
a.linkwhite-yellow:hover {color: #fff200; text-decoration: none;}
a.linkwhite-yellow:active {color: white; text-decoration: none; }

a.linkblack-red:link {color: #141414;text-decoration: none;}
a.linkblack-red:visited {color: #141414;}
a.linkblack-red:hover {color: #cb2129; text-decoration: none;}
a.linkblack-red:active {color: #141414;}

a.linkred:link {color: #cb2129;text-decoration: none;}
a.linkred:visited {color: #cb2129;}
a.linkred:hover {color: #cb2129; text-decoration: none;}
a.linkred:active {color: #cb2129;}

a.linkwhite:link {color: white; text-decoration: none;}
a.linkwhite:visited {color: white; text-decoration: none;}
a.linkwhite:hover {color: #F6F6F6; text-decoration: none;}
a.linkwhite:active {color: white; text-decoration: none; }

a.linkgrey:link {color: grey; text-decoration: none;}
a.linkgrey:visited {color: grey; text-decoration: none;}
a.linkgrey:hover {color: #cccccc; text-decoration: underline;}
a.linkgrey:active {color: grey; text-decoration: none; }


a.linkblue:link {color: #396b9a;text-decoration: none;}
a.linkblue:visited {color: #396b9a;}
a.linkblue:hover {color: #003f93; text-decoration: none;}
a.linkblue:active {color: #396b9a;}

a.linkblack:link {color: #141414;text-decoration: none;}
a.linkblack:visited {color: #141414;}
a.linkblack:hover {color: #141414; text-decoration: none;}
a.linkblack:active {color: #141414;}



.shadowwhite{ text-shadow: -0.5px -0.5px 0px  rgba(255, 255, 255, 0.5);}
.shadowgrey{ text-shadow: -0.5px -0.5px 0px    rgba(31, 131, 131, 0.5);}
.shadowblack{ text-shadow: -0.5px -0.5px 0px  rgba(6, 4, 0, 0.5);}



.radius2{ border-radius: 2px;}
.radius3{ border-radius: 3px;}
.radius4{ border-radius: 4px;}
.radius6{ border-radius: 6px;}
.radius20{ border-radius: 20px;}
.radius-top-right{ border-top-right-radius: 4px;}
.radius-top-left{ border-top-left-radius: 4px;}
.radius-bottom-right{ border-bottom-right-radius: 4px;}
.radius-bottom-left{ border-bottom-left-radius: 4px;}


.border{border: 1px #d6d6d6 solid ; padding: 5px 5px 5px 5px; }
.border-blue{border: 1px #c6d1e7 solid ;}

.bold{font-weight: bold;}

.box-shadow{box-shadow: 0px 1px 2px 0px darkslategrey;}

.upline{border-top: 1px  solid #d6d6d6 ;}
.upline-white{border-top: 1px solid #eeeeee ;}
.bottomline{border-bottom: 1px  solid #d6d6d6 ;}
.middleline{ border-top:1px  solid #d6d6d6 ; }


#container {
   min-height:100%;
   position:relative;
     width: 100%;

}
#header {
	position: fixed;
  	height: auto;
    width: 100%;
    z-index: 100;

}
#body {
   padding:0px;
   padding-bottom:80px;
   padding-top: 115px;

}
#footer {
	position: auto;
	bottom: -13px;
	width: 100%;

}

.isa-info {
    color: #00529B;
    background-color: #093;
	box-shadow: #999;
	border: 1px #999;
	text-align:center;
}
.isa-success {
     border-style: solid;
  border-width: 1px;
  display: block;W
  width: auto;
  align: center;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: absolute;
  top: 0;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  background-color: #008cba;
  border-color: #0078a0;
  color: white;
  box-shadow: 0px 1px 5px 0 darkslategrey;
}
.info-box{
height: auto;
line-height: 85px;
  border-bottom: #0a0;
 	background:#353535 ;
  text-shadow:0 1px #414141;
  box-shadow: 
 inset 0 1px 1px 0 #414141, 
 0 2px 0 -1px rgba(0,0,0,0.2);
  text-align: center;
  position:absolute;
  top: 0px;
  align-text: center;
  width: 100%;
 color:#fff;

  display: none;
}


.info-box-2{
height: auto;
line-height: 55px;
  border-bottom: #0a0;
 	background:#8db260 ;
  text-shadow:0 1px #B7DB83;
  box-shadow: 
 inset 0 1px 1px 0 #C5DDA1, 
 0 2px 0 -1px rgba(0,0,0,0.2);
  text-align: center;
  position:absolute;
  top: 0px;
  width: 100%;
 color:#313f1f;

  display: none;
}


.warning2 {

color: white;
	background-position: 10px Wcenter;
	line-height: 35px;
box-shadow: 0px 1px 5px 0 darkslategrey;
	font-weight: normal;
	border-color: ##CC0000;
				background:#2d55ec;


}

.warning {
color: white;
	background-position: 10px Wcenter;
	line-height: 35px;
	box-shadow: 0px 1px 5px 0 darkslategrey;
	font-weight: normal;
	border-color: #0078a0;
	background:#008a00;
	background:-moz-linear-gradient(top,#008a00 0%,#027e020 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#008a00),color-stop(100%,#027e02));
	background:-webkit-linear-gradient(top,#008a00 0%,#027e02 100%);
	background:-o-linear-gradient(top,#008a00 0%,#027e02 100%);
	background:-ms-linear-gradient(top,#008a00 0%,#027e02 100%);
	background:linear-gradient(top,#008a000 0%,#027e02 100%);
}

.button-green {
  background: linear-gradient(#A9CA7B,#84AB58);
  border:1px solid #567A34;
  color:#49682C;
  text-shadow:0 1px #B7DB83;
  box-shadow: 
 inset 0 1px 1px 0 #C5DDA1, 
 0 2px 0 -1px rgba(0,0,0,0.2);
 width: 60%; 

 
}


.button-green:hover{
  background: linear-gradient(#8AA85E,#6D8E49);
  border:1px solid #658641;
  color:#4B682E;
  text-shadow:0 1px #88B058;
  box-shadow: 0 2px 0 -1px rgba(0,0,0,0.2);
 }



	.button-grey {
	background:#008a00;
	background:-moz-linear-gradient(top,#5d5f5d 0%,#414141 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#414141),color-stop(100%,#414141));
	background:-webkit-linear-gradient(top,#5d5f5d 0%,#414141 100%);
	background:-o-linear-gradient(top,#5d5f5d 0%,#414141 100%);
	background:-ms-linear-gradient(top,#5d5f5d 0%,#414141 100%);
	background:linear-gradient(top,#5d5f5d1 0%,#414141 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d5f5d', endColorstr='#414141',GradientType=0);
	color:#fff;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border:1px solid #005700;
	text-shadow:#005700 0 1px 0;
	
}


.button-lightgrey {
  background: linear-gradient(#c3c3c3, #f4f7f9 );
  border:1px solid #a1a2a3;

  text-shadow:0 1px #ffffff;
  box-shadow: 
 inset 0 1px 1px 0 #ffffff, 
 0 2px 0 -1px rgba(0,0,0,0.2);
 width: 100%;

}

.h1{background: -webkit-linear-gradient(top, #878787, #000);
	background: linear-gradient(top, #878787, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
	
.h2{-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,10) 40%, rgba(0,0,0,1));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,10) 40%, rgba(0,0,0,1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: solid;}
	
.h3{-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,2) 50%, rgba(0,0,0,0.5));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,2) 50%, rgba(0,0,0,0.5));
	-webkit-background-clip: text;
	-webkit-text-fill-color: solid;
	text-shadow: 2px 2px 5px #132f4a;}
	
.h4{-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,2) 50%, rgba(0,0,0,0.5));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,2) 50%, rgba(0,0,0,0.5));
	-webkit-background-clip: text;
	-webkit-text-fill-color: solid;
	text-shadow: 0.5px 0.5px 5px #132f4a;}
	
	.h5{-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,3) 30%, rgba(0,0,0,0.5));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,3) 30%, rgba(0,0,0,1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: solid;
	text-shadow: 0.1px 0.1px 5px #a5151c;}
	
	.h6{-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,3) 30%, rgba(0,0,0,0.5));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,3) 30%, rgba(0,0,0,1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: solid;
	text-shadow: 0.5px 0.5px 5px #132f4a;
	height:auto;}

.hover-effect {

	text-decoration: none; 
		}
.hover-effect:hover  {


	background-image:url(../images/hover.png);
	background-repeat:repeat;
	color: white;
	text-decoration: none; 


			}
.hover-effect-edit {
	text-decoration: none; 
	border: #fff 1px solid;
		}
.hover-effect-edit:hover  {
border: #396b9a 1px solid;
background-image:url(../images/hover.png);
	background-repeat: repeat;
	color: white;
	text-decoration: none; 
	cursor: hand;
}


.edit-hover-class
{
    width:100px;
    height:100px;
    background-color:red;
}

.edit-hover-class a{
display:none;
}
.edit-hover-class:hover a {
  display:block;
}


.block {
display:block;
margin-bottom: -70px;}

.field-vip{
    width:94%;
    border-style: solid;
    border-width: 0px 0px 1px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #000000;	   
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
padding: 15px 15px 15px 15px;
    font-size: 14px;

  border-color: #ffffff !important;
	 background:  color: #FFFFFF;	    !important;
     !important;    }

.field-vip-select{
   width:100%;
    border-style: solid;
    border-width: 0px 0px 1px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;

    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;

   padding: 15px 15px 15px 15px;
    font-size: 14px;
	 background:   none repeat scroll 0 0 #cccccc  !important;
     !important;    }



@media all and (min-width: 960px) {

.font12{ font-size:12px; letter-spacing: 0.2px; line-height:15px;}
.font14{ font-size:14px; letter-spacing: 0.2px; line-height:17.5px;}
.font16{ font-size:16px; }
.font18{ font-size:18px; letter-spacing: 0px; line-height:22px;}
.font24{ font-size:24px;letter-spacing: 0px; line-height:28px;}
.font32{ font-size:32px; letter-spacing: -0.5px; line-height:32px;}
.font48{ font-size:48px; letter-spacing: 1px; line-height:53px;}
.font64{ font-size:64px;line-height:64px; }
.font80{ font-size:80px; }

.img-resize { max-width: 100%; }
.img-logo { max-width: 240px; }
.img-fixed { 
	background-repeat: no-repeat;
   	background-size: cover;
    background-position: center top; 
	max-width: 100%;}



.table-width { width:  90%; }
.table-width-100 { width:  99.5%;}
.table-width-90 { width:  89.5%;  }
.table-width-80 { width:  79.5%;}
.table-width-70 { width:  69.5%; }
.table-width-60 { width:  59.5%; }
.table-width-50 { width:  49.5%;  }
.table-width-40 { width:  39.5%; }
.table-width-30 { width:  29.5%; }
.table-width-35 { width:  34.5%;  }
.table-width-25 { width:  24.5%;}



.field{
    height: 38px;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3 ;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 5px;
  	color: #000;
	background-color:#fcfcfd;
	box-sizing: border-box;
	 
	}
	
	
	
	
.field12{
    height: 33px;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
	
	

.field-column{
    height: 100%;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

.field-search{

  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:20px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;

  	color: #000;
	background-color:#ffcc00;}
	

.field100-7{
    height: 34px;
	width: 101%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
  

  .field_bk{
	margin: 1px;
	height: 34px;
	width: 100%;
  	border-radius: 3px;
  	border: 1px solid  transparent ;
  	border-top: none;
  	font-size:13px;
  	border-bottom: 0px solid #DDD;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
    background-color:#f6f6f8;}
  
  

.field10{ border:1px solid #a9a9a9;  padding:5px 5px 5px 5px; font-family: arial; height:auto;  width:10%; color:#666; height:30px; margin: 2px 2px 2px 2px; }
.field30{ width: 30%;}
.field50{ width: 49.0%;  margin:  0px 0px 0px 0px; }
.field60{ width: 60%; }
.field100{ height: 34px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid transparent;
  border-top: none;
  border-bottom: 1px solid #DDD;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
font-family: 'Roboto', arial, sans-serif;
  padding-left: 3px;
  color: #999;}
  
  
.styled-select {
	 height: 34px;
 width: auto;
  border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
  
.styled-multi {
 height: 100%;
 width: 100%;
margin: 1px;

  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

.padding4{padding: 2px 4px;}
.padding6{padding: 4px 6px;}
.padding8{padding: 5px 8px;}
.padding12{padding: 8px 12px;  }
.padding15{padding: 10px 15px 10px 15px;  }


.navigation{  visibility: visible; }
.navigation-text{  visibility: visibile;   }
.navigation-menu{  visibility: hidden; position: fixed;}
.navigation-header{  visibility: visible; margin-top: -50px; }
.navigation-menu-header{  visibility: hidden;}


.img-resize-550{ width: 100%; }

}

@media all and (max-width: 959px) and (min-width: 600px) {
.font12{font-size:13px;}
.font14{font-size:15px;}
.font16{font-size:17px;}
.font18{font-size:19px; letter-spacing: 0px; line-height:23px;}
.font24{font-size:25px;}
.font32{font-size:33px;}
.font48{font-size:49px; }
.font64{font-size:60px;}
.font80{font-size:80px;}

.img-resize { max-width: 100%; }
.img-logo { max-width: 200px; }
.img-fixed { 
	background-repeat: no-repeat;
   	background-size: cover;
    background-position: center top;

}



.table-width { width: 100%;align: center;}
.table-width-100 { width:  99.5%; }
.table-width-90 { width:  99.5%; }
.table-width-80 { width:  98%;}
.table-width-70 { width:  99.5%;}
.table-width-60 { width:  99.5%;  }

.table-width-50 { width:  99.5%; align: center;}
.table-width-30 { width:   99.5%; align: center;}
.table-width-35 { width:   99.5%; align: center;}
.table-width-25 { width:   99.5%; align: center;}

.field{ margin: 1px;
padding:15px 15px 15px 15px; 
   height: 34px;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;

	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;
		 box-sizing: border-box;}

.field12{ margin: 1px;
   height: 34px;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

.field-column{
    height: 100%;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
	padding:15px 15px 15px 15px; 
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

	.field100-7{
    height: 34px;
	width: 101.5%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
  
.field10{ border:1px solid #a9a9a9;  padding:5px 5px 5px 5px; width:30%; font-family: arial;  height:30px; margin: 2px 2px 2px 2px;}
.field30{ border:1px solid #a9a9a9;  padding:5px 5px 5px 5px; width:60%; font-family: arial;  height:30px; margin: 2px 2px 2px 2px;}
.field60{ border:1px solid #a9a9a9; padding:5px 5px 5px 5px;  width:99.5%; font-family: arial;  height:30px; margin: 2px 2px 2px 2px;}
.field100{ width: 100%;
  border-radius: 3px;
  border: 1px solid transparent;
  border-top: none;
  border-bottom: 1px solid #DDD;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF; }
  
  .styled-select {
	 height: 34px;
 width: auto;
  border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
  
.styled-multi {
 height: 100%;
 width: 100%;
 	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

.padding4{padding: 2px 4px;}
.padding6{padding: 4px 6px;}
.padding8{padding: 5px 8px;}
.padding12{padding: 6px 6px 6px 4px;}
.padding15{padding: 8px 0px 8px 5px;}

.button-green {
 width: auto;
}

.navigation{  visibility: visible;  }
.navigation-text{  visibility: collapse; position: fixed;}
.navigation-menu{ visibility: visible; }
.navigation-header{  visibility: visible;  }
.navigation-menu-header{  visibility: hidden;}

.text-align-center{text-align:center;}

.field-vip{
    width:95%; }
}

@media all and (max-width: 599px) and (min-width: 50px) {
.font12{font-size:14px;}
.font14{font-size:16px;}
.font16{font-size:16px;}
.font18{font-size:19px; letter-spacing: 0px; line-height:23px;}
.font24{font-size:25px;}
.font32{font-size:33px;}
.font48{font-size:45px; letter-spacing: -2px;}
.font64{font-size:48px;}
.font80{font-size:80px;}

.img-resize { max-width: 100%; }
.img-logo { max-width: 180px; }
.img-fixed { 
	background-repeat: no-repeat;
   	background-size: cover;
    background-position: center top;
  
}


.field{ 	

  width: 100%;
    height: 34px;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;
		 box-sizing: border-box;}
	
.field12{ 	margin: 1px;

  width: 100%;
    height: 34px;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
	

.field-column{
    height: 100%;
	width: 100%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

	.field100-7{
    height: 34px;
	width: 101.8%;
  	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
  
.field10{ border:1px solid #a9a9a9;  padding:5px 5px 5px 5px; width:100%; font-family: arial;  height:30px; margin: 2px 2px 2px 2px; }
.field30{ border:1px solid #a9a9a9;  padding:5px 5px 5px 5px; width:100%; font-family: arial;  height:30px; margin: 2px 2px 2px 2px;}
.field60{ border:1px solid #a9a9a9;   padding:5px 5px 5px 5px;  width:98%; font-family: arial;  height:30px; margin: 2px 2px 2px 2px;}
.field100{ width: 100%;
  border-radius: 3px;
  border: 1px solid transparent;
  border-top: none;
  border-bottom: 1px solid #DDD;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;}
  
  .styled-select {
	 height: 34px;
 width: 100%;
 margin:1px;
 border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}
  
.styled-multi {
 height: 100%;
 width: 100%;
 	border-radius: 2px;
	border: 1px solid #a2b3b3  ;
  	font-size:13px;
	box-shadow: inset 0 1px -1px rgba(0,0,0,.39), 0 1px 1px #FFF, 0 1px 0 #FFF;
	font-family: 'Roboto', arial, sans-serif;
 	padding-left: 4px;
  	color: #000;
	background-color:#fcfcfd;}

.table-width { width:  100%; align: center;}
.table-width-100 { width:  99.5%; align: center;}
.table-width-90 { width:  99.5%; align: center;}
.table-width-80 { width:  97.5%; align: center;}
.table-width-70 { width:  99.5%; align: center;}
.table-width-60 { width: 99.5%; padding:1px; }
.table-width-50 { width: 99.5%; }
.table-width-30 { width:   99.5%; }
.table-width-35 { width:   99.5%; align: center;}
.table-width-25 { width:   99.5%; align: center;}

.padding4{padding: 2px 4px;}
.padding6{padding: 4px 6px;}
.padding8{padding: 5px 8px;}
.padding12{padding: 5px 0.5px; margin-left:1px;  }
.padding15{padding: 8px 0px 8px 5px;


}.button-green {
 width: auto;
 padding: 15px;
}

.button { width: 100%; padding:13px 10px 13px 10px; margin: 1px 1px 1px 1px;}
.navigation{  visibility: hidden; }
.navigation-text{  visibility: collapse; position: fixed; }
.navigation-menu{  visibility: visible;}
.navigation-header{  visibility: hidden; margin: -150px; }
.navigation-menu-header{  visibility: visible; margin-top: -50px;}

.text-align-center{text-align:center;}


.field-vip{
    width:91%; }
	
.img-resize-550{ min-width: 50px; max-width: 350px;  }
.img-resize-137{ width: 60px; height: 50px;  }
}