input {height: 35px; width: 250px}
input:hover {background-color: #eeeeee;}
input:focus {border: 3px solid #660066;}

input[type="submit"] {color: white; background-color: #660066;}	
input[type="submit"]:hover {color: black; background-color: #ffccff;}	
input[type="submit"]:active {color: blue; background-color: #DA71B7}	
input[type="submit"]:focus {color: blue; background-color: #DA71B7}

select {height: 35px; width: 250px; border: 2px solid #660066;}
select:hover {background-color: #eeeeee;}
select:focus {border: 3px solid #660066;}

button {height: 35px; width: 250px; color: white; background-color: #660066;}
button:hover {color: black; background-color: #ffccff;}	
button:active {color: blue; background-color: #DA71B7}	
button:focus {color: blue; background-color: #DA71B7}

input {border: 2px solid #660066;}
input[type="text"] {text-transform:capitalize;}
input[type="reset"] {color: white;	background-color: #660066;}	
input[type="reset"]:hover {color: black; background-color: #ffccff;}
input[type="reset"]:active {color: blue; background-color: #DA71B7}
input[type="reset"]:focus {color: blue; background-color: #DA71B7}

input[readonly] {background-color: lightgray;}
input[readonly]:hover {background-color: darkgray;}
input[readonly]:focus {border: 3px solid gray;}

table, th, td{border-color:#860cb9; font-size: 14px; }
th{color:#FFFFFF; background-color:#860cb9;}
td{color:#000000;}
tr:nth-child(odd){background-color:#d0b4f2;}
tr:nth-child(even){background-color:#c0b4f2;}

hr{ height: 2px; color: #FFFF00; background-color: #660066; border: none; }


.vertical_middle{
    min-height:77vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.vertical_middle_center{
    min-height:77vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.row1{padding-top:5px;}
.row4{padding-bottom:5px;}
.container{padding-bottom:0;}
.one_quarter input, .one_quarter select, .one_quarter button{width: 200px}

.list-ul ul{margin:0; padding:0 0 0 20px; list-style:circle;}
.list-ul ul ul{margin:0; padding:0 0 0 20px; list-style:disc;}
.list-ol ol{margin:0; padding:0 0 0 20px; list-style:decimal;}
.list-ol ol ol{margin:0; padding:0 0 0 20px; list-style:lower-roman;}

.quote{text-align:justify;}
.source{text-align:right;}

.table {display: table; text-align: justify; width: 100%; border-collapse: collapse; border: 1px solid #860cb9; box-sizing:border-box; margin-bottom:15px;}
.row {display: table-row;}
.cell {display: table-cell; border-collapse: collapse; border: 1px solid #860cb9; box-sizing:border-box; padding:5px 8px; }

.row_header{color:#FFFFFF; background-color:#860cb9;}
.alternative_cls:nth-child(odd){background-color:#d0b4f2;}
.alternative_cls:nth-child(even){background-color:#c0b4f2;}
    
.hover_effect:nth-child(odd){color: blue;}
.hover_effect:nth-child(even){color: blue;}
.hover_effect:hover{color: darkblue; cursor: pointer; font-size: 125%;}

.services {
    width: 95%;
	padding: 5px;
    margin-bottom: 4px;
    cursor: pointer;
    z-index: 2;
    font: 17px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.70);
    text-shadow: 1px 1px 1px #424242;
    background: #0066FF;
    background: -webkit-linear-gradient(lightblue 0%,#3366FF 80%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top ,lightblue 0%,#3366FF 80%) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(lightblue 0%,#3366FF 80%) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(lightblue 0%,#3366FF 80%) repeat scroll 0 0 transparent;
    background: linear-gradient(center top ,lightblue 0%,#3366FF 80%) repeat scroll 0 0 transparent;
    box-shadow: inset 0 1px 0 blue;
}

.services a{color: inherit!important;}
.services_highlight { background: yellow; }


.success_msg{color:green;}
.error_msg{color:darkred;}

.Column1{width: 50%;}
.Column2{width: 50%;}

.relativeColumn1{width: 30%;}
.relativeColumn2{width: 30%;}
.relativeColumn3{width: 30%;}
.relativeColumn4{width: 10%;}

.panel-heading { 
    font-family: serif; 
    font-style: normal; 
    font-size: 20px; 
    font-weight: bold;     
    text-align: center;
    color: #FFFFFF;
    background-color: #660066;
    border-radius: 15px;
    padding: 10px;
}

.rpsc-panel {
    border: 2px solid #660066;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 0;
}

.rpsc-panel-heading {
    background: #660066;
    color: #FFFFFF;
    border-color: #ddd;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.rpsc-panel-body {
    padding: 15px;
}

.th-box {
  display: inline-block;
  padding: 15px 25px;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  line-height: 1.2em;
  outline: none;
  border-radius: 15px;
  width: 100%;
}

.th-box:hover {background-color: #3e8e41}

.th-box:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.td-box {
  text-align: justify;
  vertical-align: middle;
  font-size: 20px;  
}

.relative_delete_pat button{}
.relative_new_delete_pat button{}

.relative_delete_mat button{}
.relative_new_delete_mat button{}

.input-group-btn button[type="button"]{width: 25px; padding: 0;}
.checkbox input[type="checkbox"]{height: 13px; width: 25px;}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#header #logo h1{margin:10px 0 0 0; padding:0; font-size:30px; line-height:1.2; text-align:center;}
#header #logo p{text-align:center;}

#footer{padding:0;}

#content a{
    color: black;
	text-align: center;
	vertical-align: middle;
	}
	
#content a:hover{color: blue;}
	
#content h6{
    border: none;
    color: white;
    padding: 0 0 0 8px;
    font-size: 20px;
	font-weight: 700;
	background-color: #660066;
	text-align: center;
	box-shadow: 1px 3px 2px 0 #ffe6ff;
	}

#content span{
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DFDFDF;
    color: #717171;
    position: absolute;
    text-align: center;    
    display:none;
	padding:5px;
}

#content span:after{
    content:'';
    position:absolute;
    bottom:-10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:50%;
    margin-left:-5px;
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

#content p:hover span{
    display:block;
}

#content li{line-height:0; padding-left:12px;}
#features li{line-height:30px;}

#activities li{
	float: left;
	width: 33%;
    font-size: 13px;
	font-weight: bold;
    display: block;
    text-transform: uppercase;
    color: #000000;
	min-height: 80px;
    padding-top: 40px;
    text-align: center;
    border: 1px solid #660066;
    background-color: inherit;
}

#activities li:hover{border: 1px solid #000000;background-color: #ffccff;}

#box {
  height: 90px;
  width: 270px;
  background: #000;
  font-size: 48px;
  font-style: oblique;
  color: #FFF;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#comments .avatar, #comments input, #comments textarea{border-color:#860cb9;}

#accordion select, #accordion input, #accordion button  {width: 100%; height: 30px;}
#paternal_table input, #paternal_table button {width: 100%; height: 30px;}
#paternal_relative select, #paternal_relative input, #paternal_relative button  {width: 100%; height: 30px;}
#maternal_table input, #maternal_table button {width: 100%; height: 30px;}
#maternal_relative select, #maternal_relative input, #maternal_relative button {width: 100%; height: 30px;}
#action_table button {width: 100%; height: 30px;}

#myCarousel .carousel-indicators {bottom: 20px; /* vertical position */}
#myCarousel li {border:none; background-color:#660066;}

#carousel-example-generic .carousel-indicators {bottom: 20px; /* vertical position */}
#carousel-example-generic li {background-color:#660066;}

.carousel-inner img { margin: auto; }

.carousel-inner .item {text-align: center !important;}

@media (max-width: 570px) {
	.carousel-control.left {
		left: 0;
	}
	.carousel-control.right {
		right: 0;
	}
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {opacity:1;}
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0);}
.carousel.carousel-fade .next, .carousel.carousel-fade .prev {left: 0; z-index: 1;}

.fix-but {
    position: fixed;
    z-index: 100;
    right: 0px;
    border: 2px solid white;
}
    
img#photo1 { max-width: 160px; max-height: 160px; }
img#photo2 { max-width: 160px; max-height: 200px; }


@media only screen and (min-width:750px) and (max-width: 978px) { 
    .vertical_middle{min-height:62vh;}
    .vertical_middle_center{min-height:62vh;}
    .one_twelfth, .ten_twelfth {margin: 0;}
    
    #header #logo h1{margin:20px 0 0 0; padding:0; font-size:20px; line-height:1.2; text-align:center; font-weight: bold;}
    #header #logo p{font-size:15px; text-align:center;}
    
    #mainav {font-size:15px; line-height:1.2; text-transform:none;}
    #contact1 {font-size:15px;}
    #contact2 {font-size:12px;}
    #copyright {font-size:10px;}
    
}

@media only screen and (max-width: 750px) { 
    .vertical_middle{min-height:40vh;}
    .vertical_middle_center{min-height:40vh;}
    .one_twelfth, .ten_twelfth {margin: 0;}
    
    #header #logo h1{margin:0; padding:0; font-size:20px; line-height:1.2; text-align:center; font-weight: bold;}
    #header #logo p{font-size:15px; text-align:center;}
    #header #logo {margin-bottom:0;}
    
    #mainav {font-size:11px; line-height:1.2; text-transform:none;}
    #contact1 {font-size:11px;}
    #contact2 {font-size:10px;}
    #copyright {font-size:9px;}
}

@media only screen and (max-width: 480px) { 
    table, th, td { font-size: 7px; }
    
    #accordion select, #accordion input, #accordion button  {width: 100%; height: 20px;}
    #paternal_table input, #paternal_table button {width: 100%; height: 20px;}
    #paternal_relative select, #paternal_relative input, #paternal_relative button  {width: 100%; height: 20px;}
    #maternal_table input, #maternal_table button {width: 100%; height: 20px;}
    #maternal_relative select, #maternal_relative input, #maternal_relative button {width: 100%; height: 20px;}
    #action_table button {width: 100%; height: 20px;}
    
    img#photo1 { max-width: 80px; max-height: 80px; }
    img#photo2 { max-width: 80px; max-height: 100px; }
}