/*--------------------------------------------TextBox---------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Signika|Oswald|Electrolize|Bungee+Inline|Katibeh');
@import url(https://fonts.googleapis.com/css?family=Righteous);

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.textbox_css_1 { 
    border: 1px solid #c4c4c4; 
    /*height: 12px;*/ 
    width: 80px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textbox_css_1:focus { 
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 8px #39669d; 
    -moz-box-shadow: 0px 0px 8px #39669d; 
    -webkit-box-shadow: 0px 0px 8px #39669d; 
} 


.textbox_css_2 { 
    border: 1px solid #c4c4c4; 
    /*height: 16px;*/ 
    width: 235px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textbox_css_2:focus { 
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
} 

.textbox_css_4 { 
    border: 1px solid #c4c4c4; 
    height: 16px; 
    width: 145px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textbox_css_4:focus { 
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
} 

.textarea_css_1 { 
    border: 1px solid #c4c4c4; 
    height: 100px; 
    width: 235px; 
    font-size: 13px;     
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textarea_css_1:focus { 
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
} 



/*-----------------------------------------------dropdown----------------------------------------*/

/* The CSS */
.select_css_1  {
    background: url(Images/br_down_2.png) no-repeat right;
    background-position: 231px;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    color:#000;
    border: 1px solid #c4c4c4; 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:250px;
}
.select_css_1:focus  {
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
}

.select_css_150  {
    background: url(Images/br_down_2.png) no-repeat right;
    background-position: 131px;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    color:#000;
    border: 1px solid #c4c4c4; 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:150px;
}
.select_css_150:focus  {
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
}

.select_css_250  {
    background: url(Images/br_down_2.png) no-repeat right;
    background-position: 231px;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    color:#000;
    border: 1px solid #c4c4c4; 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:250px;
}
.select_css_250:focus  {
    outline: none; 
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
}

.select_css_2  {
    background: url(Images/br_down_2.png) no-repeat right;
    background-position: 404px;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    color:#000;
    border: 1px solid #c4c4c4; 
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;    
    width:423px;
    
}
.select_css_2:focus  {
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
}


.select_css_300  {
    background: url(Images/br_down_2.png) no-repeat right;
    background-position: 304px;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    color:#000;
    border: 1px solid #c4c4c4; 
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;    
    width:323px;
    
}
.select_css_300:focus  {
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
}


.select_css_3  {
    background: url(Images/br_down_2.png) no-repeat right;
    background-position: 104px;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    color:#000;
    border: 1px solid #c4c4c4; 
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;    
    width:123px;
    
}
.select_css_3:focus  {
    border: 1px solid #39669d; 
    box-shadow: 0px 0px 2px #39669d; 
    -moz-box-shadow: 0px 0px 2px #39669d; 
    -webkit-box-shadow: 0px 0px 2px #39669d; 
}


.style1
{
    height: 60px;
}
.style2
{
    height: 90px;
}
.style3
{
    height: 56px;
}
.button
{
    background: url("Images/button_bg_shine.png") repeat-x scroll left top #51a2f3;
    border: 1px solid #51a2f3;
    font: normal 12px arial, sans-serif;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
}
.button:hover
{
    background: url("Images/button_bg_shine.png") repeat-x scroll left top #e3e3e3;
    border: 1px solid #bc2229;
    font: normal 12px arial, sans-serif;
    border-radius: 2px 2px 2px 2px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
}
.button_1
{
    background: url("Images/button_bg_shine.png") repeat-x scroll left top #8198a0;
    border: 1px solid #8198a0;
    font: normal 12px arial, sans-serif;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 10px;
    width: 100px;
}
.Mainbutton
{
    width: 180px;
    background:  #51a2f3;
    background: -moz-linear-gradient(top, #51a2f3 0%, #336699 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51a2f3), color-stop(100%, #336699));
	background: -webkit-linear-gradient(top, #51a2f3 0%, #336699 100%);
	background: -o-linear-gradient(top, #51a2f3 0%, #336699 100%);
	background: -ms-linear-gradient(top, #51a2f3 0%, #336699 100%);
	background: linear-gradient(to bottom, #51a2f3 0%, #336699 100%);
    border: 1px solid #51a2f3;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: 500;
    padding: 5px 10px;
    text-align:center;
    text-decoration:none
    
}
.Mainbutton:hover
{
    width: 180px;
    background:  #336699;
    background: -moz-linear-gradient(top, #336699 0%, #51a2f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #336699), color-stop(100%, #51a2f3));
	background: -webkit-linear-gradient(top, #336699 0%, #51a2f3 100%);
	background: -o-linear-gradient(top, #336699 0%, #51a2f3 100%);
	background: -ms-linear-gradient(top, #336699 0%, #51a2f3 100%);
	background: linear-gradient(to bottom, #336699 0%, #51a2f3 100%);
    border: 1px solid #51a2f3;
    border-radius: 2px 2px 2px 2px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: 500;
    padding: 5px 10px;
    text-align:center;
    text-decoration:none
    
}

.Mainbutton_2
{
    width: 180px;
    background:  #8DECB4;
    /*background: -moz-linear-gradient(top, #8DECB4 0%, #336699 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8DECB4), color-stop(100%, #336699));
	background: -webkit-linear-gradient(top, #8DECB4 0%, #336699 100%);
	background: -o-linear-gradient(top, #8DECB4 0%, #336699 100%);
	background: -ms-linear-gradient(top, #8DECB4 0%, #336699 100%);
	background: linear-gradient(to bottom, #8DECB4 0%, #336699 100%);*/
    border: 1px solid #8DECB4;
    border-radius: 2px 2px 2px 2px;
    color: #336699;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 500;
    padding: 5px 10px;
    text-align:center;
    text-decoration:none
    
}


.blink
{
    width: 180px;
    background: url("Images/button_bg_shine.png") repeat-x scroll left top #51a2f3;
    border: 1px solid #51a2f3;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: 400;
    padding: 5px 10px;
    text-align:center;
    text-shadow: 0 1px 1px #2469A2;
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}

@-webkit-keyframes color-change {
	0% { color: red; }
	50% { color: white; }
	100% { color: yellow; }
}
@-moz-keyframes color-change {
	0% { color: red; }
	50% { color: white; }
	100% { color: yellow; }
}
@-ms-keyframes color-change {
	0% { color: red; }
	50% { color: white; }
	100% { color: yellow; }
}
@-o-keyframes color-change {
	0% { color: red; }
	50% { color: white; }
	100% { color: yellow; }
}
@keyframes color-change {
	0% { color: red; }
	50% { color: white; }
	100% { color: yellow; }
}

.style11
{
    height: 40px;
}
.style12
{
    height: 60px;
}
.style13
{
    height: 50px;
}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 19px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #31b7f1;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}
.nav ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.nav li:hover ul
{
    display: block;
    position: absolute;
}
.nav li ul
{
    background: #09638f;
    display: none;
    margin: 0px;
    min-width: 130px;
    white-space: nowrap;
    z-index: 1001;
}
.nav li li:hover
{
    background: #0f7db2;
}
.nav li li a
{
    border-bottom: dotted 1px #fff;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}
.nav li li
{
    -webkit-transition: 0.25s;
    background: none;
    border: 0px;
    color: #fff;
    float: none;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    min-width: 164px;
    padding: 0px;
    transition: 0.25s;
}
.nav li a:hover
{
    -webkit-transition: 0.25s;
    background: #ffffff;
    border-radius: 5px;
    color: #000;
    transition: 0.25s;
}
.nav li a
{
    color: #fff;
    display: block;    
    margin: 0;
    padding: 8px 8px;
    text-decoration: none;
}
.nav li
{
    border-right: solid 1px #34a7de;
    color: #fff;
    float: left;
    font-size: 14px;
    margin: 0px;
}
.nav
{
    margin: 0 auto;
    padding: 0;
    width: auto;
}
.menu_bg
{
    background: #1793cf;
    padding: 5px 0;
    border-bottom:1px solid #34a7de
}

.hilight
{
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.clear
{
    clear: both;
}


.left_menu_css {
    list-style-type: none;
    margin: 0px 0px 0px 5px;
    padding: 0;
    width: 175px;
    background-color: #f1f1f1;
    border: 1px solid #555;
}

.left_menu_css li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

.left_menu_css li {
    text-align: left;
    border-bottom: 1px solid #555;
}

.left_menu_css li:last-child {
    border-bottom: none;
}

.left_menu_css li a.active {
    background-color: #336699;
    color: white;
}

.left_menu_css li a:hover:not(.active) {
    background-color: #555;
    color: white;
}


.table_home {
  border-collapse: collapse;
  
  /*border-radius: 5px;
  background: #fff;*/
  margin: 0px auto;
  box-shadow: 0px 0px 2px;  
  font-family:Electrolize;
}

.table_home th {
  font-size: 18px;  
  color: #fff;    
  background-image: linear-gradient(#3f7bbf, #3366cc, #00bdea);
  border: 1px solid #00bdea;
}
.table_home th:first-child {
  -moz-border-radius-topleft: 1px;
  -webkit-border-top-left-radius: 1px;
  border-top-left-radius: 1px;
}
.table_home th:last-child {
  -moz-border-radius-topright: 1px;
  -webkit-border-top-right-radius: 1px;
  border-top-right-radius: 1px;
}

.table_home tr td {
  color: #fff;
  font-size: 18px;
  padding: 4px;      
}

.table_home tr:nth-child(even) {
    background: #EBEBEB;  
  /*background-image: linear-gradient(to right, red , yellow);
  background: rgba(0, 0, 0, 0) linear-gradient(rgb(254, 140, 0), rgb(248, 54, 0)) repeat scroll 0% 0%;*/
}

.table_home tr:nth-child(odd) {
  background: #D0E4F5;
  /*background: rgba(0, 0, 0, 0) linear-gradient(rgb(254, 140, 0), rgb(248, 140, 0)) repeat scroll 0% 0%;*/
}

.table_home tbody:hover > tr:hover td {
  /*text-shadow: none;
  color: #000;  
  opacity: 1;*/
  /*background: #f1b6b7;*/
}


table.cinereousTable {
  border: 2px solid #51a2f3;
  background-color: #f6f3ea;
  width: 100%;  
  font-family:Electrolize;  
}
table.cinereousTable td, table.cinereousTable th {
  border: 1px solid #336799;
  padding: 4px 4px;
}
table.cinereousTable tbody td {
  font-size: 18px;
}

table.cinereousTable thead th {
  font-size: 17px;
  font-weight: bold;
  color: #F0F0F0;  
  text-align: left;
  border-left: 2px solid #336799;  
}
table.cinereousTable thead th:first-child {
  border-left: none;  
}
table.cinereousTable tr:nth-child(odd) {
  background: #edfff6;
}

table.cinereousTable tfoot {
  font-size: 16px;
  font-weight: bold;
  color: #F0F0F0;
  background: #336799;
  background: -moz-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
  background: -webkit-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
  background: linear-gradient(to bottom, #afa396 0%, #9e9081 66%, #948473 100%);
}
table.cinereousTable tfoot td {
  font-size: 16px;
}

.juet_button{
	border-radius: 0.5em;			
	text-decoration: none;
	color: white;					
	padding: 1em;  					
	padding-right: 3em;				
	text-transform: uppercase;		
	font-weight: bold;		
	background-color: #6d695c;
	background-image:
	repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
	linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-size: 70px 120px;
}


.juet_button:hover {
	background:
	radial-gradient(black 15%, transparent 16%) 0 0,
	radial-gradient(black 15%, transparent 16%) 8px 8px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color:#282828;
	background-size:16px 16px;	
}

.juet_button_1{
	border-radius: 0.5em;			
	text-decoration: none;
	color: white;			
    margin:0;		
	padding: 0.7em;  					/* removed the right and left padding value */		
	padding-right: 1em;				/* added only padding-right to align the icon left	*/
	background: #00d2ff;
    background: linear-gradient(#00d2ff, #4b6cb7);
	text-transform: uppercase;	    
    display:block;    
    font-family:Electrolize;
    font-weight:bold;
}

.juet_button_2{
	/*border-radius: 0.5em;*/			
	text-decoration: none;
	color: white;			
    margin:0;		
	padding: 0.7em;  					/* removed the right and left padding value */		
	/*padding-right: 1em;*/
    padding-left: 1em;				/* added only padding-right to align the icon left	*/
	background: #00d2ff;
    background: linear-gradient(#00d2ff, #3a7bd5);
	text-transform: uppercase;	
    font-family:Electrolize;    
    font-size:14px;
    width:190px;
    text-align:left;
    display:block;
    margin-bottom:10px;
    font-weight:bold;
}


.juet_button_3{
	border-radius: 0.5em;			
	text-decoration: none;
	color: white;
    margin:0;							
	padding: 0.7em 1em 0.8em 0.5em;  					/* removed the right and left padding value */		
	padding-right: 1em;				/* added only padding-right to align the icon left	*/
	background: #fe8c00;
    background: linear-gradient(#fe8c00, #f83600);
	font-size:16px;		
    width:160px;
    display:block;
    font-weight:bold;
    margin-bottom:10px;    	
    font-family:Electrolize;
}

.fa-upload {
	padding-right: 1em;				/* added padding-right to space it from the text */
	font-size: 1.2em;				/* increased font-size to fit the button */
}

fieldset {
  padding: 15px;
  border:none;
  font-weight:bold;
}

input[type=checkbox] {
  opacity: 0;
  float:left;
}

input[type=checkbox] + label {
  margin: 10px 0 0 30px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-family: Electrolize;
  float: left;
  text-align: justify
}

input[type=checkbox] + label ~ label {
  margin: 0 0 0 40px;
}

input[type=checkbox] + label::before {
  content: ' ';
  position: absolute;
  left: -35px;
  top: -3px;
  width: 25px;
  height: 25px;
  display: block;
  background: white;
  border: 1px solid #A9A9A9;
}

input[type=checkbox] + label::after {
  content: ' ';
  position: absolute;
  left: -35px;
  top: -3px;
  width: 23px;
  height: 23px;
  display: block;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
  -ms-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

input[type=checkbox]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


HTML  CSS   Result
Edit on 
/* only demo styles */

body {
     font-family: Raleway;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* end only demo styles */

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: rebeccapurple;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #ccc;
    box-shadow: inset 0px 0px 0px 4px #fff;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}



.heading-h1-eng {
    font-size: 30px;
    font-weight: 800;
    color: #fff;    
    font-family: Signika;
    text-align: center;
    text-shadow: 2px 2px 2px #8447da;
}

.heading-h1-eng-v2 {
    font-size: 40px;
    font-weight: 800;
    color: #fff;    
    font-family: Oswald;
    text-align: center;
    text-shadow: 2px 2px 2px #8447da;
    padding-top:10px;
}

.heading-h1-eng-v3 {
    font-size: 26px;
    font-weight: 800;
    color: #fff;    
    font-family: Oswald;
    text-align: center;
    text-shadow: 2px 2px 2px #8447da;
    padding-top:10px;
}


.heading-h2-eng {
    font-size: 20px;
    font-weight: 600;
    color: #fff;    
    font-family: Oswald;
    text-align: center;
    text-shadow: 1px 1px 1px #8447da;
}




/*span {  
  animation: caret 1s steps(1) infinite;
}*/

@keyframes caret {
  50% {
    border-color: transparent;
  }
}