@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src:url(../fonts/playfair-display/PlayfairDisplay-Bold.otf);
}
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src:url(../fonts/playfair-display/PlayfairDisplay-Regular.otf);
}

@font-face {
    font-family: 'Oswald-Regular';
    src:url(../fonts/oswald/Oswald-Regular.ttf);
}
.acnt_head {
    /*background-color: #00b788;*/
    box-shadow: 0 0 7px 1px grey;
}

.acnt_head_menu {
    padding: 0;
    text-align: center;
    margin: 0;
}

.acnt_head_menu > li {
    display: inline-block;
}

.acnt_head_menu a {
    border-bottom: 4px solid transparent;
    color: #ffffff;
    display: block;
    font-size: 15px;
    padding: 18px 8px;
    transition: all 300ms ease 0s;
}

.acnt_head_menu a:hover {
    border-color: #ffd500;
    text-decoration: none;
    transition: all 300ms ease 0s;
}

.a_actvmn {
	border-bottom: 4px solid #ffd500 !important;
}

.acnt_head_menu > li {
    display: inline-block;
    padding: 0 25px;
}

.acnt_tm_d {
    margin: 0;
    padding: 0;
    text-align: right;
}

.acnt_tm_d > li {
    color: #bbbbbb;
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    padding: 23px 0 0;
    vertical-align: middle;
}

.s_img_win {
    /*border: 12px solid #24dc7a;*/
    border-radius: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 400px;
}

.s_img_win img {
    height: 100%;
    width: 100%;
}

.s_dtl1 h1 {
    font-family: 'PlayfairDisplay-Bold';
    font-size: 32px;
    font-weight: 500;
}

.s_dtl1 span {
    /*color: #aaaaaa;*/
    font-size: 20px;
}

.s_dtl1 p {
	margin: 2px 0;
}

.s_dtl2_lst {
    padding: 0;
}

.s_dtl21 {
    line-height: 0.9;
    padding: 24px 30px 30px;
    text-align: center;
}

.s_dtl21 > p {
    color: #000000;
    font-size: 23px;
    margin: 0 0 4px;
	font-family: 'PlayfairDisplay-Bold';
}

.s_dtl21_t1 {
    font-weight: 600;
    line-height: 1.1;
    padding: 3px 0 0;
	font-family: 'Oswald-Regular' !important;
	
}

.am_t2 {
    margin-top: 40px;
}

.bb1 {
    border-bottom: 1px solid #e1e2e2;
}

.bb3 {
    border-right: 1px solid #e1e2e2;
}

.s_dtl2np {
	padding: 0;
}

.s_dtl2 {
    box-shadow: 0 2px 6px 0 grey;
    padding: 30px;
}

.am_r {
    padding: 0 8% 0 0;
}

.s_dtl2 {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 6px 0 grey;
    margin:9% 0 0;
    padding: 23px 36px 0;
}

/*.acnt_main {
    background-image: url("../images/Group_1.png");
    background-position: -142px -129px;
    background-repeat: no-repeat;
    background-size: 50% auto;
    padding: 0 0 57px;
}*/


.acnt_main {
    padding: 0 0 57px;    
    background-position: -142px -129px;
    background-repeat: no-repeat;
    background-size: 50% auto;}

.wrap_account {
    /*background-image: url("../images/Ellipse_11.png");*/
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 15% auto;
}



