.btn-sm-option1
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  margin:auto;
  
}

.btn-sm-option2
{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  margin:auto;
}

.btn-sm-option3
{
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  margin:auto;
}

.btn-lg-option1
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  margin:auto;
  width: 50%;
}

.btn-lg-option2
{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  margin:auto;
  width: 50%;
}

.btn-lg-option3
{
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  margin:auto;
  width: 50%;
}


.btn-survery {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-sm-survery {
    display: inline-block;
    padding: 20px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.img-responsive {
max-width: 90%; /* or to whatever you want here */
max-height: auto; /* or to whatever you want here */
}


.options
{
  padding: 10px 20px 10px 0px;
  text-align: center;
}

.divider
{
  width: 20px;
  display: inline-block;
}


.divider-vertical
{
  height: 20px;
  display: inline-block;
}

#ok-circle {
    width: 50px;
    height: 50px;
    background: green;
}

#remove-circle {
    width: 50px;
    height: 50px;
    background: red;
}

.circle {
	border-radius: 50%;
	width: 50px;
	height: 50px; 
	/* width and height can be anything, as long as they're equal */
}


/* NEW */

.sbg {
    height: 720px;
    width: 400px;
    background-color: #fff;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
}
.sbgwrap { padding: 10px; }
.sheader { height: 65px; border-bottom: 1px solid #c0c0c0; }
.sheader i.fa-comments {
    color: #c0c0c0;
    font-size: 40px;
    display: inline-block;
    float: right;
    padding: 10px 20px;
    position: relative;
}
.sheader i.fa-cog {
    color: #c0c0c0;
    font-size: 40px;
    display: inline-block;
    float: left;
    padding: 10px 20px;
    position: relative;
}
.slogo { width: 100px; margin: 0 auto; padding: 10px; }
.slogo img { width: 100px; }
.sphoto {
    width: 350px;
    height: 350px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    top: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border: 1px solid #c0c0c0;
    padding-bottom: 60px;
    background-color: #fff;
    box-shadow: 2px 2px 2px #c0c0c0;
}
.sphotodouble img {
      max-width: 150px;
    height: 150px;
}

.sphotodouble {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    top: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border: 1px solid #c0c0c0;
    padding-bottom: 60px;
    background-color: #fff;
    box-shadow: 2px 2px 2px #c0c0c0;
}

.sname {
    padding: 15px;
    font-size: 20px;
    font-family: 'Helvetica', sans-serif;
    float: left;
}
.sname .age { font-weight: 200; }
.sinfo { font-family: 'Helvetica', sans-serif; }
.sinfo .fa-users, .sinfo .fa-book {
    color: #c0c0c0;
    float: right;
    position: relative;
    font-size: 24px;
    padding: 12px;
}
.scontrols {}
.sno {
   /* background-color: #fff; */
    height: 120px;
    width: 120px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: relative;
    display: inline-block;
    top: 50px;
    left: 25px;
 
}
.sno i {
    color: #ff695b;
    font-size: 100px;  
    padding: 17px 28px;
}

.sright {
   /* background-color: #fff; */
    height: 120px;
    width: 120px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: relative;
    display: inline-block;
    top: 50px;
    left: 25px;
 
}
.sright i {
    color: #5bbaff;
    font-size: 85px;  
    padding: 17px 28px;
}

.si {
   /* background-color: #fff; */
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: relative;
    display: inline-block;
    left: 12px;
    top: 30px;
    border: 10px solid #ffffff;
}
.si .fa-info {
    font-size: 23px;
    padding: 15px 20px;
    color: #398beb;
}
.syes {
   /* background-color: #fff; */
    height: 120px;
    width: 120px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: relative;
    display: inline-block;
    top: 48px;
    left: 0px;
   
}
.syes i {
    color: #5de19c;
    font-size: 85px;
    padding: 0px;
}

.sleft {
   /* background-color: #fff; */
    height: 120px;
    width: 120px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: relative;
    display: inline-block;
    top: 48px;
    left: 0px;
   
}
.sleft i {
    color: #ffc65b;
    font-size: 85px;
    padding: 0px;
}

.sdivider
{
  width:20px;
}