/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
  border: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*---------------------------------------------*/
.container {
	max-width: 1200px;
}





/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

.container-cts-media-app {
	
  width: 100%; min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 9px;

}

.wrap-cts-media-app {
  width: 100%;
  background: linear-gradient(to right,  #004e92,#000428);
  border-radius: 10px;
  overflow: hidden;
  padding: 42px 55px 45px 55px;
}


/*------------------------------------------------------------------
[ Form ]*/

.cts-media-app-form {
  width: 100%;
}

.cts-media-app-form-title {
  display: block;
  font-family: Poppins-Bold;
  font-size: 39px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 6px;
}



/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #ffd350;
    padding-bottom: 6px;
    margin-bottom: 13px;
}

.label-input100 {
    font-size: 13px;
    color: #c6edff;
    line-height: 1.5;
    padding-left: 5px;
    font-weight: bold;
}

.input100 {
  display: block;
  width: 100%;
  background: transparent;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  padding: 0 5px;
}
.input200 {
    display: block;
    width: 100%;
	height: 30px;
    background: transparent linear-gradient(#72c1ff,#54caff,#3f5cff) 0 0 no-repeat padding-box;
    font-family: Roboto;
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 0 5px;
}
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #7f7f7f;
}


/*---------------------------------------------*/
input.input100 {
  height: 24px;
}


textarea.input100 {
  min-height: 110px;
  padding-top: 9px;
  padding-bottom: 13px;
}


.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}


/*------------------------------------------------------------------
[ Button ]*/
.container-cts-media-app-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 13px;
}

.wrap-cts-media-app-form-btn {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 25px;
  overflow: hidden;
  margin: 0 auto;
}

.cts-media-app-form-bgbtn {
  position: absolute;
  z-index: -1;
  width: 300%;
  height: 100%;
  top: 0;
  left: -100%;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.cts-media-app-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #00113a;
  line-height: 1.2;
}

.wrap-cts-media-app-form-btn:hover .cts-media-app-form-bgbtn {
  left: 0;
}

.cts-media-app-form-btn i {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.cts-media-app-form-btn:hover i {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-cts-media-app {
    padding: 30px 15px 30px 15px;
  }
}



/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f06a";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 16px;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}



/*//////////////////////////////////////////////////////////////////
[ Restyle Select2 ]*/

.select2-container {
  display: block;
  max-width: 100% !important;
  width: auto !important;
}

.select2-container .select2-selection--single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  height: 24px;
  outline: none;
  position: relative;
}

