@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body{
  align-items:center;
  }
.EmailUs{
	padding: 10px;
	width: 100%;
}
.comment{
	width: 100%;
	resize: none;
	height: 80px;
	outline: none;
}
.main {
  border: 1px solid rgba(0,0,0,.2);
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border-radius: 15px;
   /* border-top-right-radius: 15px;*/
  margin-bottom: 1em;
  width: 90%;
}
.img_center{
  margin: auto;
}
.fnt16{
  font-size: 16px;
  color:#011b68;;
}
#content1, #content2, #content3, #content4, #content5, #content6, #content7 {
  display: none;
  border-top: 1px solid #abc;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7 {
  display: none;
}

.labl {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 700;
  text-align: center;
  color: #011b68;
  border: 1px solid transparent;
}
.labl:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.labl:hover {
  color: #789;
  cursor: pointer;
}

input:checked + .labl {
  color: #0af;
  border: 1px solid #abc;
  border-top: 2px solid #0af;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4, 
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
  display: block;
}
@media (max-width: 768px) {
.labl {
  display: block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 700;
  text-align: center;
  color: #011b68;
border: 1px solid transparent;
}

  input:checked + .labl {
  color: #0af;
  border: none;
  border-top: none;
  border-bottom: 1px solid #fff;
}
}
.msg{
padding: 10px;
text-align: center;
}
.remarks{
  font-size: 20px;
  color: #011b68;
}
.remark{
  margin-top: 20px;
  font-size: 20px;
  color: #011b68;
}
.subject{
  margin-top: 20px;
  font-size: 16px;
  color: #011b68;
}
.sendBtn{
  padding: 6px 24px;
}
.grid-margin {
    margin-bottom: 1.875rem;
}
.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}
.stretch-card > .card {
    width: 100%;
    min-width: 100%;
}
.card {
    border: 0;
    box-shadow: 6px 11px 41px -28px #a99de7;
    -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
    -moz-box-shadow: 6px 11px 41px -28px #a99de7;
    -ms-box-shadow: 6px 11px 41px -28px #a99de7;
      position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f3f3f3;
    border-radius: 0.625rem;
}
.bg-gradient-primary {
    background: linear-gradient(230deg, #759bff, #843cf6);
}
.bg-gradient-danger {
    background: linear-gradient(316deg, #fc5286, #fbaaa2);
}
.bg-gradient-warning {
    background: linear-gradient(135deg, #ffc480, #ff763b);
}
.bg-gradient-info {
    background: linear-gradient(to bottom, #0e4cfd, #6a8eff);
}
.card .card-body {
    padding: 1.88rem 1.81rem;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.text-white {
    color: #ffffff;
}
.dashboard_icon{
  font-size: 28px;
}
.notification_icon{
  font-size: 30px;
  padding-right: 25px;
}
.settings_icon{
  font-size: 30px;
  padding-right: 12px;
}
.account_icon{
  font-size: 30px;
  padding-right: 3px;
}
@media (min-width: 1200px) {
.col-lg-left{
  margin-left: 12.333333%;
}
}
@media (min-width: 768px) {
.account_vendor{
	margin-top: -4% !important;
	position: relative;
	top: 85px;
	left: 3%;
	z-index:1;
}
}
.display_table{
  border: 1px solid #021766;
  margin-top: 25px;
}
@media (min-width: 992px){
.modal-lg {
    width: 1250px;
}
}