text-input.error,textarea.error, input.error, input.error:focus {


	border-color: #B94A48;


    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;


    color: #B94A48;


}



.msgError span{ font-weight: bold;}


.error


{


	color: #930 !important;


    font-family: sans-serif,Georgia,sans-serif;


    font-size: 12px;


}
.msgError {


    text-align: center;


    background: #da100a;


    color: #fff;


    width: 33%;


    float: right;


    padding: 19px;


    font-weight: bold;


    border-radius: 3%;


}
.circular {


	border-radius: 44px;


    height: 78px;


    width: 78px;


	 


	}


.input-group span {


    color: #f9f9f9;


    font-size: 14px;


    font-weight: normal;


}	


.custom-search-form {


    text-align: center !important;


	display:table;


	margin:auto;


}


  @import url(http://weloveiconfonts.com/api/?family=fontawesome|iconicstroke|typicons);


   /* fontawesome */


   [class*="fontawesome-"]:before {


    font-family: 'FontAwesome', sans-serif;


  }


  /* iconicstroke */


  [class*="iconicstroke-"]:before {


    font-family: 'IconicStroke', sans-serif;


  }


  /* typicons */


  [class*="typicons-"]:before {


    font-family: 'Typicons', sans-serif;


  }


  body{


    font-family:arial,sans-serif;


  }


  .chat-container {


  border: 2px solid #ccc;


    margin: 0 auto;


    width: 900px;


  }


  .top-header {


   background: #10a508 none repeat scroll 0 0;


    border: 5px solid #10a508;


    color: white;


    overflow: hidden;


    padding: 0.2rem;


    position: relative;


  }


  .top-header:hover {


    background-color:#35ac19;


  }


  .top-header-tit {


    display: inline;


    font-size: 14px;


  }


  .top-header .typicons-message {


    display: inline-block;


    padding: 2px 5px 2px 5px;


    font-size: 20px;


    position: relative;


    top: 5px;


  }


  .top-header .typicons-minus {


    position: relative;


    top: 3px;


    font-size: 15px;


    cursor:pointer;


  }


  .top-header .typicons-times{


    position: relative;


    top: 3px;


    font-size: 15px;


    cursor:pointer;


  }


  .top-header .left {


    float: left;


  }


  .top-header .right {


    float: right;


    padding-top: 5px;


  }


  .top-header > * {


    position: relative;


  }


  .top-header::before {


    content: '';


    position: absolute;


    top: -100%;


    left: 0;


    right: 0;


    bottom: -100%;


    opacity: 0.25;


    background-color: #404040 


  }


  .chat-box {


    list-style: none;


    background: #e5e5e5;


    margin: 0;


    padding: 0 0 50px 0;


    height: 280px;


    overflow-y: auto;


  }


  .chat-box li {


   padding: 8px;


    overflow: hidden;


    display: flex;


  }


  .chat-box .avatar-icon {


   /* width: 59px;*/


    position: relative;


  }


  .chat-box .avatar-icon img {


    display: block;


    width: 100%;


    background-color:#1469A6;


  }


  .another .avatar-icon:after {


    content: '';


    position: absolute;


    top: 0;


    right: 0;


    width: 0;


    height: 0;


    border: 5px solid white;


    border-left-color: transparent;


    border-bottom-color: transparent;


  }


  .me {


    justify-content: flex-end;


    align-items: flex-end;


  }


  .me .messages {


    order: 1;


    border-bottom-right-radius: 0;


  }


  .me .avatar-icon {


    order: 2;


  }


  .me .avatar-icon:after {


    content: '';


    position: absolute;


    bottom: 0;


    left: 0;


    width: 0;


    height: 0;


    border: 5px solid white;


    border-right-color: transparent;


    border-top-color: transparent;


    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);


  }


  .messages {


    background: white;


    padding: 10px;


    border-radius: 2px;


    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);


	width:400px;


  }


  .messages p {


    font-size:14px;


    margin: 0 0 0.2rem 0;


  }


  .messages time {


   color: #616161;


    font-size: 11px;


  }


  .setting{


    background-color: #e5e5e5;


    height: 2px;


    padding-top: 2px;


    border-bottom: 1px solid rgba(0,0,0,.1);


  }


  .setting .left {


    float: left;


  }


  .setting .right {


    float: right;


  }


  .iconicstroke-user{


   font-size: 22px;


   position: relative;


   top: 4px;


   left: 10px;


   color: #414141;


   cursor:pointer;


 }


 .typicons-cog{


   font-size: 23px;


   position: relative;


   top: 7px;


   right: 4px;


   color: #414141;


   cursor:pointer;


 }


 .fontawesome-facetime-video{


   font-size: 18px;


   position: relative;


   top: 3px;


   color: #414141;


   left: 5px;


   cursor:pointer;


 }


 .iconicstroke-user:hover, .typicons-cog:hover,.fontawesome-facetime-video:hover{


  color:#000000;


}