/*------------------------------------------------------------------
[ in select ]*/
.select2-container .select2-selection--single .select2-selection__rendered {
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  padding-left: 5px ;
  background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.select2-selection__arrow b {
  display: none;
}

.select2-selection__arrow::before {
  content: '';
  display: block;
 border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #999999;
  margin-bottom: 2px;
}

.select2-selection__arrow::after {
  content: '';
  display: block;
 border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #999999;
}

/*------------------------------------------------------------------
[ Dropdown option ]*/
.select2-container--open .select2-dropdown {
  z-index: 1251;
  border: 0px solid #e5e5e5;
  border-radius: 0px;
  background-color: white;

  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
}

.select2-dropdown--above {top: -30px;}
.select2-dropdown--below {top: 8px;}

.select2-container .select2-results__option[aria-selected] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.select2-container .select2-results__option[aria-selected="true"] {

  color: white;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
  color: white;
}

.select2-results__options {
  font-family: Roboto;
  font-size: 15px;
  color: #333333;
  line-height: 1.2;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: none;
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #333333;
  line-height: 1.2;
}




.application-form-title {
	
    display: block;
    font-family: Poppins-Bold;
    font-size: 30px;
	-webkit-background-clip: text;
 /*  -webkit-text-fill-color: transparent; */
    line-height: 1.2;
    text-align: center;
    padding-bottom: 0px;
	
}
.dashborad_item_tittle {
    display: block;
    font-family: Poppins-Bold;
    font-size: 15px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 2px;
}

.container-cts-media-app {	

background: -webkit- linear-gradient(90deg, #041627 0%, #053c6d 100%)
background:  linear-gradient(90deg, #041627 0%, #053c6d 100%);
}
.cts-media-app-form-bgbtn {
background: #ff9300 ; 
background: -webkit- transparent linear-gradient(#ffeb00,#ffc300,#ff9300) 0 0 no-repeat padding-box;
background:  transparent linear-gradient(#ffeb00,#ffc300,#ff9300) 0 0 no-repeat padding-box;
}
.select2-container .select2-results__option[aria-selected="true"] {
background: #041627 ; 
background: -webkit- linear-gradient(90deg, #041627 0%, #053c6d 100%);
background:  linear-gradient(90deg, #041627 0%, #053c6d 100%);
}
.select2-container .select2-results__option--highlighted[aria-selected] {
background: #041627 ;background: -webkit- linear-gradient(90deg, #041627 0%, #053c6d 100%); 
background:  linear-gradient(90deg, #041627 0%, #053c6d 100%);
}
 /* model */
	
.overlay_cts_seek_admission {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay_cts_seek_admission:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_seek_admission {
  margin: 40px auto;
  padding: 10px;
  background: #252525;
  border-radius: 5px;
  width: 50%;
  height: 90%;
  position: relative;
}

.popup_cts_seek_admission h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_seek_admission .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_seek_admission .close:hover {
  color: #06D85F;
}
.popup_cts_seek_admission .content {
  max-height: 95%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_seek_admission{	width: 88%;
  margin: 20px auto;
  height:90%;
}
}
/* model */







 /* model */
	
.overlay_cts_notifications {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_notifications:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_notifications {
  margin: 4% auto;
    padding-top: 20px;
  padding-right: 8px;
  padding-left: 8px;
background: linear-gradient(to right, #000428, #004e92);
 border-radius: 5px;
  width: 45%;
  height:85%;
  position: relative;
}

.popup_cts_notifications h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_notifications .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_notifications .close:hover {
  color: #06D85F;
}
.popup_cts_notifications .content-div {
  max-height: 95%;
  overflow-x: hidden;
  overflow-y:auto;
}

  @media all and (max-width: 600px) and (min-width: 200px) {
.popup_cts_notifications{	width: 96%;
  height:92%;
  margin: 22px auto;
}
}
/* model */


/* model contentmodel*/
	
.overlay_cts_contentmodel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_contentmodel:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_contentmodel {
  margin: 3% auto;
    padding-top: 20px;
  padding-right: 8px;
  padding-left: 8px;
  background: #ffffffd9;
 border-radius: 5px;
  width: 45%;
  height:79%;
  position: relative;
}

.popup_cts_contentmodel h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_contentmodel .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_contentmodel .close:hover {
  color: #06D85F;
}
.popup_cts_contentmodel .content-div {
  max-height: 91%;
  overflow-x: hidden;
  overflow-y:auto;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_contentmodel{	width: 95%;
  height:92%;
  margin: 5% auto;
}
}
/* free contentmodel */







/* model camera*/	
.overlay_cts_camera_model_pro {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay_cts_camera_model_pro:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_camera_model_pro {
  margin: 40px auto;
  padding: 20px;
  background: #252525;
  border-radius: 5px;
  width: 70%;
  height:70%;
  position: relative;
}
.popup_cts_camera_model_pro h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_camera_model_pro .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_camera_model_pro .close:hover {
  color: #06D85F;
}
.popup_cts_camera_model_pro .content {
  max-height: 95%;
  overflow: hidden;
}

  @media all and (max-width: 300px) and (min-width: 200px) {
.popup_cts_camera_model_pro{	width: 90%;
  margin: 20px auto;
  height:auto;
}
}
/* model camera */




















/* model camera*/	
.overlay_cts_camera_model {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay_cts_camera_model:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_camera_model {
  margin: 40px auto;
  padding: 20px;
  background: #252525;
  border-radius: 5px;
  width: 400px;
  position: relative;
}
.popup_cts_camera_model h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_camera_model .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_camera_model .close:hover {
  color: #06D85F;
}
.popup_cts_camera_model .content {
  max-height: 95%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_camera_model{	width: 90%;
  margin: 20px auto;
  height:auto;
}
}
/* model camera */



#imageprev{
width: 240px;
height: 240px;		
}

.choose_file{
    position:relative;
    display:inline-block;  
}
.choose_file .upload{
    -webkit-appearance:none; 
    position:absolute;
    top:0; left:0;
    opacity:0; 
}




/* slice */
 .slice_image{
  border: double 5px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #FFEB3B,#FF9800);
  background-origin: border-box;
  background-clip: content-box, border-box;
  }
  	 .slice_text{
text-align: center;
  }
.slice_text_title{
font-size:14px;
font-weight:bold;
color:#acd7ff;
  }
.slice_text_design{
font-size:12px;
font-weight:bold;
margin-top: -27px;
  background: -webkit-linear-gradient(#ffffff, #9ed1ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
/* slice */


.ch_msg_img{
border-radius:12px;
float:left;
 height:100%;
 width:50%;
margin:10px;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
	.ch_msg_img{
 width:100%;
 margin:0px;
} }
  @media all and (max-width: 500px) and (min-width: 200px) {
	.desktoponly{
 display:none;

} } 
 .bntaddmission{
	  width:100%;
    background: transparent linear-gradient(#ffeb00,#ffc300,#ff9300) 0 0 no-repeat padding-box;
    /* text-shadow: -2px 0px 2px #333; */
    color: #000;
    letter-spacing: 2px;
    border-radius: 5px;
    padding: 6px 25px 8px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.5);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
  .bntaddmission2{
	  width:100%;
    background:transparent linear-gradient(#66d0ff,#92cfff,#004c8f) 0 0 no-repeat padding-box;

    /* text-shadow: -2px 0px 2px #333; */
    color: #000;
    letter-spacing: 2px;
    border-radius: 5px;
    padding: 6px 25px 8px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.5);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.bnt_addmission {
    background: transparent linear-gradient(#ffeb00,#ffc300,#ff9300) 0 0 no-repeat padding-box;
    margin-left: 25px;
    /* text-shadow: -2px 0px 2px #333; */
    color: #000;
    letter-spacing: 2px;
    border-radius: 5px;
    padding: 6px 25px 8px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.5);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.bnt_addmission:hover {
  border-color: #fff;
  color: #fff;
  text-shadow: -2px 0px 2px #333;
}






.list-group-item {
	font-size:13px;
	background:#252525;
	color:white;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}


 /* model */
	
.overlay_cts_popoptions {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
  z-index: 9999999;
}
.overlay_cts_popoptions:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_popoptions {
  margin: 8% auto;
  padding: 20px;
  background: linear-gradient(to right, #000428, #004e92);
  border-radius: 5px;
  width: 80%;
  position: relative;
}

.popup_cts_popoptions h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_popoptions .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_popoptions .close:hover {
  color: #06D85F;
}
.popup_cts_popoptions .content {
  max-height: 30%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_popoptions{	width: 92%;
  margin: 10% auto;
}
.popup_cts_popoptions {
  margin: 22% auto;
}
}
/* model */



.overlay_cts_popoptions_view {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_popoptions_view:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_popoptions_view {
  margin: 8% auto;
  padding: 20px;
  background: linear-gradient(to right, #000428, #004e92);
  border-radius: 5px;
  width: 94%;
  position: relative;
  height: 84vh;
}

.popup_cts_popoptions_view h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_popoptions_view .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_popoptions_view .close:hover {
  color: #06D85F;
}
.popup_cts_popoptions_view .content {
  max-height: 30%;
  overflow: hidden;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_popoptions_view{	width: 92%;
  margin: 10% auto;
}
.popup_cts_popoptions_view {
  margin: 22% auto;
}
}
/* model */



@media all and (max-width: 600px) and (min-width: 100px) {
.popup_cts_popoptions_view	{
 height: 96vh;
 width: 96%;
 overflow-y:auto;
}
	
}

























/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
   width: 20%;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #f6a515;;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
} 
.form-wrapper button:hover{
    background: #ce8709;
}  
.form-wrapper button:active,
.form-wrapper button:focus{
    background: #c42f2f;
}

.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #f6a515; transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper button:hover:before{
    border-right-color: #ce8709;
}

.form-wrapper button:focus:before{
    border-right-color: #c42f2f;
}  
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
    /* EOS */
.form-wrapper-search input {
    width: 80%;
      height: 40px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;
}

.form-wrapper-search input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.form-wrapper-search input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.form-wrapper-search input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper-search input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}  
/* Form submit button */
.form-wrapper-search button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
   width: 20%;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #053c6d;;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
} 
.form-wrapper-search button:hover{
    background: #ce8709;
}  
.form-wrapper-search button:active,
.form-wrapper-search button:focus{
    background: #c42f2f;
}

.form-wrapper-search button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #053c6d; transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper-search button:hover:before{
    border-right-color: #ce8709;
}

.form-wrapper-search button:focus:before{
    border-right-color: #c42f2f;
}  
.form-wrapper-search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}	
	
/* model */
	.popup_header_searchresults{
font-size: 20px;
  font-weight: bold;
  text-align:center;
}
.app_popup_overlay_searchresults {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
 visibility: hidden;
  opacity: 0;

  padding-right:6px;
  padding-left:6px;
}
.app_popup_overlay_searchresults:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_app_searchresults {
  margin: 100px auto;
  padding: 20px;
  background: transparent;
  background:  transparent;  /* fallback for old browsers */
background:  transparent;  /* Chrome 10-25, Safari 5.1-6 */
    background:  transparent;
  border-radius: 5px;
  width: 40%;
  height:auto;
  position: relative;
 	background:linear-gradient(to right, #2c49646e, #000000)
}


.popup_cts_app_searchresults .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;

}
.popup_cts_app_searchresults .close:hover {
  color: #06D85F;
}
.popup_cts_app_searchresults .qoute_content {
  max-height: 95%;
  overflow: auto;
  text-align:center;
  margin-top:10px;
}

  @media all and (max-width: 700px) and (min-width: 300px) {

  .popup_cts_app_searchresults{
    width: 95%;
	height:auto;
	margin-top:10%;
	padding: 5px;
  }

}

/* model */








/* model */
	
.overlay_cts_addmissionform {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_addmissionform:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_addmissionform {
  margin: 20px auto;
    padding-top: 20px;
  padding-right: 8px;
  padding-left: 8px;
  background: #ffffffd9;
 border-radius: 5px;
  width: 58%;
  height:90%;
  position: relative;
}

.popup_cts_addmissionform h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_addmissionform .close {
    position: absolute;
    top: 2px;
    right: 3px;
    transition: all 200ms;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #ffe713;
    z-index: 88;
}
.popup_cts_addmissionform .close:hover {
  color: #06D85F;
}
.popup_cts_addmissionform .content-div {
  max-height: 95%;
  overflow-x: hidden;
  overflow-y:auto;
}

  @media all and (max-width: 500px) and (min-width: 200px) {
.popup_cts_addmissionform{	width: 95%;
  height:95%;
  margin: 20px auto;
}
}
/* model */


/* mobile responsive */
 
 .newsupdates {
cursor: pointer;
width:100%;
font-weight:bold;
padding:6px;
border-radius:18px;
background:#00000059;
height:auto;
bottom: 3.5vh;
position: absolute;
Z-index:88;
color:white;
text-shadow: 2px 2px #212529;	 
 
 }
.admission{
box-shadow: -1px -1px 3px 2px #b4daff;
border-radius: 16px;
margin-top:1%;
margin-right:13%;
margin-left:13%;
margin-bottom:1%;
padding:20px;
background: linear-gradient(to right, #041627, #053c6d);
}

.panel{
box-shadow: -1px -1px 3px 2px #b4daff;
border-radius: 16px;
background: linear-gradient(to right, #041627, #053c6d);
padding: 20px 40px;
margin-top:10px;
margin-bottom:6%;
margin-left:6%;
margin-right:6%;

}

.table-scroll tbody {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: scroll;
}

.body-half-screen {
    max-height: 36vh;
    overflow-x: hidden;
    min-height: 36vh;
}
.table-scroll tr {
    width: 100%;
    display: flex;
}
.table-scroll td, .table-scroll th {
    flex-grow: 2;
    display: block;
    text-align: center;
}
@media all and (max-width: 500px) and (min-width: 200px) {
#hero {
    width: 100%;
    height: 95vh;
}
#hero .hero-img img	 {
    height: 30vh;
    width: 90%;
    margin-top: -10vh;
}
.mobres{
margin-top: 0px;
}
#hero h1 {
    font-size: 24px;
	letter-spacing:3px;
    line-height: 36px;
} 
.newsupdates {
margin-top: -12%;
}
.admission{
margin:6px;	
}
}
.formsection{
transition: all ease-in-out 0.3s;
    box-shadow:-1px -1px 3px 2px linear-gradient(to right, #041627, #053c6d);
border-radius:16px;
	margin-bottom:18px;
	margin-top:7px;
	margin-left:3px;
	margin-right:3px;
	background:  linear-gradient(to right, #041627, #053c6d);;
}


.form_section_header2{
border-top-right-radius:16px;
 border-top-left-radius: 16px;
 background:transparent linear-gradient(#7dff83,#77ba28,#bdff71) 0 0 no-repeat padding-box;
 color:white;
 text-shadow: -1px -1px 3px #000000;
 font-weight:bold;
 font-size:16px;
 padding:6px;
 width:100%;
 letter-spacing:2px;	
}
.form_section_header{
border-top-right-radius:16px;
 border-top-left-radius: 16px;
 background:transparent linear-gradient(#72c1ff,#54caff,#3f5cff) 0 0 no-repeat padding-box;
 color:white;
 text-shadow: -1px -1px 3px #000000;
 font-weight:bold;
 font-size:16px;
 padding:6px;
 width:100%;
 letter-spacing:2px;	
}
@media all and (max-width: 3000px) and (min-width: 420px) {
	.textarea_select {
margin-top: 32px;}
}

@media all and (max-width: 420px) and (min-width: 120px) {
.sweet-alert button {
    background-color: #8cd4f5;
    color: white;
    border: 0;
    box-shadow: none;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 12px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

}
/* camra */
 #stage{background:#eee;width:300;height:300px;overflow:hidden;
         position:relative;}
  #output{width:300px;height:300px;position:absolute;top:0;;}
  #controls{position:absolute;width:40px;right:15%;bottom:3%;}
  #change{position:absolute;right:-100px;top:-300px;width:100px;}
  button{font-size:22px;text-align:center;display:block;}
  #change button{width:60px;border:none;background:#fff;}
  #stage {
  width: 300px;
  height:300px;
  position:absolute;
  object-fit: contain; 
}

/* camra */



/* model */
	
.overlay_cts_banner {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
 visibility: hidden;
  opacity: 0;
}
.overlay_cts_banner:target {
  visibility: visible;
  opacity: 1;
}

.popup_cts_banner {
  margin: 70px auto;
    padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: #ffffffd9;
  z-index:99999999999;
  border-radius: 5px;
  width: 58%;
  height:80%;
  position: relative;
}

.popup_cts_banner h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup_cts_banner .close {
  position: absolute;
  top: 1px;
  right: 10px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  z-index:99999999999;
}
.popup_cts_banner .close:hover {
  color: #06D85F;
}
.popup_cts_banner .content-div {
  max-height: 95%;
  overflow-x: hidden;
  overflow-y:auto;
}
.banner_pop_img{
width: 100%;
height:100%;
border-radius:12px;	
}
  @media all and (max-width: 600px) and (min-width: 200px) {
.popup_cts_banner{	width: 95%;
  height:auto;
  margin: 25% auto;
}
.banner_pop_img{
width: 100%;
height:300px;
border-radius:8px;	
}

}
/* model */



  @media all and (max-width: 2000px) and (min-width: 500px) {
#hero { 
  height: 82vh;
  } 
 .newsupdates{
bottom: 18vh;
 }	 
}

.callinfo{
letter-spacing:3px;
font-weight:bold;
font-size:18px;
color:#053c6d;
text-shadow: -2px 1px 1px #333;
}

.blinking{
animation: blinking 1s linear infinite;
	}
@keyframes blinking{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.99rem 0rem;
    background: #000000;
    border: 1px solid rgba(0,0,0,.125);
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #f4f5f6;
    text-decoration: none;
    background-color: #02366a;
}

@keyframes glow{
  0%{
  box-shadow: 5px 5px 20px rgb(255 240 109),0px -1px 10px 0px rgb(255 240 109);}
 50%{
  box-shadow: 5px 5px 20px rgb(81, 224, 210),0px -1px 10px 0px rgb(81, 224, 210)
  }
  100%{
  box-shadow: 5px 5px 20px #a4e3ff,0px -1px 10px 0px #a4e3ff
  }
}


.ng-pristine{
color:white;	
}



.btn-shine {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    /* position: relative; */
    background: linear-gradient(-45deg, #ffca2a,#faffb0,#c0ffb6,#74d4ff,#FFEB3B);
    background-size: 400% 400%;
    animation: gradientBG 4.5s ease infinite;
    /* padding: 1.5rem 10rem; */
    /* color: black; */
    text-transform: uppercase;
    border-radius: 100px;
    font-size: 0.99rem;
    transition: .3s;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.badge-profile {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fffff;
}
.profile-logout{
top:-15px;
right:0px;
position:absolute;	
	
}
.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item {
    color: white;
    background-color: #323e4d;
}
.list-group-item {
    font-size: 13px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item {
    color: white;
    background-color: #323e4d;
}
.table-header-top {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 100%;
    font-size: 20px;
    background: linear-gradient(to right, #0575e6, #021b79);
    color: white;
    padding: 15px;
    text-align: center;
}