body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
/* PRELOADER CSS */
.page-loader {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: #17367D;
  z-index: 99999 !important;
}
.page-loader .txt {
  color: #fff;
  text-align: center;
  top: 40%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}
/* SPINNER ANIMATION */
.spinner {
  position: relative;
  top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.fixed-topheader {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%; 
  z-index: 9999;
  border-bottom: 1px solid #428bca;
}
.fixed-header {
  position: fixed;
  top: 112px;
  left: 0;
  z-index: 9999;
  width: 100%; 
}
.bg-header {
  background: url("../img/header-bg.png") no-repeat center center;
   background-size: cover;
  height: 150px;
}
.fixed-header .stitle img {
  max-height: 30px;
  margin-right: 10px;
}
.fixed-header .stitle {
  font-size: 1.5em;
}
#sitetitle h1 {font-size: 40px; padding-top: 10px;}

.bg-rblue {
  background-color: #17367D;
}
.bg-lblue {
  background-color: #1B3C8D;
}
h3.stitle {
  color: #fff;
  font-size: 1.0em;
  font-family: roboto;
  font-weight: 500;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
h2.stitle {
  color: #fff;
  font-size: 1.2em;
  font-family: roboto;
  font-weight: 500;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.class-detail, .class-section {
  color: #fff;
  padding: 0;
  margin: 0;
}
.simage {width: 70px; height: 70px;}
.simage img {width: 100%; border-radius: 50%; border:3px solid #fff;}
.sitename {
  color: #fff;
  font-size: 35px !important;
  line-height: 25px;
  font-family: roboto;
  padding-top: 3px;
}
.btn-sm {padding: 3px 1px 3px 5px;}
.backbtn {position: absolute; right: 15px; bottom: 0px;}
.backbtn img {margin-left: 5px;}
.backbtn a {color: #fff;}
.backbtn a:hover {color: #fff;text-decoration: none;}
header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 2rem;
}
#logoarea img {
  max-height: 70px;
}
.btns-index .btn-sm {
  padding-right:10px;
  padding-left:10px;
}
.dashboard {
  margin-top: 105px !important;
}
@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
header h1.sitename {
    font-size: 1.0rem !important;
  }
  .fixed-header .stitle {
    font-size: 1.1em;
  }
  #sitetitle h1 {font-size: 25px; padding-top: 10px;}
  .fixed-header {
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 9999;
    width: 100%; 
  }
  .dashboard {
    margin-top: 40px !important;
  }
}
a.btn-sm {text-decoration: none;}
.pagemt {margin-top: 180px; margin-bottom: 40px;}
.circle-box {
width: 140px;
height: 140px;
background: hsla(222, 70%, 58%, 1);

background: radial-gradient(circle, hsla(222, 70%, 58%, 1) 0%, hsla(222, 69%, 29%, 1) 100%);

background: -moz-radial-gradient(circle, hsla(222, 70%, 58%, 1) 0%, hsla(222, 69%, 29%, 1) 100%);

background: -webkit-radial-gradient(circle, hsla(222, 70%, 58%, 1) 0%, hsla(222, 69%, 29%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#4B77DF", endColorstr="#17367D", GradientType=1 );
border-radius: 50%;
justify-content: center;
align-items: center;
align-content: center;
overflow: hidden;
padding: 10px;
margin-top: 10px;
}
.circle-box img {
  width: 70px;
}
.circle-box-title {margin-top: 5px;line-height: 15px !important;}
.circle-box-title a {color: #4874DA; font-weight: 600; font-size: 17px; font-family: roboto; text-decoration: none; }

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}
@media (max-width: 768px) {
.circle-box {
  width: 70px;
  height: 70px;
  background-color: #142F6B;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  align-content: center;
  overflow: hidden;
  padding: 10px;
  margin-top: 10px;
  }
  .circle-box img {
    width: 40px;
  }
  .circle-box-title {margin-top: 5px;line-height: 15px !important;}
  .circle-box-title a {color: #142F6B; font-weight: 600; font-size: 13px; font-family: roboto;}
  .pagemt {margin-top: 100px; margin-bottom: 20px;}
}



@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }


}



/* Registration Form CSS */

.form-area {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}

footer.footer {
  padding-top: 30px;
  width: 100%;
}

fieldset {
  min-width: 0;
  padding: 10px;
  margin: 0;
  border: 0
}

/* Validation Form Style */
.form {
	width:100%;
	text-align:left;
	padding-top:5px;
}
.dothr { border-top: 1px dotted #D4D4D4;}
.form legend
{
	display: block;
	color: #000000;
	width:auto;
	font-size:20px;
	font-weight: bold;
	font-variant:small-caps;
	margin-left: 10px;
	margin-bottom:0;
	padding: 0px 10px;
}
.form input {padding: 6px; width: 99%;}	
.form select {padding: 5px; width: 99%;}

.panel-body h1 {font-size: 30px;}
.panel-body i {color: #000;}

/*** FORM BLOCKS ***/
.comment
{
	padding-left:0px;
	color:#999999;
	font-style:italic;
}
.form td
{
	padding:5px 0px 5px 0px;
	border-top:1px dotted #ccc;
	clear: left;
}
.form fieldset legend {background-color: #fff;margin-top: -30px !important;}
.form input, select, textarea {text-align: left !important; }

/*** FORM BLOCK ELEMENTS ***/
.form input[type=submit], input[type=reset]  { padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center !important;}
.form input[type=radio] {
	width: 20px;
	padding-right: 0px !important;
}
.form input[type=date] {
	padding: 0px 10px !important;
}
.col-md-6 .form label
{
	padding:0px 10px;
	width:100px;
	float:left;
}
.form label
{
	padding:0px 10px;
	float:left;
}

.form label.htext
{
	font-weight: 600;
}
.form label.error
{
	color: #c00;
	font-size: 100%;
	font-weight: bold;
	font-variant:small-caps;
	width:95%;
	display: none;
	margin:4px 0px 0px 10px;
	padding:2px 0px 0px 5px;
	border-top:1px dotted #ccc;
	clear:both;
}
/*** SUPPORTING CLASSES ***/

.form label.required,
.form span.required
{
	padding-left:10px;
	background:url('../img/star.gif') no-repeat;
	background-position:top left;
}
.form span.norequired
{
	padding-left:10px;
}
.form .highlight
{
	background-color:#F2F2F2;
}
.off
{
	display:none !important;
}
.clear
{
	clear:both;
}
@media (max-width: 768px) {
  .form-area {
  padding-top: 20px;
  padding-bottom: 20px;
  }
  footer.footer {
  padding-top: 15px;
  padding-bottom: 10px;
}
}


.panel {
  margin-bottom: 0px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.panel.no-border {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none
}
.panel-body {
  padding: 0px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit
}
.panel-title > a {
  color: inherit
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
  margin-bottom: 0
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0
}
.list-group + .panel-footer {
  border-top-width: 0
}
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
  margin-bottom: 0
}
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px
}
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px
}
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd
}
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
  border: 0
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0
}
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0
}
.panel-group {
  margin-bottom: 10px
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px
}
.panel-group .panel + .panel {
  margin-top: 0px
}
.panel-group .panel-heading {
  border-bottom: 0
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd
}
.panel-group .panel-footer {
  border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}
.panel-default {
  border-color: #ddd
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd
}
.panel-primary {
  border-color: #428bca
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #428bca
}
.panel-primary > .panel-heading .badge {
  color: #428bca;
  background-color: #fff
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #428bca
}
.panel-success {
  border-color: #d6e9c6
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6
}
.panel-info {
  border-color: #bce8f1
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1
}
.panel-warning {
  border-color: #faebcc
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc
}
.panel-danger {
  border-color: #ebccd1
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1
}
#elist h3 {font-size: 20px !important; color: #17A2B8;}
@media screen and (max-width: 767px) {
  .feefont {font-size: 15px !important;}
  .clearfix {clear: both; margin-top:10px;}
  .mobcenter {text-align: center; margin: 0 auto;}
  .mobpdb20 {padding-bottom: 20px !important;}
  .profilepic-mob img {border-radius: 50%; width: 130px; height:130px;}
  h1.ptitle {
  font-size: 23px !important;
}
  h1.ptitle2 {
  font-size: 20px !important;
}
legend {font-size: 20px;}
fieldset .head {font-size: 13px;}
fieldset .text {font-size: 13px;}
#elist h3 {font-size: 16px !important;}
#elist .font-weight-bold {font-size: 14px;}
#elist .bg-light {font-size: 14px;}
}

.feefont {font-size: 20px;}

.box-title { padding-top: 10px;}
.boxicon i {
    font-size: 80px; 
    text-decoration: none;
    border: none !important; 
    line-height: 150px;
    color: #fff;
    outline : none !important;
}

.box1 {
    margin-top: 10px;
    height: 150px;
    width: 150px;
    border:3px solid #fff;
    box-shadow: 0px 0px 5px 5px #DDDDDD;
    border-radius: 50%;
    outline : none !important;
}
.box1 i:hover {
    text-decoration: none !important;
    outline : none !important;
    border: none !important; 
}

.blue-bg {
    background: rgb(9,87,136);
    background: linear-gradient(0deg, rgba(9,87,136,1) 0%, rgba(27,133,199,1) 38%, rgba(91,190,254,1) 100%);
    background: -moz-linear-gradient(0deg, rgba(9,87,136,1) 0%, rgba(27,133,199,1) 38%, rgba(91,190,254,1) 100%);
}

.orange-bg {
background: #B35503;
background: -webkit-linear-gradient(bottom, #B35503, #FF9233);
background: -moz-linear-gradient(bottom, #B35503, #FF9233);
background: linear-gradient(to top, #B35503, #FF9233);
}

.red-bg {
background: rgb(153,20,27);
background: linear-gradient(0deg, rgba(153,20,27,1) 0%, rgba(204,36,44,1) 38%, rgba(210,54,61,1) 100%);
background: -moz-linear-gradient(0deg, rgba(153,20,27,1) 0%, rgba(204,36,44,1) 38%, rgba(210,54,61,1) 100%);
}
.footer .text-muted br {display: none;}
@media screen and (max-width: 767px) {
  .box1 {
    height: 80px;
    width: 80px;
    border:2px solid #fff;
    box-shadow: 0px 0px 5px 5px #DDDDDD;
    border-radius: 50%;
    outline : none !important;
}
.boxicon i {
    font-size: 40px; 
    text-decoration: none;
    border: none !important; 
    line-height: 70px;
    color: #fff;
    outline : none !important;
}
.boximg img{
width: 80px;
}
.footer .text-muted br {display: block;}
.btitle {font-size: 14px; text-align: center !important; color: #1B3C8D; font-family: roboto; font-weight: bold;}
.box-title {padding-top: 7px;}
.box-title a {font-size: 14px;}
.footer .text-muted {font-size: 14px;}
.bg-mob-light {background-color: #eee;padding-top: 5px;padding-bottom:5px;}
}
@media screen and (max-width: 380px) {
.boximg img{
width: 82px;
}
  .box1 {
    height: 70px;
    width: 70px;
    border:2px solid #fff;
    box-shadow: 0px 0px 5px 5px #DDDDDD;
    border-radius: 50%;
    outline : none !important;
}
.boxicon i {
    font-size: 40px; 
    text-decoration: none;
    border: none !important; 
    line-height: 70px;
    color: #fff;
    outline : none !important;
}
}

#remember {width: 15px;}