/*inward css*/
.section-inward{padding:40px 0;}
.panel-inward {
  border: medium none;
  box-shadow: 0 0 12px 0 hsl(0, 0%, 67%);
  background-color:rgba(255, 255, 255,0.8);
  border-radius:0;
  position:relative;
}
.panel-inward .nav-tabs {
  background-color: hsl(270, 91%, 48%);
  border: medium none;
  left: -18px;
  padding: 10px;
  position: absolute;
  top: -23px;
  width: 28%;
}
.panel-inward .nav-tabs li a{border-radius:0;padding: 14px 45px; color:#fff;}
.panel-inward .nav-tabs > li.active > a,.panel-inward .nav-tabs > li.active > a:focus,.panel-inward .nav-tabs > li.active > a:hover{border:none !important; background-color:#f0458a; color:#fff;}
.panel-inward .nav > li > a:focus,.panel-inward  .nav > li > a:hover {
 background-color:#f0458a;
  text-decoration: none;
  color:#fff;
  border-color:#f0458a;
}
.table-inward tr th{background-color:#f2f2f2;font-weight: normal; border-bottom:none !important;padding:12px;}
.table-inward{background-color:#f2f2f2; border:1px solid #f2f2f2;border-collapse:separate; 
  border-spacing: 0 2px;}
.panel-inward .tab-content {
  padding: 60px 10px 12px;
}
.table-inward > tbody > tr > td{ background-color:#fff; border-bottom:1px solid #ddd; border-top:none;padding:12px;}
.table-inward tbody tr { margin-bottom:5px;}

.add-btn {
  background-color: hsl(270, 91%, 48%);
  border: medium none;
  padding: 13px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -23px;
  width: 18%;
}
.add-btn img {
  width: 22px;
}
.add-btn span {
  color: hsl(0, 0%, 100%);
  padding: 0 15px;
  position: relative;
  top: 2px;
}
 .scrollbar {
  max-height: 450px;
  min-height: 450px;
}
.form-inward .form-group .form-control{height:40px; border:1px solid #7b0be8;}
.form-inward .form-group .form-control:focus {
  border-color: #7b0be8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(123, 11, 232, 0.6);
  }
.form-inward .form-group .form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form-inward .form-group .nice-select{height: 40px;border:1px solid #7b0be8;}
.form-inward .form-group .nice-select::after {
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  height: 7px;
  width: 7px;
}
.form-inward .form-group .nice-select .list{min-width: 100%;border:1px solid #7b0be8;}
.form-inward .form-group textarea.form-control {
  height: 200px !important;
}
.btn-clear{background-color:#fff; border:1.5px solid #f0458a; color:#f0458a; border-radius:0;padding: 13px 90px;}
.btn-save{background-color:#7c0de9; border-color:#7c0de9; color:#fff; border-radius:0;padding: 13px 90px;}
.footer-btn {
  margin: 30px 0 10px;
  text-align: right;
}


.btn-clear:hover , .btn-clear:focus , .btn-clear:active {
  background-color: #f0458a; color: #ffffff;
}

.btn-save:hover , .btn-save:focus , .btn-save:active {
  background-color: #f0458a; color: #ffffff; border-color: #f0458a;
}


.add-link{display:block; background-color:#f0458a;}
.add-btn-pink{padding:0;}
.add-link {
  background-color: hsl(336, 85%, 61%);
  display: block;
  height: 50px;
  padding: 13px;
  text-align: center;
  width: 165px;
}

.inward_block {
    padding: 48px 0 22px;
}

.inward_block .tab-content > .tab-pane {
	overflow: hidden;
}

/*inward css end*/




/* ----------media query --------------*/

@media (min-width: 320px) and (max-width: 767px){


.acnt_head_menu > li {
    padding: 0 4px;
   }

.acnt_tm_d > li {
   	font-size: 13px;
   }


.s_dtl1 h1 {
    font-size: 32px;
}


.bb3 {
    border-right: medium none;
    border-bottom: 1px solid #e1e2e2;
}


.am_r {
    padding: 0 15px;
}

.s_dtl21 {
    padding: 24px 30px 18px;
   }


.s_dtl1 {
    text-align: center;
}


.panel-inward .nav-tabs{
  padding: 4px;
  width: auto;
}

.panel-inward .nav-tabs li a {
  padding: 3px 10px;
}

.add-btn {
  width: auto;
  top: 10px;
  padding: 8px 13px;
}

.add-btn-pink {
    padding: 0;
}

.add-link {
  width: auto;
  padding: 6px 7px;
  height: auto;
}

.btn-clear {
  padding: 6px 23px;
}

.btn-save {
  padding: 6px 23px;
}

#inward .nice-select.select {
    margin-bottom: 15px;
}

#inward .form-inward .form-group {
    margin-bottom: 0;
}

#inward  .form-inward .form-group .form-control {
     margin-bottom: 15px;
}

.form-inward {
    padding-top: 30px;
}


}

@media (min-width: 768px) and (max-width: 1199px){


.panel-inward .nav-tabs {
  width: auto;
}

.panel-inward .nav-tabs li a {
  padding: 14px 19px;
}

.add-btn {
  width: auto;
}

.s_dtl21 > p {
    font-size: 18px;
}









  }