@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Roboto+Condensed:400,500,600,700');
/**
*
* -----------------------------------------------------------------------------
*
* Author : Computerkavi
* Author URI : https://www.computerkavi.com/
*
* -----------------------------------------------------------------------------
*
**/
.my-title .h4 {
    font-size: 25px;
    line-height: normal;
    margin-bottom: 5px; 
    text-transform: uppercase;
    position: relative;
	color: #333366;
text-decoration: underline;
-webkit-text-decoration-color: red; /* Safari */  
text-decoration-color: red;
}
.my-style-2 ul {
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
  display: flex;
  padding-top: 0;
}
.my-style-2 ul li {
  padding-left: 24px;
  padding-bottom: 7px;
}
.my-style-2 ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  color: #ff3115;
  transition: all .5s ease;
}
.my-style-2 .author-section .course-author {
  display: flex;
  align-items: center;
}
.my-style-2 .author-section .align-img {
  margin-right: 20px;
}
.my-style-2 .author-section .align-img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0;
  border:2px solid #F3CE5E;
}
.my-style-2 .author-section .align-img img:hover {
-webkit-transform: scale(1.5,1.5);
    -webkit-transition: all 0.3s ease-in-out;
}
.my-style-2 .author-section .align-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 20px auto;
  width:100px;
  height: 100px;
  background: white;
  border-radius: 50%;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: lighter;
  letter-spacing: 2px;
  transition: 1s box-shadow;
}

.my-style-2 .author-section .align-img:hover {
  box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}

.my-style-2 .author-section .align-img:hover::before, .my-style-2 .author-section .align-img:hover::after {
  display: block;
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  background: #FDA8CF;
  border-radius: 50%;
  z-index: -1;
  animation: 1s clockwise infinite;
  -webkit-transform: scale(1.5,1.5);
    -webkit-transition: all 0.3s ease-in-out;
}

.my-style-2 .author-section .align-img:hover:after {
  background: #F3CE5E;
  animation: 2s counterclockwise infinite;
  -webkit-transform: scale(1.5,1.5);
    -webkit-transition: all 0.3s ease-in-out;
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}



.my-style-2 .author-section .author-content h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #212121;
}
.my-style-2 .author-section .author-content p {
  margin-bottom: 0;
}
.sec-title2 h2 {
  font-size: 30px;
  text-transform: uppercase;
  color: #212121;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}
.sec-title2 span {
  display: block;
  font-size: 18px;
  line-height: 34px;
  color: #ff3115;
  font-weight: 600;
}

/* On-Of Switch to enable the Links */
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;} 
  
  /*togglers ends */  
  
.error, #form-messages { color: #f00 !important;}
label.error { margin-bottom: 0px;}
#form-messages > p { margin:0px;}

.card-header {
    background-color: #196a73;
}

.card-mystyle-1 {
    background-color: #e7fdff;
    border: 2px solid #196a73;
    box-shadow: 0 12px 25px 0 rgba(0, 0, 0, 0.2), 0 0px 32px 0 rgba(0, 0, 0, 0.50);
}

 /* computerkavi attendance styles */
	@font-face {
    font-family: 'UniIla_Sundaram05';
    src: url('fonts/UniIla_Sundaram05.eot');
    src: url('fonts/UniIla_Sundaram05.eot') format('embedded-opentype'),
         url('fonts/UniIla_Sundaram05.woff2') format('woff2'),
         url('fonts/UniIla_Sundaram05.woff') format('woff'),
         url('fonts/UniIla_Sundaram05.ttf') format('truetype'),
         url('fonts/UniIla_Sundaram05.svg#UniIla_Sundaram05') format('svg');
		}

.panel {
		font-family: "UniIla_Sundaram05", Open Sans, Arial, sans-serif;
		font-size:18px;
		box-shadow: none;
		background-color: transparent;
		
	}
	
.kavitamil{
			
		font-family: "UniIla_Sundaram05", serif;
		font-size: 18px;	
}

.shadow {
    font: bold 25px;
    text-shadow: 1px 1px #000, 2px 2px #00006d, 3px 3px #00006d;
}


/* computerkavi */