::-webkit-scrollbar{height:14px;width:10px;background:#eee;border-left:1px solid #ddd}


::-webkit-scrollbar-thumb{background:#ddd;border:1px solid #cfcfcf}


::-webkit-scrollbar-thumb:hover{background:#b2b2b2;border:1px solid #b2b2b2}


::-webkit-scrollbar-thumb:active{background:#b2b2b2;border:1px solid #b2b2b2}


@-webkit-keyframes pulse {


  from {


    opacity: 0;


  }


  to {


    opacity: 0.5;


  }


}

.payamt > input {


      float: right;


      margin-top: -26px;


     /* padding-left: 12px !important;*/


}


.payamt span{ margin-left:-5px;}
.payamt label{  float: left;


    margin-left: -9px;


    margin-top: 2px;}


.attaching{ margin-top:3px;}


.addtutorial{    width: 123px;


    float: right;


    background: #f84312;


    height: 27px;


    padding: 1px;}
.addtutorials{     width: 78px;


    float: left;


    background: #f84312;


    height: 27px;


    padding: 1px;}


	


	


.remove-field{  background: #1bbc9b none repeat scroll 0 0;


    border: medium none;


    border-radius: 4px;


    cursor: pointer;


    display: inline-block;


    font-size: 15px;


    font-weight: bold;


	margin-top:3px;


    padding: 6px 10px 7px;


    text-shadow: none !important;}	


#addmore{     background: #1bbc9b none repeat scroll 0 0;


    border: medium none;


    border-radius: 4px;


    cursor: pointer;


    display: inline-block;


    font-size: 15px;


    font-weight: bold;


    padding: 6px 11px 7px;


    text-shadow: none !important;


    margin-top: -34px;


    float: right;


    margin-right: 151px;}	


	


	


	


.deleteall {


    background: tomato none repeat scroll 0 0;


    border-radius: 6%;


    float: left;


    font-family: arial;


    margin-bottom: 14px;


    padding: 7px;


}	


	


	


.deleteall a:hover{ color:#930;	}
#deleteselectvalue{    background: tomato none repeat scroll 0 0;


    border-radius: 6%;


    float: right;


    font-family: arial;


    margin-bottom: 14px;


    padding: 7px;}


	


	


	.checkboxdelete {


    float: left;


    padding-left: 19px;


    position: static;


    width: 31px;


}


	


		


	


.warningmsg {


   text-align: center;


border: 1px solid #4a433a;


background: #ed1c24;


font-size: inherit;


color: cornsilk;


padding: 10px;


  


}	
.login-panel {


    margin-top: 42% !important


}
.copy-box


{


	width:50%;


	float:left;


}


.copy-text


{


	display:inline;


}


.copy-box label


{


	width:100%;


}


.copy-btn


{


	background: #3a3d42;


    border: none;


    width: 100px;


    height: 36px;


    border-radius: 4px;


    color: #fff;


	cursor:pointer;


}


/*-----------------------------------*/


.pagebackcolor{  border:1px solid #e5e5e5 !important;}


.pagebackcolor .panel-heading{background:#fff !important;}


.pagebackcolor .text-right{ color:#000;}


.pagebackcolor span{ color:#000 !important;}
.commentbackcolor{border:1px solid #e5e5e5 !important;}


.commentbackcolor .panel-heading{background:#fff !important;}


.commentbackcolor .text-right{ color:#000;}


.commentbackcolor .pull-left{ color:#000 !important;}
.bannerbackcolor{border:1px solid #e5e5e5 !important;}


.bannerbackcolor .panel-heading{background:#fff !important;}


.bannerbackcolor .text-right{ color:#000;}


.bannerbackcolor .pull-left{ color:#000 !important;}
.howitworkcolor{border:1px solid #e5e5e5 !important;}


.howitworkcolor .panel-heading{background:#fff !important;}


.howitworkcolor .text-right{ color:#000;}


.howitworkcolor .pull-left{ color:#000 !important;}
.newsbackcolor{border:1px solid #e5e5e5 !important;}


.newsbackcolor .panel-heading{background:#fff !important;}


.newsbackcolor .text-right{ color:#000;}


.newsbackcolor .panel-footer{ color:#000 !important;}
.newslettercolor{border:1px solid #e5e5e5 !important;}


.newslettercolor .panel-heading{background:#fff !important;}


.newslettercolor .text-right{ color:#000;}


.newslettercolor .panel-footer{ color:#000 !important;}
.aboutmambercolor{border:1px solid #e5e5e5 !important;}


.aboutmambercolor .panel-heading{background:#fff !important;}


.aboutmambercolor .text-right{ color:#000;}


.aboutmambercolor .panel-footer{ color:#000 !important;}
.resultbackcolor{border:1px solid #e5e5e5 !important;}


.resultbackcolor .panel-heading{background:#fff !important;}


.resultbackcolor .text-right{ color:#000;}


.resultbackcolor .panel-footer{ color:#000 !important;}
.requestbackcolor{border:1px solid #e5e5e5 !important;}


.requestbackcolor .panel-heading{background:#fff !important;}


.requestbackcolor .text-right{ color:#000;}


.requestbackcolor .panel-footer{ color:#000 !important;}
.notificationbackcolor{border:1px solid #e5e5e5 !important;}


.notificationbackcolor .panel-heading{background:#fff !important;}


.notificationbackcolor .text-right{ color:#000;}


.notificationbackcolor .panel-footer{ color:#000 !important;}
.admitcardbackcolor{border:1px solid #e5e5e5 !important;}


.admitcardbackcolor .panel-heading{background:#fff !important;}


.admitcardbackcolor .text-right{ color:#000;}


.admitcardbackcolor .panel-footer{ color:#000 !important;}
.faqbackcolor{border:1px solid #e5e5e5 !important;}


.faqbackcolor .panel-heading{background:#fff !important;}


.faqbackcolor .text-right{ color:#000;}


.faqbackcolor .panel-footer{ color:#000 !important;}
.answerkeycolor{border:1px solid #e5e5e5 !important;}


.answerkeycolor .panel-heading{background:#fff !important;}


.answerkeycolor .text-right{ color:#000;}


.answerkeycolor .panel-footer{ color:#000 !important;}
.userwalletcolor{border:1px solid #e5e5e5 !important;}


.userwalletcolor .panel-heading{background:#fff !important;}


.userwalletcolor .text-right{ color:#000;}


.userwalletcolor .panel-footer{ color:#000 !important;}
.orderhistorycolor{border:1px solid #e5e5e5 !important;}


.orderhistorycolor .panel-heading{background:#fff !important;}


.orderhistorycolor .text-right{ color:#000;}


.orderhistorycolor .panel-footer{ color:#000 !important;}



.tiktik td a {color:#333;}
.page-header {font-family:Verdana, Geneva, sans-serif;font-size: 18px; font-weight:600;}
/*------------------------------------------------------------------------------------------*/
.navbar-default {


    background-color: #1f98d5;


    border-color: #e7e7e7;


}


.sidebar-nav.navbar-collapse {


  background: #1f98d5 !important;


   


}
.navbar-brand {font-family:Verdana, Geneva, sans-serif; color:#e6e6e6;}


.navbar-default .navbar-brand {


    background: #1f98d5;


    text-align: center;


    margin-left: 0;


    width: 265px;


}
.navbar-brand { 


  padding: 5px !important; 


}
/*------04-05-18 ---------*/
.table-views-btn a{background:#3094d0;


    border: none;


    width: 100px;


    height: 36px;


    border-radius: 4px;


    color: #fff;


    cursor: pointer; padding: 4px 8px;}
.panel-default .panel-heading {


    background: #4e6f82 none repeat scroll;



    border-left: 5px solid #d20c0c;


}


.form-horizontal .control-label {


    text-align: left;


    color: #000000;


    font-weight: normal;


}


.SA-login {


    background: url(../img/bgn-quote.jpg);


    background-repeat: no-repeat;


    background-size: cover;


}


.login-panel h1 {


  color: #000;


  font-weight: bold;


  text-transform: uppercase;
 
  font-family: initial;
  
  font-size:20px;


}
.SA-login .panel-title img {


	width:200px;


	padding:20px 0;


	


}


.SA-login .panel-default, .SA-login .panel-default .panel-heading {


	background:none;


}


.SA-login .panel-body {


	background:#fff;


}


.SA-login .panel-body {


    padding: 30px 15px;


    border-radius: 4px;


	box-shadow: 0px 0px 2px 2px #007dc6;


}


.SA-login .form-group label {


    font-weight: normal;


    color: #949393;


}


.SA-login .checkbox a {


    font-family: arial,sans-serif;


}


.SA-login .btn-success {


	background-color: #1f98d5;


    border-bottom-color: #1f98d5;


    border-left-color: #1f98d5;


    border-radius: 1px !important;


    border-top-color: #1f98d5;


	margin-right:7px;


}


.SA-login .form-control {


    height: 40px;


}
.error li {


    color: #ebf7f4;


    font-family: sans-serif,Georgia,sans-serif;


    font-size: 12px;


    margin-top: 9px;


}


.optionBox {


    display: table;


    clear: both;


    margin-top: 20px;


    width: 100%;


}


.optionBox p 
{
    width: 100%;
    float: left;
    margin-right: 1%; 
}


.optionBox label {


    width: 100%;


    float: left;


    padding-top: 11px;


}


.optionBox input {


    background: no-repeat;


    border-color: #d1c7ac;


    width: 100% !important;


}


.Product-Attribute {


	color: #8fd20c;


    font-size: 16px;


	margin-bottom: 5px !important;


}


.optionBox input[type=file] {


	padding: 10px !important;


}


.optionBox .block {


    display: table;


    background: #fff;


    clear: both;


    margin-bottom: 15px;


    padding: 10px;


	position:relative;


    width: 100%;


    border: solid 1px #c3c3c3;


}


.optionBox .blockelement {


    display: table;


    background: #fff;


    clear: both;


    margin-bottom: 15px;


    padding: 10px;


	position:relative;


    width: 100%;


    border: solid 1px #c3c3c3;


}


.optionBox .blocks {


    display: table;


    background: #fff;


    clear: both;


    margin-bottom: 15px;


    padding: 10px;


	position:relative;


    width: 100%;


    border: solid 1px #c3c3c3;


}

.optionBox .blockss {


    display: table;


    background: #fff;


    clear: both;


    margin-bottom: 15px;


    padding: 10px;


	position:relative;


    width: 100%;


    border: solid 1px #c3c3c3;


}


.optionBox .block .remove {


    position: absolute;


    top: 6px;


    right: 8px;


    border:solid 2px #b1b1b1;


    width: 30px;


    height: 30px;


    text-align: center;


    padding-top: 1px;


	cursor:pointer;


    border-radius: 50%;


}


.optionBox .blockelement .remove {


    position: absolute;


    top: 6px;


    right: 8px;


    border:solid 2px #b1b1b1;


    width: 30px;


    height: 30px;


    text-align: center;


    padding-top: 1px;


	cursor:pointer;


    border-radius: 50%;


}


.optionBox .blocks .remove {


    position: absolute;


    top: 6px;


    right: 8px;


    border:solid 2px #b1b1b1;


    width: 30px;


    height: 30px;


    text-align: center;


    padding-top: 1px;


	cursor:pointer;


    border-radius: 50%;


}


.optionBox .blockss .remove {


    position: absolute;


    top: 6px;


    right: 8px;


    border:solid 2px #b1b1b1;


    width: 30px;


    height: 30px;


    text-align: center;


    padding-top: 1px;


	cursor:pointer;


    border-radius: 50%;


}


.optionBox .More-Attribute {


    float: left;


    width: auto;


    background: #164884;


    cursor: pointer;


    color: #fff;


    border: none;


    border-radius: 25px;


	margin-bottom: 10px;


    padding: 10px 20px;


}


.form-horizontal .form-actions {


	padding-left:0px;


	margin-bottom: 20px;


}


.form-horizontal .form-actions .btn {


	padding-left:0px;


	background:#8fd20c;


    cursor: pointer;


    color: #fff;


    border: none;


    border-radius: 25px;


    padding: 10px 20px;


}


.form-horizontal .img-group {


	display:table;


	width:100%;


}


.form-horizontal .img-group img {


    float: left;


    width: 16.66%;


    padding-right: 1%;


    object-fit: cover;


}


.form-horizontal .img-group img:last-child {


    padding-right:0px;


}


.table-striped tbody tr .img-full img {


	width:50%;


	object-fit: cover;


}


.SA-login .login-panel .panel-heading {


	border:none;


}.addbuttton {


    text-align: center;


    float: right;


    background: #b3c921;


    padding: 13px;


    margin: -10px;


    font-size: 15px;


    color: #fff;


    border-radius: 64%;


    font-weight: bold;


}

.addbutttons {
    text-align: center;
    float: right;
    background: #1f98d5;
    padding: 10px 20px;
    margin: -8px 0px 0px;
    float: right;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    font-weight: bold;
}


.verify_button {



  background: #00c698;



  padding: 7px 7px 6px 8px;



  text-align: center;



  margin-top: 0px;



  position: absolute;



  border-radius: 9%;



  font-weight: bold;



}


.profile_image {



  width: 7%;



  border-radius: 9%;



  box-shadow: 0px 0px 1px 5px #123cbb;



}


.profile_signature {



    width: 14%;



	border-radius: 9%;



	box-shadow: 0px 0px 1px 3px #123cbb;



	height: 106px;



	margin-bottom: 20px;



	margin-top: 9px;



}


.profile_view_signature {



    width: 14%;



	border-radius: 9%;



	box-shadow: 0px 0px 1px 3px #123cbb;



	height: 106px;

	margin:9px 0px 0px 27px;



 



}

.page_title {



  background: #0d486b;



  display: -webkit-inline-box;



  width: 98%;



  margin-left: 17px;



  text-align: match-parent;



  font-size: 19px;



  padding: 9px;



  color: #fff;



}



.cartified{ color:#900;}
.download_button {

  background: cadetblue;

  padding: 12px;

  margin-top: 23px;

  float: left;

  margin-bottom: 23px;

}



.download_button:hover {

	color:#fff;

	background:#4e6f82 ;

}

.print_button a {
  background: #0b7b9d;
  padding: 9px 47px;
  margin-top: 32px;
  float: left;
  margin-bottom: 48px;
  margin-left: 16px;
  border-radius: 6%;
}
.print_button a:hover{  color:#fff !important;
}
.cartified_download{
background: #0b7b9d;
padding: 9px 16px; 
float: left; 
margin-left: 1px;
border-radius: 6%;
text-align: center;
}
.cartified_download:hover{  color:#fff !important;
}
.form-actions.buttons {
  margin-top: 60px;
  text-align: center;
  margin-bottom: 69px;
}
.fr_form {
	float:right;
	margin-bottom:15px;
 
}
.fr_go {
	background:#00D;
	color:#fff;
	margin:7px 0px;
	padding:5px;
}
 .page-pagination {
	list-style:none;
	margin-left:158px;
	margin-top:30px;
}
.page-pagination li a {
	    padding: 10px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    color: #2187c3;
    border: 1px solid #2187c3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
   /* margin: 3px;*/
	float:left;

}
.page-pagination li a:hover, .page-pagination li a.active {
    background: #2187c3;
    color: #ffffff;
}
.page-pagination .disabled:hover {
    background: #2187c3;
    color: #ffffff;
}
.page-pagination .disabled {
  
    color: #2187c3;
}
.page-pagination > .active > a, .page-pagination > .active > a:focus, .page-pagination > .active > a:hover, .page-pagination > .active > span, .page-pagination > .active > span:focus, .page-pagination > .active > span:hover {
    background-color: #2187c3;
    border-color: #2187c3;
    border-radius: 0 !important;
    color: #ffffff;
    cursor: default;
    z-index: 3;
}
.showselect {
    float: left;
    padding: 10px;
}
.selectstudent {
    float: left;
    width:5%;
    margin-bottom: 30px;
    margin-right: 10px;
    background: #fff;
    border: none !important;
    height: 35px !important;
}
.showselects {
    float: right;
    padding: 0px;
}
.showselects .selectstudentss {
    width: 34%;
    float: right;
	border:1px solid #d1c7ac;
    /* margin-left: 111px;
}