﻿/********************************************************************************
* This script is brought to you by Vasplus Programming Blog to whom all copyrights are reserved.
* Website: www.vasplus.info
* Email: info@vasplus.info
* Do not remove this information from the top of this code.
*********************************************************************************/


@font-face {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

#vasplus_programming_blog_confirmation_alert_box
{
	background-color:rgba(0,0,0,.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0; left:0;
	z-index:99999;
}

#vasplus_programming_blog_confirmation_alert_box_contents{
	width:900px;
	position:fixed;
  position:absolute;
  width:100%;
  top:40%;
  text-align:center;
}

#vasplus_programming_blog_confirmation_alert_box_contents p{
	padding: 10px;
	font-size: 25px;
	font-family:Roboto, Helvetica, Arial, sans-serif;
	color:#f8f9fa;
}

#vpb_confirmation_buttons{
	text-align:center;
	height:60px;
	margin-top:0px;
}

#vpb_confirmation_buttons_yes{padding-top:20px;color:#f8f9fa; text-align:center;}
#vpb_confirmation_buttons_no{padding-top:20px;color:#f8f9fa; text-align:center;}

/*YES and Cancel BUTTONS BEGINS*/
.vpb_confirmation_buttons_yes 
{
  font: 18px 'Roboto', Helvetica, Arial, sans-serif;
  text-align: center;
}
.vpb_confirmation_buttons_yes:hover 
{
    
    cursor: pointer; 
    color: #fd5e23;
}

.vpb_confirmation_buttons_yes:active 
{
    color:#343a40;
}

.vpb_confirmation_buttons_no {

font: 18px 'Roboto', Helvetica, Arial, sans-serif;
  text-align: center;

}

.vpb_confirmation_buttons_no:hover 
{

    cursor: pointer; 
    color: #fd5e23;

}

/*YES and Cancel BUTTONS ENDS*/






/*CONTACT FORM CSS STARTS HERE*/
.vasplus_blog_form_opt {box-shadow: 0px 2px 5px #666666;-moz-box-shadow: 0px 2px 5px #666666;-webkit-box-shadow: 0px 2px 5px #666666;font-family:"Roboto", Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal;height:35px; padding:3px;padding-top:5px;padding-left:10px;padding-right:10px;border: 0px solid  #000000;outline:none;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius:10px;}.vasplus_blog_form_opt:focus {outline:none;border: 0px solid #4195fc;box-shadow: 0 1px 5px 2px #007bff;-moz-box-shadow: 0 1px 5px 2px #007bff;-webkit-box-shadow: 0 1px 5px 2px #007bff;}

#phorm {
background-color: #fd5e23;
}

#vasplus_send_button {

background-color: #fdfdfd;
  background-image: -webkit-linear-gradient(top, #fdfdfd 50%, #fdfdfd 50%);
  background-image: -moz-linear-gradient(top, #fdfdfd 50%, #fdfdfd 50%);
  background-image: -ms-linear-gradient(top, #fdfdfd 50%, #fdfdfd 50%));
  background-image: -o-linear-gradient(top, #fdfdfd 50%, #fdfdfd 50%);
  background-image: linear-gradient(top, #fdfdfd 50%, #fdfdfd 50%);
  border: 1px solid #993300;box-shadow: 0 2px 3px #993300;-moz-box-shadow: 0 2px 3px #993300;-webkit-box-shadow: 0 2px 3px #993300;
  -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fd5e23;
  font: 15px/1.5 "Raleway", Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-align: center;
  padding:10px; margin:5px; width:130px;cursor:pointer;
  
}
#vasplus_send_button:hover 
{
 background-color: #ff5312;
  background-image: -webkit-linear-gradient(top, #ff5312 50%, #FD5E23 50%);
  background-image: -moz-linear-gradient(top, #ff5312 50%, #FD5E23 50%);
  background-image: -ms-linear-gradient(top, #ff5312 50%, #FD5E23 50%));
  background-image: -o-linear-gradient(top, #ff5312 50%, #FD5E23 50%);
  background-image: linear-gradient(top, #ff5312 50%, #FD5E23 50%);
  cursor: pointer; 
  color: #fff;
  }
#vasplus_send_button:active 
{
     background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #993300), color-stop(50%, #993300), color-stop(50%, #993300), color-stop(100%, #993300));
    background-image: -webkit-linear-gradient(top, #993300 0%, #993300 50%, #993300 50%, #993300 100%);
    background-image: -moz-linear-gradient(top, #993300 0%, #993300 50%, #993300 50%, #993300 100%);
    background-image: -ms-linear-gradient(top, #993300 0%, #993300 50%, #993300 50%, #993300 100%);
    background-image: -o-linear-gradient(top, #993300 0%, #993300 50%, #993300 50%, #993300 100%);
    background-image: linear-gradient(top, #993300 0%, #993300 50%, #993300 50%, #993300 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	
}
