#main-container{
  margin-left: 300px; padding-bottom: 72px; padding-top: 62px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
}

.page-title-section{ padding: 15px; background: rgba(255,255,255,.8); border-top: 1px solid #ddd;}
.page-title-section .main-title{ padding: 0px; text-align: center;}

.main-tabs-holder{ }
.main-tabs-holder .nav-tabs{ background: #fff; text-align: center; display: block; border: 0px;}
.main-tabs-holder div.nav-tabs{ padding: 15px;}
.main-tabs-holder .tab-top-section{}
.main-tabs-holder .tab-top-section .go-back-link{ position: relative; margin-top: -7px;}
.main-tabs-holder .tab-top-section .go-back-link i{ font-size: 1.5rem; position: relative; top: 4px;}
.main-tabs-holder .tab-top-section .btn.float-right{ top: 0px; margin-bottom: 0px;}

.main-tabs-holder .nav-tabs li{ display: inline-block; float: none; margin: 0px; padding: 0 15px}
.main-tabs-holder .nav-tabs li a{ text-shadow: none; padding: 12px 12px 8px; border-bottom: 4px solid #fff; font-size: 14px; color: #657182; font-weight: 400; display: inline-block;}
.main-tabs-holder .nav-tabs li a i{ color: #b1bbc9; margin-right: 10px; font-size:18px; position:relative; top:2px;}
/*.main-tabs-holder .nav-tabs li a svg{ fill: #b1bbc9; margin-right: 10px; font-size: 18px; position: relative; top: 10px; width: 30px !important; height: auto;}*/
.main-tabs-holder .nav-tabs li .svg{ display: block; width: 28px; height: 28px; cursor: pointer; background-color: #b1bbc9;
  -webkit-mask: url(../img/dumbbell.svg) no-repeat 50% 50%; mask: url(../img/dumbbell.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; position: relative; top: 10px; margin-right: 10px; display: inline-block;}
.main-tabs-holder .nav-tabs li a.active .svg{ background-color: #ff9000}
.main-tabs-holder .nav-tabs li a.active, .main-tabs-holder .nav-tabs li.active a, .main-tabs-holder .nav-tabs li.active a:hover, .main-tabs-holder .nav-tabs li.active a:focus, .main-tabs-holder .nav-tabs li.active a:active{ color: #ff9000; border-bottom: 4px solid #ff9000 !important;}
.main-tabs-holder .nav-tabs li a.active i, .main-tabs-holder .nav-tabs li.active a i{ color: #ff9000;}
.main-tabs-holder .nav-tabs li a.active svg{ fill: #ff9000;}
.main-tabs-holder .tab-content.holder{ padding: 10px 20px;}

.tab-top-section{}
.tab-top-section:after{ content: ""; display: block; clear: both; width: 100%}
.tab-top-section .btn.float-right{ position: relative; top: -10px; margin-bottom: 15px;}

.panel{ background: #fff; border-radius: 4px; margin-bottom: 25px; padding: 15px 30px; padding: 20px 30px 15px}
.panel .user-info{ border-bottom: 1px dashed #dde2e5; padding-bottom: 26px}
.panel .user-info .user-img{ padding-top: 13px; padding-bottom: 12px}
.panel .user-info .user-img img{ display: block; margin: auto; width: 120px; border-radius: 100%}
.panel .user-info h5{ padding: 0px; margin: 0px; font-size: 22px; color: #2f3849; font-weight: 400;}
.panel .user-info h5 span{ color: #909eaa; font-size: 14px; display: block; padding-top: 4px}
.panel .user-info h5 span a{ color: #068ad0}

.content-block{ margin-bottom: 10px;}

.content-block .title{ color: #2f3849; font-size: 18px; font-weight: 500; padding: 0 0 18px; margin: 0px;}
.content-block .info-holder{ padding: 0 0 18px; word-wrap: break-word;}
.content-block .info-holder label{ color: #909eaa; font-size: 14px; font-weight: 400; display: block; margin: 0px;}
.content-block .info-holder span{ color: #2f3849; font-size: 15px; font-weight: 400; display: block; padding-top: 5px}
.content-block .info-holder span.nt-avial{ color: #909eaa;}

.dependents{}
.dependents .dependent{ float: left;}
.dependents .dependent {padding:0 15px 20px 15px;}
.dependents .dependent .user-img{ width: 60px; margin: auto; display: inline-block;}
.dependents .dependent .user-img img{ width: 100%; border-radius: 100%;}
.dependents .dependent h5{ padding: 15px 0 0px; margin: 0px; color: #2f3849; font-size: 15px; font-weight: 400;}
.dependents .dependent h5 span{ display: block; color: #2f3849; font-size: 12px; font-weight: 400; padding: 3px 0 0}
.insurances .info-holder{ padding: 0 0 18px !important;}
.left-section .content-block{ border-bottom: 1px dashed #dde2e5;}
.left-section .content-block:last-child{ border-bottom: 0px; margin-bottom: 0px;}
.right-content-section{}
.right-content-section .col-md-4 .info-holder:last-child{ padding-bottom: 0px;}

.no-data{}
.no-data i{ display: block; color: #f0f2f5; font-size: 20px;}
.no-data span{ display: block; color: #909eaa; font-size: 15px; font-weight: 400; padding-top: 10px;}

.main-tabs-holder{ position: relative;}
.tab-toggle-menu{ cursor:pointer; position: absolute; left: 20px; top: 24px; background: #fff; width: 25px; padding: 0px; border: 0px; z-index: 1; display: none}
.tab-toggle-menu .icon-bar{ width: 100%; height: 3px; background: #ff9000; display: block; margin-bottom: 5px;}
.tab-toggle-menu .icon-bar:last-child{ margin-bottom: 0px;}

@media (max-width:767px) {

.main-tabs-holder .nav-tabs{ display: none;}
.main-tabs-holder .top-ul{ background: #fff; position: relative; padding: 20px 0;}
.main-tabs-holder .top-ul .navbar-toggle{ cursor:pointer; position: absolute; left: 20px; top: 24px; background: #fff; width: 25px; padding: 0px; border: 0px; z-index: 1}
.main-tabs-holder .top-ul .navbar-toggle .icon-bar{ width: 100%; height: 3px; background: #ff9000; display: block; margin-bottom: 5px;}
.main-tabs-holder .top-ul .navbar-toggle .icon-bar:last-child{ margin-bottom: 0px;}
.main-tabs-holder .top-ul .mobile-menu{ width: 100%;}
.main-tabs-holder .top-ul .mobile-menu ul{ margin: 0px; padding: 0px;}
.main-tabs-holder .top-ul .mobile-menu ul li.active{ text-align: center;}
.main-tabs-holder .top-ul .mobile-menu ul li.active a{ font-size: 18px; color: #ff9000; font-weight: 500;}
.main-tabs-holder .top-ul .mobile-menu ul li i{ margin-right: 10px;}
.main-tabs-holder .top-ul .mobile-menu ul li.openable{ position: relative;}
.main-tabs-holder .top-ul .mobile-menu ul li a{ display: block}
/* .main-tabs-holder .top-ul .mobile-menu ul li.openable:after{ font-size:22px; content: "\f0d7"; position: absolute; right: 20px; top: -2px; color: #d4dfe3; font-family:'Font Awesome 5 Regular';font-style:normal;font-weight:400;} */
/* .main-tabs-holder .top-ul .mobile-menu ul li.openable.open:after{ transform: rotate(-180deg);} */
.main-tabs-holder .top-ul .mobile-menu ul li.openable .sort-down-sub{ font-size:22px; content: "\f0d7"; position: absolute; right: 0px; top: 15px; color: #d4dfe3;font-weight:400;}
.main-tabs-holder .top-ul .mobile-menu ul li.openable .sort-up-sub{ font-size:22px; content: "\f0d7"; position: absolute; right: 0px; top: 25px; color: #d4dfe3;font-weight:400;}
.main-tabs-holder .top-ul .mobile-menu ul li .submenu{}
.main-tabs-holder .top-ul .mobile-menu ul li .submenu li{ padding: 15px 20px; border-bottom: 1px solid #f0f2f5; text-align: left;}
.main-tabs-holder .top-ul .mobile-menu ul li .submenu li a{ color: #657182; font-size: 16px; }
.main-tabs-holder .top-ul .mobile-menu ul li .submenu li a i{ color: #b1bbc9; font-size: 16px;}
.main-tabs-holder .top-ul .mobile-menu ul li .submenu li a .svg{ display: block; width: 30px; height: 30px; cursor: pointer; background-color: #b1bbc9;
  -webkit-mask: url(../img/dumbbell.svg) no-repeat 50% 50%; mask: url(../img/dumbbell.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; position: relative; top: 10px; margin-right: 10px; display: inline-block;}
.main-tabs-holder .top-ul .mobile-menu ul li .submenu li:last-child{ border-bottom: 0px;}

}
@media (max-width:1024px) {
  .tab-toggle-menu{ display: block;}
  .main-tabs-holder .top-ul .nav.nav-tabs{ padding: 0 50px}
}


a:focus{ outline: none!important; border: 0px!important; box-shadow: none!important;}

@media (max-width:767px) {
  .main-tabs-holder .tab-content.holder{ padding: 30px 15px;}
  #main-container {
    margin-left: 0
  }

  #wrapper.sidebar-hide #main-container{
    left: 300px;
    right: -300px
  }
}