@font-face {
     font-family: 'Conv_American Captain';
     src: url('fonts/American Captain.eot');
     src: local('☺'), url('fonts/American Captain.woff') format('woff'), url('fonts/American Captain.ttf') format('truetype'), url('fonts/American Captain.svg') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Conv_hellodenverdisplayregular_v1.6';
     src: url('fonts/hellodenverdisplayregular_v1.6.eot');
     src: local('☺'), url('fonts/hellodenverdisplayregular_v1.6.woff') format('woff'), url('fonts/hellodenverdisplayregular_v1.6.ttf') format('truetype'), url('fonts/hellodenverdisplayregular_v1.6.svg') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 @font-face  {
    font-family: "Big Shoulders Display", sans-serif;
    font-optical-sizing: auto;
  }
 .sidebar {
     background-color: #00134d
 }

 .header-highlight .navbar-header:not([class*=bg-]) {
     background-color: #263238;
     -webkit-box-shadow: 0 0 0 0 transparent inset, 0 0 0 rgba(255, 255, 255, .1) inset;
     box-shadow: 0 0 0 0 transparent inset, 0 0 0 rgba(255, 255, 255, .1) inset
 }

 .header-highlight .navbar-header:not([class*=bg-]) {
     background-color: #00134d
 }

 .navigation>li.active>a,
 .navigation>li.active>a:focus,
 .navigation>li.active>a:hover {
     background-color: #00134d;
     color: #fff
 }

 .navbar-brand {
     float: left;
     padding: 2px 23px;
     font-size: 14px;
     line-height: 20px;
     height: 44px
 }

 .navigation>li>a {
     color: #fff
 }

 .media-heading {
     margin-bottom: 2px;
     margin-top: 10px;
     display: block
 }

 .panel.panel-white {
     background-color: #fff
 }

 .icon-push {
     color: #454e59;
     font-size: 13px
 }

 .account-span {
     display: block;
     color: #fa4356;
     font-size: 16px
 }

 body.navbar-top {
     color: #222
 }

 .panel-flat>.panel-heading {
     padding-top: 10px;
     padding-bottom: 10px
 }

 .btn-1 {
     background-color: #00134d;
     width: 150px;
     color: #fff;
     font-weight: 700;
     letter-spacing: 1px
 }

 .btn-1:hover {
     background-color: #00134d;
     width: 150px;
     color: #fff;
     font-weight: 700;
     letter-spacing: 1px
 }

 .btn-2 {
     margin: 2% 0;
     background-color: #00134d;
     width: 150px;
     color: #fff;
     font-weight: 700;
     float: right;
     letter-spacing: 1px
 }

 .btn-2:hover {
     margin: 2% 0;
     background-color: #00134d;
     width: 150px;
     color: #fff;
     font-weight: 700;
     float: right;
     letter-spacing: 1px
 }

 .authorize-div {
     margin: 1% 0
 }

 .add-area {
     margin: 0;
     padding: 0 0 40% 0;
     position: relative
 }

 .add-area .add-div {
     margin: 0;
     padding: 0;
     position: relative
 }

 .add-area .add-card {
     margin: 0 auto;
     padding: 0;
     background-color: #fafafa
 }

 .add-area .add-card.add-cardboard {
     width: 100%
 }

 .add-area .facebook-ads {
     margin: 0 auto;
     padding: 0;
     text-align: center
 }

 .add-area .facebook-ads img {
     margin: 0 auto;
     padding: 10% 10% 10% 10%;
     text-align: center;
     vertical-align: middle
 }

 .add-area .alert-danger {
     margin: 0;
     color: #17466b;
     background-color: #dcd9d7;
     border: none;
     font-size: 16px;
     border-radius: 0
 }

 .add-area .alert-dismissable .close,
 .alert-dismissible .close {
     position: relative;
     top: 2px;
     right: 0;
     color: #000 !important;
     font-size: 20px;
     font-weight: 700
 }

 .add-area .border-ads {
     margin: 0 auto 5% auto;
     text-align: center;
     height: 6px;
     width: 80%;
     background-color: #dcd9d7;
     border-radius: 5px
 }

 .page-header+.content {
     padding-top: 0;
     padding-bottom: 5%
 }

 .pagination-div {
     padding: 15px 0 10px 0;
     background-color: #fff;
     display: block;
     float: right
 }

 .top-section {
     margin: 0;
     padding: 0;
     position: relative
 }

 .top-section .page-header {
     margin: 0;
     padding: 0;
     border-bottom-width: 0
 }

 .top-section .page-header-content {
     background-color: #fff;
     padding: 0 20px;
     margin: 0 0 10px 0
 }

 .top-section .page-title {
     padding: 30px 0 28px 0
 }

 .top-section .heading-elements {
     background-color: #fff;
     position: relative
 }

 .top-section .panel-body {
     padding: 10px 20px
 }

 .top-section .col-20 {
     width: 19%;
     display: inline-block;
     position: relative;
     margin: 4px 0;
     padding: 0 2px;
     line-height: 1.4;
     float: left
 }

 .top-section .panel {
     margin-bottom: 0;
     border-color: #baaf50;
     text-align: center
 }

 .h6.panel-title,
 .top-section h6.panel-title {
     font-size: 16px
 }

 .top-section .heading-btn-group-div li {
     float: left;
     margin: 0 auto;
     padding: 0;
     text-align: center;
     display: inline-block;
     width: 20%;
     border: 0 solid #ccc
 }

 .top-section .img-top {
     width: 40%
 }

 .bg-white-custom-p {
     background-color: #fff;
     padding: 0
 }

 .panel>.table-responsive>.table {
     border: 1px solid #ddd
 }

 .padding-10 {
     padding: 0 20px
 }

 body {
     font-family: Montserrat, sans-serif !important;
     font-weight: 400
 }

 .navigation>li>a {
     padding: 15px 20px 20px 20px;
     height: 50px
 }

 .navigation>li>a>span {
     padding: 0;
     display: block;
     letter-spacing: .1px;
     text-transform: capitalize
 }

 .navigation>li>a>span.p0 {
     padding-top: 0 !important
 }

 .navigation li a>i {
     top: -3px
 }

 .navigation li a {
     color: #fff;
     font-weight: 400
 }

 .navigation>li ul li a {
     padding: 10px 20px;
     padding-left: 75px
 }

 .navigation>li>ul>li>ul>li>a {
     padding-left: 90px
 }

 .nav-header-div {
     background-color: #00134d;
     height: 91px;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 5555555
 }

 .setting-i {
     font-size: 22px !important;
     color: #fdb413
 }

 .sidebar {
     position: fixed;
     width: 340px;
     max-height: 100%;
     overflow-y: scroll;
     top: 91px;
     bottom: 91px;
     margin-bottom: -91px;
     z-index: 99999
 }

 .sidebar-xs .sidebar {
     overflow: inherit !important
 }

 .sidebar-section {
     display: table-cell;
     vertical-align: top;
     width: 340px;
     z-index: 99;
     position: relative
 }

 .sidebar-div .sidebar-user {
     background-color: #000924
 }

 .sidebar-div .sidebar-user .category-content {
     position: relative;
     padding: 25px 20px 27px 20px;
     margin-top: -1px 0 0 0;
     border-bottom: 1px solid #546188;
     border-top: 1px solid #546188
 }

 .sidebar-xs .sidebar-main {
     width: 100px
 }

 .sidebar-xs .sidebar-main .navigation-main>li>a>i {
     margin: 2px auto;
     display: block;
     float: left;
     text-align: center;
     width: 100%;
     font-family: Montserrat, sans-serif !important
 }

 .sidebar-xs .sidebar-main .navigation-main>li>ul {
     background-color: #000924
 }

 .sidebar-xs .sidebar-main .navigation-main>li:hover>a.has-ul:hover>span {
     display: block !important
 }

 .sidebar-xs .sidebar-main .navigation-main>li .has-ul>span:hover {
     display: block !important
 }

 .sidebar-user+.sidebar-category .navigation {
     padding-top: 0
 }

 .sidebar-content:focus {
     outline: 0
 }

 .scroll-wrapper {
     overflow: hidden !important;
     padding: 0 !important;
     position: relative
 }

 .scroll-wrapper>.scroll-content {
     border: none !important;
     box-sizing: content-box !important;
     height: auto;
     left: 0;
     margin: 0;
     max-height: none;
     max-width: none !important;
     overflow: scroll !important;
     padding: 0;
     position: relative !important;
     top: 0;
     width: auto !important
 }

 .scroll-wrapper>.scroll-content::-webkit-scrollbar {
     height: 0;
     width: 0
 }

 .scroll-element {
     display: none
 }

 .scroll-element,
 .scroll-element div {
     box-sizing: content-box
 }

 .scroll-element.scroll-x.scroll-scrollx_visible,
 .scroll-element.scroll-y.scroll-scrolly_visible {
     display: block
 }

 .scroll-element .scroll-arrow,
 .scroll-element .scroll-bar {
     cursor: default
 }

 .scroll-textarea {
     border: 1px solid #ccc;
     border-top-color: #999
 }

 .scroll-textarea>.scroll-content {
     overflow: hidden !important
 }

 .scroll-textarea>.scroll-content>textarea {
     border: none !important;
     box-sizing: border-box;
     height: 100% !important;
     margin: 0;
     max-height: none !important;
     max-width: none !important;
     overflow: scroll !important;
     outline: 0;
     padding: 2px;
     position: relative !important;
     top: 0;
     width: 100% !important
 }

 .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
     height: 0;
     width: 0
 }

 .content {
     max-width: 1200px
 }

 .content .demo {
     border: 1px solid #ccc
 }

 .content .demo .inner-content {
     border: 1px solid #ccc;
     max-height: 170px;
     width: 600px
 }

 .content .demo>div {
     max-height: 250px;
     overflow: auto
 }

 .content .demo .permanent {
     min-width: 800px
 }

 .controls {
     padding: 0 0 10px
 }

 .controls span {
     cursor: pointer;
     padding: 2px 8px
 }

 .controls span.active {
     background: #4698ce;
     color: #fff;
     cursor: default
 }

 .prettyprint ol.linenums>li {
     list-style-type: decimal
 }

 #lorem-ipsum {
     display: none
 }

 .scrollbar-macosx>.scroll-element,
 .scrollbar-macosx>.scroll-element div {
     background: 0 0;
     border: none;
     margin: 0;
     padding: 0;
     position: absolute;
     z-index: 10
 }

 .scrollbar-macosx>.scroll-element div {
     display: block;
     height: 100%;
     left: 0;
     top: 0;
     width: 100%
 }

 .scrollbar-macosx>.scroll-element .scroll-element_track {
     display: none
 }

 .scrollbar-macosx>.scroll-element .scroll-bar {
     background-color: #6c6e71;
     display: block;
     opacity: 0;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px;
     -webkit-transition: opacity .2s linear;
     -moz-transition: opacity .2s linear;
     -o-transition: opacity .2s linear;
     -ms-transition: opacity .2s linear;
     transition: opacity .2s linear
 }

 .scrollbar-macosx:hover>.scroll-element .scroll-bar,
 .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
     opacity: .7
 }

 .scrollbar-macosx>.scroll-element.scroll-x {
     bottom: 0;
     height: 0;
     left: 0;
     min-width: 100%;
     overflow: visible;
     width: 100%
 }

 .scrollbar-macosx>.scroll-element.scroll-y {
     height: 100%;
     min-height: 100%;
     right: 0;
     top: 0;
     width: 0
 }

 .scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
     height: 7px;
     min-width: 10px;
     top: -9px
 }

 .scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
     left: -9px;
     min-height: 10px;
     width: 7px
 }

 .scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
     left: 2px
 }

 .scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
     left: -4px
 }

 .scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
     top: 2px
 }

 .scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
     top: -4px
 }

 .scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
     left: -11px
 }

 .scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
     top: -11px
 }

 .sidebar-xs .sidebar-div .sidebar-user .category-content {
     padding: 25px 20px
 }

 .minimize-span {
     display: none
 }

 .sidebar-xs .minimize-span {
     padding: 10px 5px;
     display: block;
     font-size: 10px;
     text-align: center;
     width: 100%;
     font-weight: 300;
     letter-spacing: 1px;
     line-height: 1.2;
     text-transform: capitalize
 }

 .sidebar-xs .navigation>li>a {
     padding: 10px 0 20px 0;
     height: 73px
 }

 .sidebar-xs .navigation>li:first-child>a {
     padding-top: 15px
 }

 .sidebar-xs .sidebar-main .navigation-main>li.single_li>a>span {
     display: none !important
 }

 .sidebar-xs .sidebar-main .navigation-main>li>a.has-ul:hover>span {
     display: inline-block !important
 }

 .sidebar-xs .sidebar-main .navigation-main>li>ul.scrollbar-div {
     min-height: 225px;
     height: 225px;
     max-height: 260px;
     overflow-x: scroll
 }

 .navigation>li ul li a:hover {
     color: #fdb413
 }

 .navbar-brand>img {
     margin-top: 5px;
     height: 70px;
     margin: 12px 0 0 0
 }

 .navbar-default {
     border-color: none
 }

 .navbar-brand {
     float: left;
     padding: 0 23px;
     font-size: 14px;
     width: 340px;
     line-height: 20px;
     height: 90px
 }

 .navbar-nav {
     margin-left: 0
 }

 .navbar-inverse.nav-header-div .navbar-collapse {
     padding: 20px 0 0 0
 }

 .navigation>li.active>a,
 .navigation>li.active>a:focus,
 .navigation>li.active>a:hover {
     background-color: #3b4a76;
     color: #fff
 }

 .active-sub {
     background-color: #1a2b5f
 }

 .navbar-inverse .navbar-nav>li>a>.menu-bars {
     background: url(../images/menubar.png) no-repeat;
     width: 21px;
     height: 23px;
     display: inline-block;
     vertical-align: middle
 }

 .icon-i {
     height: 27px;
     width: 27px;
     margin-top: 0 !important
 }

 .icon-i img {
     height: 28px;
     width: 28px;
     top: -1px
 }

 .icon-img-small {
     height: 23px;
     width: 23px;
     margin-left: -15px;
     margin-right: 15px;
     top: -1px
 }

 .navigation>li ul li a:hover>.icon-img-small.i-1 {
     content: url(../images/icons/company-yellow.svg)
 }

 .navigation>li ul li a:hover>.icon-img-small.i-2 {
     content: url(../images/icons/file-search-yellow.png)
 }

 .sidebar-xs .icon-img-small {
     margin-left: 0
 }

 .home-icon-1 {
     background: url(../images/icons/home-yellow.png) no-repeat;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain
 }

 .home-icon-1:hover {
     background: url(../images/icons/home-white.png) no-repeat;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain
 }

 .notification-icon-1 {
     background: url(../images/icons/alarm.png) no-repeat;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain
 }

 .notification-icon-1:hover {
     background: url(../images/icons/alarm-white.png) no-repeat;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain
 }

 .message-icon-1 {
     background: url(../images/icons/mail-yellow.png) no-repeat;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain
 }

 .message-icon-1:hover {
     background: url(../images/icons/mail-white.png) no-repeat;
     width: 25px;
     height: 25px;
     display: inline-block;
     background-size: contain
 }

 .dollar-sign {
     height: 30px;
     width: 30px
 }

 .icon-i-1 {
     height: 27px;
     width: 27px;
     margin-top: 0 !important
 }

 .icon-i-1 img {
     height: 26px;
     width: 26px
 }

 .icon-i-2 {
     height: 100%;
     width: 100%;
     margin: 0 auto;
     margin-top: -8px !important
 }

 .icon-i-2 img {
     height: 25px;
     width: 25px;
     margin: 0 auto
 }

 .icon-img-1 {
     transition: all .3s ease-in-out
 }

 .navbar-right .icon-001:hover {
     content: url(../images/icons/home-white.png);
     transition: all .4s ease-in-out
 }

 .icon-002:hover {
     content: url(../images/icons/alarm-white.png);
     transition: all .4s ease-in-out
 }

 .icon-003:hover {
     content: url(../images/icons/mail-white.png);
     transition: all .4s ease-in-out
 }

 .div_top_heading .btn-float>span {
     display: block;
     padding-top: 10px;
     margin-bottom: -6px
 }

 .navbar-nav>li>a>.badge.badge-custom,
 .navbar-nav>li>a>.label {
     position: absolute;
     top: 6px;
     right: 10px;
     background-color: #fdb413;
     color: #00134d;
     padding: 0 4px 0 4px
 }

 .img-user-1 {
     width: 40px !important;
     height: 40px !important
 }

 .navbar-nav>.dropdown-user img {
     height: 32px;
     width: 32px;
     max-height: 32px;
     max-width: auto
 }

 .page-header-top .page-title {
     padding: 32px 36px 32px 0
 }

 .mb-5 {
     margin-bottom: 5px !important
 }

 img.icon-img.dollar-sign {
     height: 29px;
     width: 29px;
     margin: -5px 0
 }

 .sidebar-xs img.icon-img.dollar-sign {
     margin: 0
 }

 .chat-body {
     position: fixed;
     height: 100%;
     min-height: 100%;
     height: auto;
     overflow-x: hidden
 }

 .chat-area-div {
     position: relative;
     width: 100%;
     display: block
 }

 .chat-container {
     width: 80%;
     height: 90%;
     right: 0;
     padding: 10px 0 10px 0;
     position: fixed;
     overflow-y: hidden;
     overflow-x: hidden;
     z-index: 9999;
     background-color: #fff
 }

 .chat-left-div {
     width: 23%;
     height: 89%;
     margin: 0 0 0 10px;
     overflow-y: scroll;
     position: fixed;
     float: left;
     border: 1px solid #ddd;
     z-index: 9999999 !important
 }

 .chat-right-div {
     width: 55%;
     height: 82%;
     left: 44%;
     overflow-y: scroll;
     position: fixed;
     float: left
 }

 .chat-container .chat-footer {
     width: 55%;
     left: 44%;
     position: fixed;
     bottom: 10px;
     float: left
 }

 .sidebar-xs .chat-container {
     width: 90%;
     height: 90%;
     right: 0;
     position: fixed;
     overflow-y: hidden;
     z-index: 9999;
     background-color: #fff
 }

 .sidebar-xs .chat-left-div {
     width: 25%;
     height: 90%;
     margin: 0 0 0 10px;
     overflow-y: scroll;
     position: fixed;
     float: left;
     border: 1px solid #ddd
 }

 .sidebar-xs .chat-right-div {
     width: 65%;
     height: 82%;
     left: 36%;
     overflow-y: scroll;
     position: fixed;
     float: left
 }

 .sidebar-xs .chat-container .chat-footer {
     width: 65%;
     left: 36%
 }

 .chat-container .search-div {
     padding: 15px;
     width: 100%;
     margin: 0 auto;
     background-color: #eee;
     vertical-align: middle;
     border-bottom: 1px solid #ddd
 }

 .chat-container .search-div .input-group-addon {
     padding: 11px 12px;
     color: #555;
     text-align: center;
     background-color: #fff;
     border: 1px solid #ddd;
     border-right: 0 solid #000 !important;
     border-radius: 0
 }

 .chat-container .search-div .form-control {
     height: 38px;
     padding: 10px 12px;
     border: 1px solid #ddd;
     box-shadow: inset 0 1px 1px transparent;
     outline: 0
 }

 .chat-container .search-div .form-control:focus {
     border: 1px solid #ddd;
     box-shadow: inset 0 1px 1px transparent;
     outline: 0
 }

 .chat-container .search-div .input-group {
     width: 85%;
     float: left
 }

 .chat-container .search-div .add-div {
     width: 15%;
     float: left
 }

 .chat-container .search-div .img-search {
     width: 30px;
     margin: 3px auto
 }

 .chat-container .listing-area {
     padding: 0;
     margin: 0;
     width: 100%;
     display: flex;
     flex-direction: column
 }

 .chat-container .user-list-div {
     padding: 16px 0;
     margin: 0;
     border-bottom: 1px solid #ddd;
     cursor: pointer
 }

 .chat-container .user-list-div:hover {
     padding: 16px 0;
     margin: 0;
     border-bottom: 1px solid #ddd;
     background-color: #eee
 }

 .chat-container .user-list-div.active-div {
     background-color: #eee;
     border-right: 3px solid #00134d
 }

 .chat-container .user-list-div:last-child {
     border-bottom: 0 solid #ddd
 }

 .chat-container .user-list-div .img-user {
     padding: 0 0;
     margin: 0 auto;
     width: 20%;
     text-align: center;
     float: left
 }

 .chat-container .user-list-div .img-user .img-circle {
     padding: 0;
     margin: 0 auto;
     width: 46px;
     height: 46px;
     border: 1px solid #ddd
 }

 .chat-container .user-list-div .desc_div {
     margin: 0;
     padding: 0 0;
     width: 80%;
     float: left
 }

 .chat-container .user-list-div .desc_div h5 {
     margin: 0;
     padding: 7px 0 5px 0;
     color: #00134d;
     font-size: 14px;
     font-weight: 600;
     float: left;
     display: inline-block;
     width: 70%
 }

 .chat-container .user-list-div .desc_div span {
     margin: 0;
     padding: 7px 10px 5px 0;
     color: #666;
     font-size: 10px;
     font-weight: 500;
     display: inline-block;
     width: 30%;
     text-align: right
 }

 .chat-container .user-list-div .desc_div p {
     margin: 0;
     padding: 0 0 5px 0;
     color: #666;
     font-size: 12px;
     font-weight: 500;
     display: inline-block;
     width: 100%
 }

 .chat-container .user-heading-div {
     padding: 10px 20px 15px 20px;
     margin: 0 auto;
     height: 70px;
     width: 100%;
     background-color: #eee;
     vertical-align: middle;
     border-bottom: 1px solid #ddd
 }

 .chat-container .user-heading-div .left-desc-header {
     padding: 0;
     width: 80%;
     float: left
 }

 .chat-container .user-heading-div .left-desc-header h4 {
     margin: 0;
     padding: 7px 0 5px 0;
     color: #00134d;
     font-size: 16px;
     font-weight: 600;
     float: left;
     display: inline-block
 }

 .chat-container .user-heading-div .left-desc-header span {
     margin: 0;
     padding: 12px 10px 5px 10px;
     color: #666;
     font-size: 10px;
     font-weight: 500;
     display: inline-block
 }

 .chat-container .user-heading-div .left-desc-header p {
     margin: 0;
     padding: 3px 0 5px 0;
     color: #666;
     font-size: 12px;
     font-weight: 500;
     display: inline-block;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .chat-container .user-heading-div .left-desc-btn {
     margin: 0 auto;
     width: 20%;
     float: left;
     display: inline-block;
     text-align: center
 }

 .chat-container .user-heading-div .btn-view-profile {
     padding: 10px 25px;
     margin: 3px auto;
     color: #fff;
     background-color: #00134d;
     border-radius: 24px;
     text-transform: uppercase;
     text-align: center;
     float: right;
     transition: all ease-in-out .3s
 }

 .chat-container .user-heading-div .btn-view-profile:hover {
     color: #fff;
     background-color: #fdb414
 }

 .chat-container .header-h3 {
     padding: 10px 20px;
     border-bottom: 1px solid #ddd
 }

 .chat-container .header-h3 h3 {
     padding: 5px 0;
     margin: 0;
     color: #666;
     font-size: 14px
 }

 .chat-container .chat-arae-div {
     padding: 0;
     margin: 0;
     position: relative
 }

 .chat-container .chat-message-div {
     padding: 15px 0;
     margin: 0;
     width: 100%;
     display: flex;
     flex-direction: column
 }

 .chat-container .chat-sender-div {
     padding: 15px 0;
     margin: 0;
     display: block
 }

 .chat-container .chat-receiver-div {
     padding: 15px 0;
     margin: 0;
     background-color: #eee;
     display: block
 }

 .chat-container .chat-message-div .img-user {
     padding: 0 0;
     margin: 0 auto;
     width: 10%;
     text-align: center;
     float: left
 }

 .chat-container .chat-message-div .img-user .img-circle {
     padding: 0;
     margin: 0 auto;
     width: 46px;
     height: 46px;
     border: 1px solid #ddd
 }

 .chat-container .chat-message-div .message_div {
     margin: 0;
     padding: 0 0;
     width: 90%;
     float: left
 }

 .chat-container .chat-message-div .message_div h5 {
     margin: 0;
     padding: 7px 0 5px 0;
     color: #00134d;
     font-size: 16px;
     font-weight: 600;
     display: inline-block;
     width: 100%
 }

 .chat-container .chat-message-div .message_div p {
     margin: 0;
     padding: 0 0 5px 0;
     color: #666;
     font-size: 13px;
     line-height: 1.4;
     font-weight: 500;
     float: left;
     display: inline-block;
     width: 80%
 }

 .chat-container .chat-message-div .message_div span {
     margin: 0;
     padding: 0 10px 5px 0;
     color: #666;
     font-size: 13px;
     font-weight: 500;
     float: left;
     display: inline-block;
     width: 20%;
     text-align: right
 }

 .chat-container .chat-footer {
     padding: 12px 15px;
     background-color: #eee;
     border: 1px solid #ddd;
     height: 60px
 }

 .chat-container .chat-footer .input-left {
     padding: 0;
     margin: 0;
     width: 85%;
     float: left
 }

 .chat-container .chat-footer .input-left .form-control {
     height: 34px;
     padding: 10px 12px;
     border: 1px solid #ddd;
     border-right: 0;
     border-radius: 0;
     -webkit-box-shadow: inset 0 1px 1px transparent;
     box-shadow: inset 0 1px 1px transparent
 }

 .chat-container .chat-footer .input-left .btn-default {
     color: #333;
     background-color: #fff;
     border-color: #ddd;
     border-radius: 0;
     border-left: 0
 }

 .chat-container .chat-footer .btn-right {
     padding: 0 0 0 15px;
     margin: 0;
     width: 15%;
     float: left
 }

 .chat-container .chat-footer .btn-send {
     padding: 6px 20px;
     height: 34px;
     width: 100%;
     color: #fff;
     text-align: center;
     text-transform: uppercase;
     background-color: #00134d;
     border-radius: 0;
     transition: all ease-in-out .3s;
     outline: 0
 }

 .chat-container .chat-footer .btn-send:hover {
     color: #fff;
     background-color: #fdb414
 }

 .chat-container .chat-footer .btn-send:focus {
     color: #fff;
     background-color: #fdb414
 }

 .chat-container .chat-footer .btn-attach {
     height: 34px
 }

 .chat-container .chat-footer .input-group {
     padding: 0;
     margin: 0;
     width: 100%;
     float: left
 }

 .chat-container .chat-footer .input-group-btn {
     margin: 0 auto;
     padding: 5px 0 0 0;
     text-align: center;
     height: 34px;
     width: 34px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-left: 0
 }

 .chat-container .chat-footer .image-upload>input {
     display: none
 }

 .chat-container .chat-footer .image-upload img {
     width: 8px;
     height: 16px;
     cursor: pointer
 }

 .chat-container .chat-detail-div {
     margin: 0;
     padding: 0;
     position: relative
 }

 .chat-container .back-div {
     display: none
 }

 .content-wrapper.content-chat {
     padding: 47px
 }

 .login-bg-img {
     background: #000 url(../images/blue-filter.png) no-repeat;
     background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100%
 }

 .login-section {
     padding: 0;
     margin: 0;
     position: relative
 }

 .login-div {
     padding: 120px 0 100px 0;
     margin: 0;
     position: relative
 }

 .login-div {
     padding: 0;
     margin: 0;
     position: relative;
     height: 800px;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .logo-div-left {
     margin: 60px 0 0 0;
     padding: 0;
     display: flex;
     height: 350px;
     align-items: center;
     justify-content: center;
     border-right: 1px solid #fff
 }

 .logo-div-left.registration {
     margin: 90px 0 0 0;
     height: 500px
 }

 .logo-div-left .img-thumb {
     margin: 0 auto;
     padding: 0 15%
 }

 .logo-div-left .img-thumb img {
     margin: 0 auto;
     padding: 0;
     outline: 0
 }

 .login-form {
     margin: 0;
     padding: 0
 }

 .login-form h1 {
     margin: 0;
     padding: 20px 0;
     color: #fff;
     text-transform: uppercase;
     text-align: center;
     font-size: 18px
 }

 .login-form .form-div {
     margin: 20px auto;
     padding: 10px 0 0 0;
     width: 70%
 }

 .login-form .form-div .form-group {
     margin-bottom: 5px
 }

 .login-form .form-div .message-error {
     color: #fff
 }

 .login-form .form-div .form-control {
     height: 50px;
     padding: 12px 20px;
     font-size: 14px;
     color: #fff;
     background-color: transparent;
     border: 1px solid #fff;
     border-radius: 12px
 }

 .login-btn-div {
     padding: 0 0;
     margin: 0
 }

 .login-btn-div .btn-input {
     height: 50px;
     padding: 12px 12px;
     font-size: 14px;
     color: #fff;
     background-color: #fdb413;
     border: 1px solid #fdb413;
     border-radius: 12px;
     display: block;
     width: 100%;
     font-size: 16px;
     transition: all .4s ease-in-out;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     outline: 0
 }

 .login-btn-div .btn-input:hover {
     color: #fdb413;
     background-color: #fff;
     border: 1px solid #fff
 }

 .login-bottom {
     padding: 20px 0
 }

 .login-bottom a {
     padding: 10px 20px;
     text-align: center;
     width: 50%;
     float: left;
     color: #fff;
     text-transform: uppercase;
     font-size: 12px
 }

 .login-div ::-webkit-input-placeholder {
     color: #fff
 }

 .login-div ::-moz-placeholder {
     color: #fff
 }

 .login-div :-ms-input-placeholder {
     color: #fff
 }

 .login-div :-moz-placeholder {
     color: #fff
 }

 .general-div .login-bottom a {
     width: 100%
 }

 .forgot-div .login-form {
     padding: 80px 0 0 0
 }

 .sidebar-xs .sidebar-section {
     width: 100px !important;
     background: #00134d
 }

 .page-container {
     margin-top: 46px !important
 }

 .content-area-div {
     margin: 0 auto;
     padding: 0
 }

 .page-header.page-header-top {
     margin: 0 !important
 }

 .page-header.page-header-top .text-semibold {
     font-weight: 600
 }

 .topic-header-div {
     padding: 10px 15px 10px 0;
     border-bottom: 1px solid #ddd
 }

 .topic-header-div h1 {
     padding: 7px 10px 0 5px;
     margin: 0;
     font-size: 16px;
     font-weight: 600;
     position: relative
 }

 .topic-header-div .h1-title {
     display: inline-block;
     padding: 7px 10px 0 5px;
     margin: 0;
     font-size: 16px;
     font-weight: 600
 }

 .topic-header-div p.p-note {
     display: inline-block;
     padding: 7px 10px 0 5px;
     margin: 0;
     font-size: 14px;
     font-weight: 500;
     text-align: right;
     float: right
 }

 .top-right-div {
     padding: 0;
     margin: 0
 }

 .top-right-div .input-box {
     padding: 0;
     margin: 0
 }

 .top-right-div .input-box .input-group {
     width: 65%;
     float: left
 }

 .top-right-div .input-box .input-group-addon {
     padding: 11px 12px;
     color: #555;
     text-align: center;
     background-color: #fff;
     border: 1px solid #ddd;
     border-left: 0 solid #000 !important;
     border-radius: 0
 }

 .top-right-div .input-box .form-control {
     height: 38px;
     padding: 10px 12px;
     border: 1px solid #ddd;
     box-shadow: inset 0 1px 1px transparent;
     outline: 0
 }

 .btn-right-div {
     padding: 0;
     margin: 0;
     width: 35%;
     float: left
 }

 .dropdown-group {
     display: inline-block
 }

 .dropdown-group.btn-custom-dropdown {
     background-color: #00134d;
     height: 38px;
     color: #fff;
     width: 100%;
     border-radius: 0;
     margin: 0 0 0 10px;
     text-transform: uppercase;
     padding: 0
 }

 .dropdown-group a.dropdown-toggle {
     color: #fff;
     width: 100%;
     display: block;
     padding: 8px 0
 }

 .dropdown-group .span-link {
     padding: 0 5px;
     margin: 0;
     text-align: left;
     font-size: 12px
 }

 .dropdown-group .dropdown-menu {
     min-width: 350px;
     padding: 5px 0;
     box-shadow: 0 1px 3px transparent
 }

 .dropdown-group .dropdown-menu-right h1 {
     padding: 10px 0 10px 0;
     display: block;
     text-align: center
 }

 .dropdown-group .dropdown-menu-right p {
     padding: 0 0;
     display: block;
     text-align: center
 }

 .dropdown-group .input-box {
     padding: 0;
     margin: 10px 10px 5px 10px
 }

 .dropdown-group .input-box .input-group {
     width: 100%;
     float: left
 }

 .dropdown-group .input-box .input-group-addon {
     padding: 11px 15px;
     color: #fff;
     text-align: center;
     background-color: #00134d;
     border: 1px solid #00134d;
     border-left: 0 solid #000 !important;
     border-radius: 0
 }

 .dropdown-group .input-box .form-control {
     height: 38px;
     padding: 10px 12px;
     border: 1px solid #ddd;
     box-shadow: inset 0 1px 1px transparent;
     outline: 0;
     border-radius: 0
 }

 .heading-right .list-inline>li:last-child {
     vertical-align: top
 }

 .dropdown-group.group-1 {
     padding: 0;
     background-color: transparent;
     border: transparent;
     vertical-align: top
 }

 .dropdown-group.group-1 a.dropdown-toggle {
     padding: 0
 }

 .dropdown-group.group-1 h1 {
     margin: 0;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase
 }

 .dropdown-group.group-1 p {
     text-transform: uppercase
 }

 .middle-area-section {
     margin: 0;
     padding: 0
 }

 .middle-area-div {
     margin: 0 0;
     padding: 20px 20px
 }

 .panel-accordion-div {
     margin: 0 !important;
     padding: 0;
     border-radius: 0 !important
 }

 .panel-accordion-div:nth-of-type(odd) {
     background-color: #fff
 }

 .panel-accordion-div:nth-of-type(even) {
     background-color: #eee
 }

 .panel-accordion-div:nth-of-type(even) .panel-accordion-heading {
     border-bottom: 0 solid #ddd !important
 }

 .panel-accordion-div:nth-of-type(odd) .panel-accordion-heading {
     border: 0 solid #ddd !important
 }

 .panel-accordion-div .collapse {
     border-top: 1px solid #ddd
 }

 .panel-accordion-div .panel-body {
     background-color: #fff
 }

 .panel-accordion-div .panel-body.plr010 {
     padding: 5px 10px
 }

 .update_classes_other .panel-accordion-div .view-div .btn-div-downalod {
     padding: 0 0
 }

 .update_classes_other .list-inline {
     margin: 0
 }

 .update_classes_other .table-div .datatable-scroll {
     height: 280px;
     overflow-y: scroll
 }

 .roster-panel.panel-accordion-div .collapse {
     border-top: 1px solid #ddd !important
 }

 .panel-accordion-heading {
     margin: 0;
     padding: 15px 20px 10px 20px;
     border-bottom: 1px solid #ddd
 }

 .panel-accordion-heading a {
     margin: 0;
     padding: 0 0;
     color: #222;
     font-weight: 600;
     font-size: 14px
 }

 .panel-accordion-heading .heading-left {
     padding: 0;
     margin: 0;
     float: left;
     width: 75%;
     min-height: 45px;
     color: #666;
     font-weight: 400
 }

 .panel-accordion-heading .heading-left .span-date {
     padding: 0 15px 0 0;
     margin: 0;
     border-right: 1px solid #ddd
 }

 .panel-accordion-heading .heading-left .span-total {
     padding: 0 0 0 10px;
     margin: 0
 }

 .panel-accordion-heading .heading-right {
     padding: 0;
     margin: 0 auto;
     float: left;
     width: 25%;
     text-align: right;
     min-height: 45px
 }

 .panel-accordion-heading .heading-right ul li img {
     padding: 0;
     margin: 0 10px;
     width: 20px
 }

 .panel-accordion-heading .heading-right ul li img.img-i02 {
     padding: 0;
     margin: 0 10px;
     width: 22px
 }

 .panel-accordion-heading .heading-right ul li img.img-i03 {
     padding: 0;
     margin: 0 10px;
     width: 22px
 }

 .panel-accordion-heading .heading-right ul li img.img-i06 {
     padding: 0;
     margin: 0 10px;
     width: 23px
 }

 .blue-active-label {
     margin-right: 15px
 }

 .head-row {
     background-color: #262626;
     border: 1px solid #262626;
     color: #fff;
     font-weight: 600
 }

 .panel-accordion-div .table-striped>tbody>tr {
     color: #666;
     font-weight: 400
 }

 .panel-accordion-div .table-striped>tbody>tr:nth-of-type(even) {
     background-color: #f5f5f5
 }

 .panel-accordion-div .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #fff !important
 }

 .tab-section-top {
     margin: 0;
     padding: 0;
     position: relative
 }

 .tab-div-top {
     margin: 0;
     padding: 10px 0;
     position: relative
 }

 .div-25 {
     width: 25%;
     float: left;
     padding: 0 10px 0 0
 }

 .div-25:last-child {
     width: 25%;
     float: left;
     padding: 0
 }

 .tab-div-top .tab-a {
     margin: 0;
     padding: 14px 15px;
     background-color: #00134d;
     color: #fff;
     width: 100%;
     font-weight: 600;
     font-size: 13px;
     height: 50px;
     box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) !important;
     transition: all .3s ease-in-out
 }

 .tab-div-top .tab-a .tab-img {
     width: 17px;
     float: left;
     margin: 0 5px 0 0
 }

 .tab-div-top .tab-a .tab-img.tab-img-c1 {
     width: 24px;
     margin: -5px 5px 0 0
 }

 .tab-div-top .tab-a .span-left {
     float: left;
     padding: 2px 0 0 0
 }

 .tab-div-top .tab-a .span-right {
     padding: 0 0 0 10px;
     margin: 0;
     float: left
 }

 .tab-div-top .tab-a.active {
     background-color: #fdb413
 }

 .view_summary {
     margin: 0;
     padding: 0
 }

 .view_summary .panel-accordion-heading .heading-left {
     width: 55%
 }

 .view_summary .heading-center {
     padding: 0;
     margin: 0 auto;
     float: left;
     width: 15%;
     text-align: center;
     min-height: 45px
 }

 .view_summary .panel-accordion-heading .heading-right {
     width: 45%;
     text-align: right;
     min-height: 45px
 }

 .label-btn {
     padding: 3px 15px;
     background-color: #03a9f4;
     border-radius: 4px;
     color: #fff;
     text-transform: capitalize;
     font-size: 12px;
     margin: 0
 }

 .label-btn.expired {
     background-color: #fdb414;
     color: #fff
 }

 .label-btn.cancelled {
     background-color: #d9534f;
     color: #fff
 }

 .label-btn.monday {
     background-color: #666;
     color: #fff
 }

 .label-btn.monday.paid-label {
     background-color: #03a9f4;
     color: #fff
 }

 .staff-child-label {
     padding: 3px 10px;
     width: 85px;
     text-align: center
 }

 .paid-active-label {
     padding: 3px 10px;
     width: 85px;
     text-align: center;
     background-color: #0fac31;
     border-radius: 4px;
     color: #fff;
     text-transform: capitalize;
     font-size: 12px;
     border: 0
 }

 .contact-label {
     margin: 0 !important
 }

 .payout-label {
     background-color: #666;
     color: #fff
 }

 .label-paid1 {
     width: 90px;
     padding: 3px 0;
     text-align: center
 }

 .label-transit {
     width: 90px;
     background-color: #fdb414;
     padding: 3px 0;
     text-align: center
 }

 .on-time-label {
     padding: 3px 10px;
     width: 85px;
     text-align: center;
     background-color: #10ac31;
     margin: 0
 }

 .on-time-label.available-label {
     padding: 3px 10px;
     width: 85px;
     text-align: center;
     background-color: #10ac31;
     margin: 0
 }

 .late-label {
     padding: 3px 10px;
     width: 85px;
     text-align: center;
     background-color: #d41d00;
     margin: 0
 }

 .max-30days_label {
     width: 100px;
     text-transform: capitalize;
     text-align: center;
     background-color: #0fac31
 }

 .max-60days_label {
     width: 100px;
     text-transform: capitalize;
     text-align: center;
     background-color: #fdb413
 }

 .max-90days_label {
     width: 100px;
     text-transform: capitalize;
     text-align: center;
     background-color: #0b8425
 }

 .tooltip-1.tooltips-top1 .tooltiptext {
     width: 400px;
     bottom: 40px;
     left: -260px
 }

 .tooltip-1.tooltips-top1 .tooltiptext::after {
     content: "";
     position: absolute;
     top: auto;
     left: 345px !important;
     bottom: -12px;
     margin-left: -12px;
     border-width: 6px;
     border-style: solid;
     border-color: #2b2b2b transparent transparent transparent
 }

 .class-summary-inline01 .list-inline {
     margin: -5px 0 0 0
 }

 .data-table-1 .text-left .list-inline li img {
     width: 17px !important;
     padding: 10px 0 0 0
 }

 .summary-datatable-01 .datatable-footer {
     padding: 20px 20px 0 15px !important;
     clear: both
 }

 .label-btn.label-approved {
     display: inline-block;
     width: 90px;
     text-transform: capitalize;
     text-align: center;
     background-color: #10ac31;
     color: #fff
 }

 .label-btn.label-pending {
     display: inline-block;
     width: 90px;
     text-transform: capitalize;
     text-align: center;
     background-color: #fdb413;
     color: #fff
 }

 .navbar-top .navbar-inverse .navbar-nav>li>a:focus,
 .navbar-top .navbar-inverse .navbar-nav>li>a:hover {
     background-color: rgba(0, 0, 0, 0) !important
 }

 .heading-left .label-btn.monday {
     display: inline-block;
     margin: 0 0 0 10px
 }

 .add-new-class.panel-flat>.panel-heading {
     padding: 10px 15px;
     border-bottom: 1px solid #ddd
 }

 .add-new-class .title-form {
     padding: 0;
     margin: 0;
     font-size: 18px !important;
     font-weight: 500
 }

 .add-new-class .panel-body {
     padding: 0;
     margin: 0
 }

 .add-new-class .form-div {
     padding: 10px 0 20px 0
 }

 .add-new-class .form-div .form-group label {
     padding: 0 0 5px 0;
     margin: 0;
     font-size: 13px;
     font-weight: 400;
     color: #222
 }

 .add-new-class .form-div .checkbox label {
     padding: 0 0 0 20px
 }

 .add-new-class .form-div .span-error {
     display: block;
     color: #d9534f;
     padding: 0
 }

 .add-new-class .form-div .input-group-addon:last-child {
     background-color: #fdb414;
     color: #fff
 }

 .add-new-class .btn-submit {
     background-color: #fdb414;
     border: none;
     border-radius: 0;
     padding: 10px 20px;
     text-transform: uppercase;
     letter-spacing: .5px;
     transition: all .3s ease-in-out
 }

 .add-new-class .btn-submit:focus,
 .add-new-class .btn-submit:hover {
     background-color: #00134d;
     color: #fff
 }

 .add-new-class .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus,
 .dropdown-menu>.active>a:hover {
     background-color: #00134d
 }

 .p-note {
     padding: 10px 15px 0 15px
 }

 .bold-span {
     font-weight: 600 !important
 }

 .park-class {
     display: none
 }

 .colors {
     display: none
 }

 .colors2 {
     display: none
 }

 .colors3 {
     display: none
 }

 .colors4 {
     display: none
 }

 .colors5 {
     display: none
 }

 .facility-show {
     display: block !important
 }

 .remove-payment {
     display: none
 }

 .facility-class {
     display: none
 }

 .default-payment {
     display: block
 }

 .show-class {
     display: block
 }

 .park-class-show {
     display: block
 }

 .facility-class-show {
     display: block
 }

 .parent-paid-show {
     display: block
 }

 .invoiced_account-show {
     display: block
 }

 .per_child-show {
     display: block
 }

 .per_hour-show {
     display: block
 }

 .form-div .form-group {
     min-height: 85px;
     margin-bottom: 0
 }

 .checkbox-div {
     height: 85px;
     padding: 28px 0 10px 0
 }

 .checkbox-div-1 {
     height: 100%;
     padding: 5px 10px 20px 10px;
     margin: 0
 }

 .checkbox-div-1 .radio-inline+.radio-inline,
 .checkbox-inline+.checkbox-inline {
     margin-left: 30px
 }

 .i-qus {
     color: #fdb414;
     font-size: 14px;
     padding: 0 10px
 }

 .bootstrap-datetimepicker-widget table {
     width: 100px;
     overflow: hidden
 }

 .bootstrap-datetimepicker-widget.dropdown-menu {
     display: block;
     margin: 2px 0;
     padding: 4px;
     width: 120px !important;
     transition: all .4s ease-in-out
 }

 .bootstrap-datetimepicker-widget a[data-action] {
     padding: 0 0 !important;
     transition: all .4s ease-in-out
 }

 .bootstrap-datetimepicker-widget .btn-primary {
     background-color: #00134d !important;
     border-color: #00134d !important;
     border-radius: 100%;
     font-size: 12px !important
 }

 .bootstrap-datetimepicker-widget .btn-primary:hover {
     background-color: #fdb414 !important;
     border: 1px solid #fdb414 !important;
     transition: all .3s ease-in-out
 }

 .navigation>li.logout-li {
     padding: 0 0 50px 0
 }

 .bootstrap-datetimepicker-widget table td {
     height: 5px !important;
     line-height: 10px !important;
     width: 5px !important;
     transition: all .4s ease-in-out;
     color: #222;
     padding: 2px 0 0 0 !important
 }

 .bootstrap-datetimepicker-widget .timepicker-hour,
 .bootstrap-datetimepicker-widget .timepicker-minute,
 .bootstrap-datetimepicker-widget .timepicker-second {
     font-size: 14px !important;
     color: #00134d !important;
     font-weight: 600 !important
 }

 .bootstrap-datetimepicker-widget table td span {
     display: inline-block;
     width: 20px !important;
     height: 20px !important;
     line-height: 20px !important;
     transition: all .4s ease-in-out;
     border-radius: 100%;
     color: #00134d
 }

 [data-tooltip] {
     position: relative;
     z-index: 2;
     cursor: pointer
 }

 [data-tooltip]:after,
 [data-tooltip]:before {
     visibility: hidden;
     opacity: 0;
     pointer-events: none
 }

 [data-tooltip]:before {
     position: absolute;
     bottom: 150%;
     left: 50%;
     margin-bottom: 5px;
     margin-left: -250px;
     padding: 7px;
     width: 300px;
     text-align: justify !important;
     line-height: 1.4 !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: #000;
     background-color: hsla(0, 0%, 20%, .9);
     color: #fff;
     content: attr(data-tooltip);
     text-align: center;
     font-size: 13px
 }

 [data-tooltip]:after {
     position: absolute;
     bottom: 150%;
     left: 50%;
     margin-left: -5px;
     width: 0;
     border-top: 5px solid #000;
     border-top: 5px solid hsla(0, 0%, 20%, .9);
     border-right: 5px solid transparent;
     border-left: 5px solid transparent;
     content: " ";
     font-size: 0;
     line-height: 0
 }

 [data-tooltip]:hover:after,
 [data-tooltip]:hover:before {
     visibility: visible;
     opacity: 1
 }

 .select2-drop-active {
     z-index: 9999999
 }

 .modal.custom-modal.custom-01 {
     z-index: 9999999 !important
 }

 .modal.custom-modal {
     z-index: 9999 !important
 }

 .modal.custom-modal .modal-dialog {
     margin-top: 120px !important
 }

 .modal.custom-modal .modal-content {
     border-radius: 9px !important
 }

 .modal.custom-modal .modal-header {
     padding: 0 !important;
     background: url(../images/pop-up-bg.jpg) no-repeat center top;
     height: 102px;
     width: 100%;
     background-size: cover;
     border-bottom: none;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px
 }

 .modal.custom-modal .modal-header .close {
     color: #fff;
     padding: 5px 10px;
     display: block;
     font-size: 44px;
     font-weight: 300;
     right: 0;
     position: absolute;
     top: 0
 }

 .modal.custom-modal h4#myModalLabel {
     color: #fff;
     text-align: center;
     padding: 40px 0 0 0;
     text-transform: uppercase
 }

 .modal.custom-modal .modal-footer .btn.btn-primary {
     border-radius: 0 !important;
     background-color: #00134d;
     border: 1px solid #00134d;
     transition: all .3s ease-in-out;
     letter-spacing: .5px;
     text-transform: uppercase
 }

 .modal.custom-modal .modal-footer .btn.btn-primary:hover {
     border-radius: 0 !important;
     background-color: #fdb413 !important;
     border: 1px solid #fdb413
 }

 .modal.custom-modal .modal-footer {
     padding: 20px;
     border-top: 1px solid #ddd
 }

 .modal.custom-modal .modal-body {
     padding: 20px 5px
 }

 .message-area-div-1 {
     margin: 0;
     padding: 20px 0;
     position: relative
 }

 .message-main-modal-1 .modal-body {
     margin: 0;
     padding: 10px 10px !important
 }

 .message-main-modal-1 .modal-dialog {
     width: 400px;
     margin: 30px auto;
     margin-top: 180px !important;
     padding-right: 0 !important
 }

 .message-main-modal-1 .message-area-div-1 .message-thumb-1 {
     margin: -100px auto 0 auto;
     padding: 0
 }

 .message-main-modal-1 .message-area-div-1 .img-message {
     margin: 0 auto;
     padding: 0
 }

 .message-main-modal-1 .message-area-div-1 h2 {
     margin: 0;
     padding: 40px 0 10px 0;
     font-size: 30px;
     text-align: center;
     line-height: 1.4;
     color: #666
 }

 .message-main-modal-1 .message-area-div-1 p {
     margin: 0;
     padding: 10px 20px 40px 20px;
     font-size: 16px;
     text-align: center;
     line-height: 1.4;
     color: #333
 }

 .message-main-modal-1 .modal-content {
     border-radius: 0 !important
 }

 .success-btn-ok {
     margin: 0;
     padding: 12px 20px !important;
     width: 100% !important;
     text-transform: uppercase;
     font-size: 16px;
     background-color: #82ce34 !important;
     letter-spacing: 1px;
     border: none !important;
     transition: all .4s ease-in-out
 }

 .success-btn-ok:hover {
     color: #fff;
     background-color: #00134d !important;
     border: none
 }

 .datepicker.datepicker-dropdown {
     z-index: 999999999 !important
 }

 .custom-modal .form-group .input-group-addon {
     background-color: #eee
 }

 .custom-modal .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus,
 .dropdown-menu>.active>a:hover {
     background-color: #00134d
 }

 .custom-modal .dropdown-menu {
     padding: 1px 0
 }

 .custom-footer .btn-default {
     letter-spacing: .5px !important;
     text-transform: uppercase !important
 }

 .remove-des {
     display: inline-block
 }

 .view-panel {
     padding: 5px !important
 }

 .view-div {
     padding: 10px 0
 }

 .view-div .heading-div {
     padding: 0;
     height: 42px
 }

 .view-div h4 {
     padding: 5px 0 0 0;
     margin: 0;
     font-size: 14px;
     font-weight: 500
 }

 .view-div .btn-div-downalod {
     float: right;
     width: 100%;
     padding: 0 10px
 }

 .view-div .btn.btn-download {
     padding: 8px 20px 7px 20px;
     background-color: #fdb413 !important;
     color: #fff !important;
     font-size: 12px;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 22px;
     letter-spacing: .54;
     height: 40px;
     float: right
 }

 .view-div .img-download {
     width: 25px;
     float: left;
     margin: -2px 10px 0 0
 }

 .view-div .input-seach-div .input-group {
     width: 100%;
     float: left
 }

 .view-div .input-seach-div {
     float: right;
     width: 40%
 }

 .view-div .input-seach-div .form-control {
     height: 40px;
     padding: 10px 12px;
     border: 1px solid #ddd;
     box-shadow: inset 0 1px 1px transparent;
     outline: 0
 }

 .view-div .input-seach-div .input-group-addon {
     padding: 12px 12px;
     color: #555;
     text-align: center;
     background-color: #fff;
     border: 1px solid #ddd;
     border-left: 0 solid #000 !important;
     border-radius: 0
 }

 .view-div .table-div {
     padding: 10px 0
 }

 .view-div .action-i1 {
     padding: 0;
     margin: 0 10px;
     width: 14px;
     line-height: 14px
 }

 .table-div .text-left .list-inline li {
     width: 33%;
     margin: 0 auto;
     display: inline-block;
     max-width: 40px
 }

 .table-div .text-left .list-inline li img {
     margin: 0 auto;
     display: inline-block
 }

 .table-div .table>thead>tr>th {
     border-bottom: 0 solid #bbb
 }

 .discount-div-panel .list-inline li {
     width: 40px !important;
     text-align: left
 }

 .data-table-1 .discount-div-panel .text-left .list-inline li img.delete-i01 {
     width: 20px !important
 }

 .bluebtn-div1 {
     float: right;
     margin: 0 10px 0 0 !important
 }

 .bluebtn-div1 .btn-addchild {
     padding: 8px 20px 7px 15px;
     background-color: #fdb413 !important;
     color: #fff !important;
     font-size: 12px;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 22px;
     height: 40px;
     float: right
 }

 .bluebtn-div1 .btn-addchild .child-left {
     float: left;
     width: 20px;
     margin-right: 10px
 }

 .child-left .img-add-child {
     padding: 2px
 }

 .child-left .img-add-child.img-subroaster-vr {
     padding: 1px
 }

 .table-div .datatable-scroll {
     height: 260px;
     overflow-y: scroll
 }

 .table-div .datatable-header {
     display: none
 }

 .table-div .dataTables_paginate {
     display: none
 }

 .table-btn {
     display: block;
     float: right;
     padding: 10px 20px;
     margin-top: -70px
 }

 .table-btn.footer-special-view-roaster {
     margin: 0;
     width: 100%;
     text-align: right;
     border-top: 1px solid #ddd
 }

 .bluebtn-div1.header-special-view-roaster {
     display: block;
     float: right;
     padding: 0;
     margin: 0 !important;
     text-align: right
 }

 .bluebtn-div1.header-special-view-roaster .btn-special-vcbtn {
     margin-left: 10px
 }

 .padding-zero {
     padding: 0 !important
 }

 .btn-email {
     padding: 10px 20px;
     text-transform: uppercase;
     background-color: #00134d;
     border: none;
     transition: all .3s ease-in-out
 }

 .btn-email:hover {
     background-color: #fdb413;
     border: none
 }

 .h3-title {
     margin: 0;
     padding: 10px 0
 }

 .info-div {
     padding: 0;
     margin: 0 0 20px 0;
     border: 1px dashed #ddd
 }

 .h4-title {
     margin: 0;
     padding: 10px 0;
     font-size: 16px
 }

 .info-div p {
     padding: 8px 10px;
     margin: 0;
     border-bottom: 1px dashed #ddd;
     font-size: 13px
 }

 .info-div p:last-child {
     border-bottom: 0 solid #ddd
 }

 .info-div p .title-span {
     padding: 0 10px;
     margin: 0;
     font-weight: 600;
     width: 40%;
     float: left
 }

 .info-div p .date-span {
     width: 60%;
     float: none
 }

 .classdetails .h4-title {
     padding: 5px 0 5px 0;
     font-size: 13px;
     font-weight: 600
 }

 .dollar-span11 {
     padding: 0;
     margin: 0;
     font-size: 13px;
     letter-spacing: 1px;
     font-weight: 700
 }

 .pra-1 {
     padding: 10px;
     line-height: 24px;
     font-size: 14px;
     font-weight: 500;
     color: #222
 }

 .btn-block {
     padding: 0;
     margin: 0 auto
 }

 .btn-block a {
     width: 50%;
     float: left;
     display: inline-block
 }

 .btn-block a:first-child {
     border-right: 1px solid #fff
 }

 .btn-custom-block {
     margin: 10px 0;
     padding: 10px;
     display: block;
     width: 100%;
     background-color: #00134d;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: .2px
 }

 .btn-custom-block:focus,
 .btn-custom-block:hover {
     background-color: #fdb413;
     color: #fff
 }

 .custom-body-1 {
     padding: 0 0 !important
 }

 .heading-top {
     padding: 10px 10px 5px 10px;
     border-bottom: 1px solid #ddd
 }

 .title-span-1 {
     color: #222;
     text-align: center;
     padding: 10px;
     font-weight: 600
 }

 .form-div-1 {
     padding: 20px 10px;
     margin: 0
 }

 .table-div thead {
     background: var(--purple);
     color: #fff
 }

 .modal-chat .modal-backdrop.in {
     opacity: .5;
     z-index: 99999
 }

 .mr-10 {
     margin-right: 10px
 }

 .heading-right .list-inline>li {
     vertical-align: top;
     padding-right: 8px
 }

 .tab-section-top {
     margin: 0;
     padding: 0;
     position: relative
 }

 .tab-div-top.account_tab {
     margin: 0;
     padding: 0 0 20px 0;
     position: relative
 }

 .div-50 {
     width: 50%;
     float: left;
     padding: 0 10px 0 0
 }

 .div-50:last-child {
     width: 50%;
     float: left;
     padding: 0
 }

 .account_tab row-div {
     margin: 0;
     padding: 0
 }

 .account_tab .col-custom-tab {
     padding-left: 0 !important;
     padding-right: 0 !important
 }

 .account_tab .tab-a {
     margin: 0;
     padding: 14px 15px;
     background-color: #00134d;
     color: #fff;
     width: 100%;
     font-weight: 600;
     font-size: 13px;
     height: 50px;
     box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) !important;
     transition: all .2s ease-in-out
 }

 .account_tab .tab-a:hover {
     background-color: #fdb413;
     color: #fff
 }

 .account_tab .tab-a .tab-img {
     width: 26px;
     float: left;
     margin: -4px 5px 0 0
 }

 .account_tab .tab-a .span-left {
     float: left;
     padding: 2px 0 0 0
 }

 .account_tab .tab-a .span-right {
     padding: 0 0 0 10px;
     margin: 0;
     float: left
 }

 .account_tab .tab-a.active {
     background-color: #fdb413
 }

 .account_info .panel-accordion-heading .heading-one {
     margin: 0;
     padding: 0;
     position: relative
 }

 .account_info .heading-one .p_edit {
     position: absolute;
     right: 0;
     margin-right: 50px;
     top: 0;
     z-index: 99
 }

 .account_info .heading-one .img-edit {
     margin: 0;
     padding: 0;
     width: 20px;
     position: relative;
     top: 0
 }

 .account_info .heading-one .h6-title {
     margin: 0;
     padding: 0;
     position: relative;
     display: block;
     z-index: 1;
     line-height: 20px
 }

 .account_info .panel-accordion-heading a {
     padding: 0 !important;
     display: block;
     font-size: 16px;
     font-weight: 500
 }

 .account_info .panel-accordion-heading .grey_color {
     color: #666 !important
 }

 .account_info .panel-accordion-heading .icons-list a[data-action]:after {
     line-height: 1.4
 }

 .account_info .right-a {
     position: absolute;
     right: 50px;
     top: 0
 }

 .account_info .panel-accordion-heading {
     position: relative !important;
     padding: 15px 20px 15px 15px !important
 }

 .account_root.panel-group-control .panel-title>a:before {
     right: 0;
     left: auto !important;
     font-size: 16px
 }

 .panel-group-control .panel-title>a.collapsed:before {
     content: '\e9c1';
     transform: rotate(0)
 }

 .panel-group-control .panel-title>a.collapse:before {
     content: '\e9c1';
     transform: rotate(180deg)
 }

 .panel-group-control .panel-title>a.collapse.collapsed:before {
     content: '\e9c1';
     transform: rotate(0)
 }

 .panel-group-control .panel-title>a:before {
     content: '\e9c1';
     transform: rotate(0)
 }

 .panel-accordion-div .collapse {
     border-top: 1px solid #ddd
 }

 .info-div-2 .panel-accordion-div .collapse {
     border-top: 0 solid #ddd !important
 }

 .account_info .table-div .datatable-scroll {
     min-height: 90px;
     max-height: 270px;
     overflow-y: auto;
     height: auto
 }

 .scroll_div_01 {
     height: 400px;
     overflow-y: scroll;
     display: table
 }

 .white-card-section {
     padding: 0;
     margin: 0;
     position: relative
 }

 .white-card-div {
     padding: 20px;
     margin: 0 0 20px 0;
     background-color: #fff;
     border: 1px solid #ddd
 }

 .white-card-div p {
     padding: 0 0 10px 0;
     margin: 0;
     line-height: 24px;
     font-size: 14px;
     font-weight: 400
 }

 .white-card-div p:last-child {
     padding: 0
 }

 .tab-div {
     padding: 0;
     margin: 0;
     position: relative
 }

 .tab-div .tabbable {
     padding: 0;
     margin: 0 0 20px 0;
     background-color: #fff !important
 }

 .tabbable .nav-tabs.nav-tabs-solid {
     background-color: #f5f5f5;
     margin-bottom: 0
 }

 .tabbable .nav-tabs.nav-tabs-solid>li {
     background: #fff;
     border: 1px solid #ddd;
     border-bottom: 0 !important;
     font-size: 14px
 }

 .tabbable .nav-tabs.nav-tabs-solid>li.active {
     background: #fff;
     border: 1px solid #ddd;
     border-left: 0;
     border-right: 0
 }

 .nav-tabs.nav-tabs-solid>.active>a:focus,
 .nav-tabs.nav-tabs-solid>.active>a:hover,
 .tabbable .nav-tabs.nav-tabs-solid>.active>a {
     background-color: var(--purple);
     border-color: var(--purple-border);
     color: #fff
 }

 .tabbable .nav-tabs.nav-tabs-solid>li>a {
     padding: 10px 25px;
     text-transform: capitalize
 }

 .tabbable .custom_tab-content {
     padding: 10px 0;
     margin: 0;
     background-color: #fff !important;
     border: 1px solid #ddd
 }

 .tabbable .custom_tab-content .tab-card-div {
     padding: 10px 5px;
     margin: 0
 }

 .tabbable .tab-card-div p {
     color: #222;
     font-size: 14px
 }

 .tabbable .tab-card-div .round-number {
     margin: 0 0 0 5px;
     padding: 0;
     background-color: #fdb413;
     height: 25px;
     width: 25px;
     line-height: 25px;
     text-align: center;
     display: inline-block;
     color: #fff;
     border-radius: 100%;
     font-size: 13px
 }

 .tabbable .tab-card-div .plus-img {
     width: 20px;
     float: left;
     padding: 4px
 }

 .tabbable .tab-card-div .prag-div {
     float: left;
     margin: 0 10px;
     padding: 5px 0 0 0;
     display: inline-block
 }

 .tab-card-div .btn-div {
     float: left
 }

 .tab-card-div .btn-custom {
     background-color: #00134d;
     border-color: #00134d;
     color: #fff;
     text-align: center;
     text-transform: uppercase;
     width: 200px
 }

 .tab-card-div .btn-100 {
     width: 100%;
     display: block
 }

 .div-row {
     position: relative;
     padding: 5px 15px 10px 15px
 }

 .div-row .div-left {
     width: 40%;
     padding: 0 10px 0 0;
     float: left
 }

 .div-row .div-left .form-control {
     border-radius: 0 !important
 }

 .div-row .div-center {
     width: 40%;
     padding: 0 10px 0 0;
     float: left
 }

 .div-row .div-right {
     width: 20%;
     padding: 0;
     float: left
 }

 .div-row .div-left .select-width-70 {
     width: 70%;
     float: left;
     padding: 0 10px 0 0
 }

 .div-row .div-left .select-width-30 {
     width: 30%;
     float: left
 }

 .tab-card-div .btn.btn-primary.btn-custom.search-btn1 {
     float: right;
     padding: 0 !important;
     height: 36px
 }

 .div-align-account {
     width: 20%;
     float: right !important
 }

 .div-align-account button.btn.btn-primary.btn-custom {
     height: 36px;
     padding: 0 0 !important;
     width: 100%
 }

 .div-align-account .btn-custom .plus-img {
     float: none;
     display: inline-block;
     margin-top: -2px;
     margin-right: 0
 }

 .table-scroll-div {
     padding: 0;
     margin: 0
 }

 .table-scroll-div .table-top {
     padding: 0;
     margin: 0
 }

 .table-scroll-div .btn-primary-all {
     background-color: #00134d;
     border-color: #00134d;
     color: #fff;
     text-align: center;
     text-transform: uppercase;
     padding: 7px 20px
 }

 .table-scroll-div .datatable-scroll {
     height: 499px;
     overflow-y: scroll;
     margin: 10px 0;
     border: 1px solid #ddd
 }

 .table-scroll-div thead {
     background: #262626;
     color: #fff;
     text-transform: uppercase
 }

 .table-scroll-div .img-user {
     width: 20px;
     padding: 2px;
     margin: 0 7px 0 0;
     float: left
 }

 .table-scroll-div .a_link {
     color: #00397d;
     font-size: 12px;
     font-weight: 400
 }

 .table-scroll-div .table>tbody>tr>td {
     padding: 9px 20px 10px 20px !important
 }

 .table-scroll-div .table>thead>tr>th {
     padding: 14px 20px 13px 20px !important
 }

 .table-scroll-div .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #fff
 }

 .table-scroll-div .table-striped>tbody>tr:nth-of-type(even) {
     background-color: #f5f5f5
 }

 .table-scroll-div .footer-div {
     padding: 10px 0
 }

 .table-scroll-div .pagination>li>a {
     width: 40px
 }

 .table-scroll-div .pagination>.active>a {
     background-color: #00134d !important;
     border-color: #00134d !important;
     color: #fff
 }

 .checkbox-account-notify {
     padding: 20px 0;
     margin: 0 0 10px 0;
     text-align: center
 }

 .label-btn.reserved {
     background-color: #d9534f;
     color: #fff;
     margin-bottom: 0
 }

 .topic-header-div.pb-20 {
     padding-bottom: 10px !important
 }

 .prag-1 {
     padding: 0 15px;
     margin: 0;
     line-height: 24px;
     font-size: 14px;
     font-weight: 400
 }

 .mr-5 {
     margin-right: 5px
 }

 .bold_600 {
     font-weight: 600 !important
 }

 .account-info-middle {
     padding: 20px 0;
     margin: 0;
     position: relative
 }

 .account-info-div {
     padding: 0;
     margin: 0 0 20px 0 !important;
     position: relative
 }

 .add-new-class.account-info-div .title-form {
     padding: 5px 0 0 0;
     margin: 0;
     font-size: 16px !important;
     font-weight: 600;
     color: #222
 }

 .resize-none {
     resize: none !important
 }

 .checkbox-div-1 {
     height: 100%;
     padding: 10px 0 20px 0;
     margin: 0
 }

 .btn-blue {
     background: var(--purple);
     color: #fff;
     border-radius: 0;
     padding: 8px 25px;
     text-transform: uppercase;
     transition: all .2s ease-in-out
 }

 .btn-blue:focus,
 .btn-blue:hover {
     background: #fdb414;
     color: #fff
 }

 .total-numer {
     color: #666;
     font-size: 13px
 }

 .user-profile-div {
     padding: 10px;
     margin: 0;
     position: relative
 }

 .user-profile-div .img-thumb-center {
     padding: 0;
     margin: 0 auto;
     text-align: center
 }

 .user-profile-div .img-thumb-center .img-rounded {
     padding: 0;
     margin: 10px auto;
     text-align: center;
     width: 100px;
     max-width: 100px;
     height: 100px;
     border-radius: 100%
 }

 .user-profile-div .content-footer h3 {
     padding: 10px 0 0 0;
     margin: 0 auto;
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     color: #222
 }

 .user-profile-div .content-footer p {
     padding: 0;
     margin: 0 auto;
     text-align: center;
     font-size: 13px;
     color: #666;
     font-weight: 400
 }

 .btn-center-div {
     text-align: center;
     margin: 0 auto
 }

 .corner_sample {
     margin: 0 !important
 }

 .corner_sample h1 {
     margin: 0 !important;
     display: inline-block;
     text-transform: uppercase
 }

 .corner_sample .span-right i {
     top: 0;
     font-size: 16px
 }

 .corner_sample .tooltip.fade.right.in {
     width: 500px !important
 }

 .corner_sample .tooltip-inner {
     background-color: rgba(51, 51, 51, .9) !important;
     max-width: 350px;
     text-align: justify
 }

 .cols-grid-4 {
     margin: 0 0 20px 0
 }

 .simple-grid-4 {
     margin: 0 0 20px 0
 }

 .all-tab-div {
     padding: 0;
     margin: 0;
     position: relative
 }

 .all-tab-div .tab-content-1 {
     padding: 10px 0;
     margin: 0;
     background-color: #fff !important;
     border: 1px solid #ddd
 }

 .tab-content-1 .video-card-1 {
     padding: 10px 5px;
     margin: 0;
     position: relative
 }

 .tab-content-1 .video-box {
     padding: 0;
     margin: 0;
     position: relative
 }

 .tab-content-1 .video-box .grid-4 {
     position: relative;
     width: 100%
 }

 .grid-4 .image {
     display: block;
     width: 100%;
     height: 100%
 }

 .grid-4 .overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 19, 77, .5);
     overflow: hidden;
     width: 100%;
     height: 100%;
     transition: .5s ease;
     opacity: 0
 }

 .grid-4:hover .overlay {
     opacity: 1
 }

 .grid-4 .text {
     color: #fff;
     font-size: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center
 }

 .grid-4 .image-icon {
     width: 100px
 }

 .play-img {
     width: 70px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
     z-index: 1
 }

 .grid-footer {
     padding: 10px;
     background-color: #262626;
     position: relative
 }

 .grid-footer p {
     margin: 0;
     padding: 5px 0;
     font-size: 12px;
     color: #fff;
     line-height: 1.4;
     display: block
 }

 .grid-footer h3 {
     margin: 0;
     padding: 5px 0;
     font-size: 16px;
     color: #fff;
     line-height: 1.4;
     font-weight: 500;
     display: block
 }

 .video-modal {
     margin: 0;
     padding: 0;
     z-index: 9999999 !important;
     background: #000
 }

 .video-modal .modal-content {
     box-shadow: none !important;
     border-radius: 0
 }

 .video-modal span.cancel-span {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 99999999;
     color: #fff;
     padding: 10px;
     margin: 20px;
     background: #fff;
     color: #222;
     opacity: 1;
     border-radius: 4px
 }

 .video-modal .modal-dialog {
     width: 900px;
     margin: 120px auto 0 auto
 }

 .thumb-img-div {
     width: 100%;
     height: 100%
 }

 .training-video .video-card-1 .colbox-4 {
     padding: 0 5px
 }

 .training-video .tab-content-1 {
     padding: 10px 0 0 0
 }

 .training-video .tab-content-1 .video-card-1 {
     padding: 10px 5px 0 5px
 }

 .training-video .grid-footer h3 {
     font-size: 13px !important
 }

 .tooltip-1 {
     position: relative;
     display: inline-block
 }

 .tooltip-1:hover {
     cursor: pointer
 }

 .tooltip-1 .tooltiptext {
     visibility: hidden;
     width: 400px;
     background-color: #2b2b2b;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 15px 15px;
     position: absolute;
     z-index: 1;
     bottom: -330%;
     left: 110px;
     margin-left: -60px;
     opacity: 0;
     transition: opacity .3s;
     z-index: 999999999999
 }

 .tooltip-1 .tooltiptext::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     margin-left: -12px;
     border-width: 6px;
     border-style: solid;
     border-color: transparent #2b2b2b transparent transparent
 }

 .tooltip-1:hover .tooltiptext {
     visibility: visible;
     opacity: 1
 }

 .title-heading {
     display: block;
     padding: 0 0 10px 0
 }

 .title-heading h3 {
     margin: 0;
     padding: 0 0 5px 0 !important;
     font-size: 16px !important;
     color: #fff;
     line-height: 24px;
     font-weight: 500;
     display: block;
     text-align: left;
     text-transform: none !important;
     letter-spacing: .2px
 }

 .border_bottom_1 {
     width: 50px;
     height: 2px;
     background: #fdb414
 }

 .tooltip-content-div {
     padding: 0 0 5px 0
 }

 .tooltip-content-div p {
     margin: 0;
     padding: 0 0;
     font-size: 14px;
     color: #fff;
     line-height: 24px;
     text-align: left;
     text-transform: none !important;
     font-weight: 400;
     letter-spacing: .2px
 }

 .i-big-18 {
     font-size: 18px
 }

 .tooltip-br1 .tooltip-content-div p {
     height: 120px;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     z-index: 999999999999
 }

 .tooltip-br1 .tooltiptext {
     width: 500px;
     bottom: -400%
 }

 .block-span1 {
     display: block
 }

 .tooltip-1.tooltip-br1.tooltips-awards .tooltiptext {
     bottom: -300%
 }

 .dashboard {
     position: relative
 }

 .dashboard .graph-div {
     padding: 20px;
     margin: 0
 }

 .dashboard .panel-body {
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 324px
 }

 .img-graph {
     margin: 10px auto 20px auto;
     text-align: center;
     width: 85%;
     height: 300px
 }

 .dashboard .dashboard_row {
     padding: 0;
     margin: 0 -15px;
     position: relative
 }

 .dashboard .dashboard_row .box-grid {
     padding: 40px 20px 30px 20px;
     margin: 0 0 20px 0;
     background-color: #00134d;
     border-radius: 8px
 }

 .dashboard .dashboard_row .bg-yellow {
     background-color: #fdb413
 }

 .box-grid .thumb-icon .img-icon {
     width: 80px;
     margin: 0 auto
 }

 .box-grid .bottom-div {
     padding: 10px;
     margin: 0
 }

 .box-grid .bottom-div h1 {
     color: #fff;
     padding: 10px;
     margin: 0;
     text-align: center;
     font-size: 48px;
     font-weight: 400;
     line-height: 1.4
 }

 .box-grid .bottom-div h5 {
     color: #fff;
     padding: 5px;
     margin: 0;
     text-align: center;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: .5px;
     line-height: 1.4;
     text-transform: uppercase
 }

 .box-grid .bottom-div p {
     color: #fff;
     padding: 0;
     margin: 0;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: .5px;
     line-height: 1.4
 }

 .table-scroll-div.scroll-div1 {
     padding: 0;
     margin: 0;
     background-color: #fff;
     border: 1px solid #ddd
 }

 .table-scroll-div.scroll-div1 .datatable-scroll {
     height: 245px;
     margin: 0 0 !important
 }

 .table-scroll-div.scroll-div1 h3 {
     font-size: 14px;
     padding: 10px;
     margin: 0 !important;
     text-transform: uppercase;
     font-weight: 500;
     line-height: 1.4;
     color: #333
 }

 .table-scroll-div.scroll-div1 .table>thead>tr>th {
     padding: 15px 20px 12px 15px !important;
     color: #fff
 }

 .scrollbar-table table {
     width: 100%;
     table-layout: fixed
 }

 .scrollbar-table .tbl-header {
     background-color: #fff
 }

 .scrollbar-table .tbl-content {
     height: 200px;
     overflow-x: auto;
     margin-top: -1px
 }

 .scrollbar-table th {
     padding: 20px 15px;
     text-align: left;
     font-weight: 500;
     font-size: 12px;
     color: #333;
     text-transform: uppercase
 }

 .scrollbar-table td {
     padding: 15px;
     text-align: left;
     vertical-align: middle;
     font-weight: 400;
     font-size: 13px;
     color: #333
 }

 .scrollbar-table ::-webkit-scrollbar {
     width: 10px
 }

 .scrollbar-table ::-webkit-scrollbar-track {
     background-color: #eee;
     border: 1px solid #ddd
 }

 .scrollbar-table ::-webkit-scrollbar-thumb {
     background-color: #666
 }

 .coach-listing-div {
     padding: 0 0;
     margin: 0;
     position: relative;
     background-color: #fff;
     border: 1px solid #ddd
 }

 .coach-listing-div h3 {
     display: block;
     padding: 10px 15px;
     margin: 0;
     font-size: 18px;
     font-weight: 600;
     border-bottom: 1px solid #ddd;
     color: #003881
 }

 .coach-listing-div .listing-body {
     padding: 30px 15px;
     margin: 0
 }

 .listing-row {
     padding: 0;
     margin: 0 0 20px 0
 }

 .listing-row:last-child {
     margin: 0
 }

 .listing-row .left-div {
     padding: 0;
     margin: 0;
     float: left;
     width: 20%
 }

 .listing-row .left-div .user-profile {
     width: 44px;
     height: 44px;
     max-width: 44px;
     border-radius: 100%;
     margin: 0 auto
 }

 .listing-row .title-div {
     padding: 0;
     margin: 0;
     float: left;
     width: 60%;
     height: 45px;
     display: flex;
     align-items: center
 }

 .listing-row .title-div p {
     padding: 0;
     margin: 0;
     text-align: left;
     color: #666;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.4
 }

 .listing-row .right-div {
     padding: 4px 5px;
     margin: 0;
     float: right;
     width: 20%;
     height: 45px;
     line-height: 45px
 }

 .listing-row .span-round {
     background-color: #828282;
     color: #fff;
     border-radius: 100%;
     height: 35px;
     width: 35px;
     line-height: 35px;
     text-align: center;
     float: right;
     display: inline-block
 }

 .listing-row .span-round:hover {
     box-shadow: 0 0 10px 0 #828282;
     transition: .7s;
     -webkit-transition: .7s;
     -moz-transition: .7s;
     -ms-transition: .7s;
     -o-transition: .7s;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(360deg)
 }

 .listing-row .span-round i {
     font-size: 14px
 }

 .panel-calendar {
     background-color: #fff;
     padding: 15px;
     margin: 0 0 20px 0;
     border: 1px solid #ddd;
     border-radius: 3px
 }

 .panel-calendar .cal-div {
     margin: 0;
     padding: 0;
     position: relative;
     background-color: #ececec !important
 }

 .panel-calendar .fc-view>table {
     min-width: 100%;
     height: 100%
 }

 .panel-calendar .fc-view-container {
     height: 220px;
     padding: 10px 0;
     background-color: #ececec
 }

 .panel-calendar .fc-view {
     max-width: 100%;
     overflow: hidden;
     position: relative !important;
     height: 200px
 }

 .panel-calendar .cal-event-blk {
     margin: 0 auto;
     padding: 25px;
     position: relative;
     text-align: left;
     vertical-align: middle;
     border-top: 1px solid #ddd;
     background-color: #ececec
 }

 .panel-calendar .cal-event-blk .event-1 {
     margin: 0 20px 0 0;
     padding: 0;
     display: inline-block;
     color: #666;
     font-size: 12px;
     vertical-align: middle
 }

 .panel-calendar .cal-event-blk .blue {
     margin: 0 5px 0 0;
     padding: 0;
     background: #32cd32 !important;
     width: 20px;
     height: 20px;
     display: inline-block;
     vertical-align: middle
 }

 .panel-calendar .fc-icon-left-single-arrow:after,
 .panel-calendar .fc-icon-right-single-arrow:after {
     font-size: 14px !important;
     top: -3px !important
 }

 .panel-calendar .fc-bgevent {
     background: #32cd32 !important
 }

 .panel-calendar .fc-day-number {
     color: #222 !important
 }

 .tab-content-corner {
     padding: 20px 20px !important;
     margin: 0;
     background-color: #fff !important;
     border: 0 solid #ddd
 }

 .tab-content-1 .img-card-1 {
     padding: 15px 0 0 0;
     margin: 0;
     position: relative
 }

 .img-ptb-5 {
     padding: 5px 0 5px 0 !important
 }

 .grid-view-4 {
     position: relative;
     width: 100%
 }

 .grid-view-4 .image {
     display: block;
     width: 100%;
     height: 100%
 }

 .grid-view-4 .overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 128, .4);
     overflow: hidden;
     width: 100%;
     height: 100%;
     transition: .5s ease;
     opacity: 0
 }

 .grid-view-4 .overlay.bg-black-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, .5);
     overflow: hidden;
     width: 100%;
     height: 100%;
     transition: .5s ease;
     opacity: 0
 }

 .grid-view-4:hover .overlay {
     opacity: 1
 }

 .grid-view-4 .text {
     color: #fff;
     font-size: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center
 }

 .grid-view-4 .image-icon {
     width: 100px
 }

 .grid-header {
     padding: 15px 15px;
     background-color: #262626;
     position: relative
 }

 .grid-header h3 {
     margin: 0;
     padding: 5px 0;
     font-size: 16px;
     color: #fff;
     line-height: 1.4;
     font-weight: 500;
     display: block;
     text-transform: capitalize;
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .grid-view-4 .thumb-img-div {
     width: 100%;
     height: 100%;
     max-height: 100%;
     border: 1px solid #ddd
 }

 .border_bottom {
     width: 50px;
     height: 2px;
     background: #ee9130
 }

 .tab-content-corner .video-box.img-box {
     margin: 0 0 15px 0;
     height: 374px;
     overflow: hidden
 }

 .img-center-div {
     display: flex;
     text-align: center;
     margin: 0 auto;
     justify-content: center
 }

 .dashboard-edit-profile.middle-area-div {
     margin: 0 0 !important;
     padding: 0 !important
 }

 .edit-profile-section {
     margin: 0;
     padding: 0;
     position: relative
 }

 .edit-profile-div {
     margin: 0;
     padding: 0
 }

 .right-sidebar-edit .nav-pills {
     margin-bottom: 0
 }

 .pl-0 {
     padding-left: 0 !important
 }

 .pr-0 {
     padding-right: 0 !important
 }

 .plr-0 {
     padding-left: 0 !important;
     padding-right: 0 !important
 }

 .bg-f5 {
     background-color: #f5f5f5
 }

 .bg-white {
     background-color: #fff
 }

 .edit-profile-div .left-sidebar {
     margin: 0 0;
     padding: 0 0;
     width: 100%;
     height: 100%;
     position: relative
 }

 .edit-profile-div .left-sidebar .card-div {
     padding: 35px 20px;
     margin: 0 auto;
     display: block;
     width: 100%;
     min-height: 1135px;
     background-color: #f5f5f5
 }

 .edit-profile-div .left-sidebar .card-div .img-thumb-div {
     margin: 0;
     padding: 0;
     position: relative
 }

 .edit-profile-div .left-sidebar .card-div .img-thumb-div .img-responsive.img-profile-center {
     margin: 0;
     text-align: center;
     border: 5px solid #d9d9d9;
     border-radius: 50%;
     width: 230px;
     height: 230px;
     max-width: 230px
 }

 .round-edit {
     margin: -50px 0 0 170px;
     padding: 0;
     background-color: #fff;
     height: 40px;
     width: 40px;
     position: relative;
     display: block;
     border-radius: 50%;
     transition: all .3s ease-in-out
 }

 .round-edit:hover {
     background-color: #fdb413 !important
 }

 .round-edit .img-responsive.edit-image {
     margin: 0 auto;
     padding: 12px 0 0 0;
     width: 16px
 }

 .edit-profile-div .left-sidebar .card-div h3 {
     margin: 0;
     padding: 10px 0 0 0;
     font-size: 18px;
     color: #666;
     font-weight: 700;
     text-transform: capitalize
 }

 .edit-profile-div .left-sidebar .card-div address {
     margin: 0;
     padding: 15px 0
 }

 .edit-profile-div .left-sidebar .card-div p {
     margin: 0;
     padding: 0 0;
     color: #666;
     font-size: 14px;
     line-height: 30px
 }

 .edit-profile-div .left-sidebar .card-div p>a {
     margin: 0;
     padding: 0;
     color: #666;
     font-size: 14px;
     word-wrap: break-word
 }

 .edit-profile-div .left-sidebar .card-div .div-profile {
     margin: 0 auto;
     padding: 50px 0 50px 0;
     width: 50%
 }

 .edit-profile-div .right-sidebar-edit {
     margin: 0 -15px;
     padding: 15px;
     background-color: #fff
 }

 .edit-profile-div .right-sidebar-edit .tab-section {
     padding: 0;
     margin: 0 0
 }

 .edit-profile-div .right-sidebar-edit .tab-div {
     padding: 0;
     margin: 0 0
 }

 .nav-pills>li.active>a:focus,
 .nav-pills>li.active>a:hover,
 .right-sidebar-edit .tab-div .nav-pills>li.active>a {
     color: #003983;
     background-color: #fff;
     border-bottom: 2px solid #003882;
     border-radius: 0;
     transition: all .3s ease-in-out
 }

 .right-sidebar-edit .tab-div .nav-justified li>a {
     font-size: 16px;
     line-height: 30px;
     color: #afaeae
 }

 .right-sidebar-edit .tab-div .nav-justified li>a:focus,
 .right-sidebar-edit .tab-div .nav-justified li>a:hover {
     text-decoration: none;
     background-color: #fff;
     border-bottom: 2px solid #f4b019;
     border-radius: 0;
     transition: all .3s ease-in-out
 }

 .right-sidebar-edit .tab-div .tab-content-div {
     margin: 0;
     padding: 20px;
     border-radius: 0;
     border: 1px solid #ddd
 }

 .right-sidebar-edit .info-card-01 {
     padding: 0;
     margin: 0 0 30px 0
 }

 .right-sidebar-edit .info-card-01 .tabhead-div {
     margin: 0;
     padding: 0 0 !important
 }

 .right-sidebar-edit .info-card-01 .tabhead-div h3 {
     margin: 0;
     padding: 0 0 20px 0;
     font-size: 18px;
     color: #003881;
     font-weight: 400;
     line-height: 30px;
     text-transform: capitalize;
     text-align: left;
     display: inline-block;
     width: 80%
 }

 .right-sidebar-edit .info-card-01 .tabhead-div p {
     margin: 0;
     padding: 0 0;
     color: #003881;
     font-size: 12px;
     line-height: 30px;
     text-transform: uppercase;
     text-align: right;
     display: inline-block;
     width: 19%;
     font-weight: 300
 }

 .right-sidebar-edit .info-card-01 .tabhead-div p>a {
     color: #003881;
     font-weight: 400
 }

 .right-sidebar-edit .info-card-01 .table-div {
     margin: 0;
     padding: 0;
     border: 1px solid #eee
 }

 .right-sidebar-edit .info-card-01 .table-div ul {
     margin: 0 0;
     padding: 0;
     border-top: 1px solid #efefef;
     border-bottom: 1px solid #efefef;
     background-color: #f9f9f9;
     padding: 10px 12px;
     list-style: none outside
 }

 .right-sidebar-edit .info-card-01 .table-div li {
     float: left;
     font-size: 13px
 }

 .right-sidebar-edit .info-card-01 .table-div li.first-column {
     width: 30%;
     color: #333
 }

 .right-sidebar-edit .info-card-01 .table-div li.second-column {
     width: 70%;
     color: #666
 }

 .right-sidebar-edit .tab-div .tab-content-div .info-card-01.info-card-02 {
     padding: 0;
     margin: 0 0 00px 0
 }

 .profile-edit-title {
     margin: 0;
     padding: 0 0 20px 0;
     font-size: 18px;
     color: #003881;
     font-weight: 400;
     line-height: 30px;
     text-transform: capitalize;
     text-align: left;
     display: inline-block;
     width: 80%
 }

 .payment-method-tbl {
     margin: 0;
     padding: 0;
     position: relative;
     border: 1px solid #ddd;
     border-top: none
 }

 .payment-method-tbl .table,
 .payment-method-tbl .table-responsive {
     margin: 0
 }

 .payment-method-tbl th {
     margin: 0;
     padding: 0;
     background: #f8f8f8;
     font-size: 14px;
     font-weight: 700;
     color: #333
 }

 .payment-method-tbl td {
     font-weight: 400;
     color: #666;
     vertical-align: middle
 }

 .payment-method-tbl td a {
     display: inline-block;
     vertical-align: middle
 }

 .payment-method-tbl .default-span {
     font-weight: 400;
     color: #fff;
     font-size: 12px;
     background: #00357c;
     border-radius: 6px;
     margin: 0;
     padding: 3px 20px;
     display: inline-block;
     vertical-align: middle
 }

 .payment-method-tbl .set-default-span {
     font-weight: 400;
     color: #333;
     font-size: 12px;
     background: #fdb413;
     border-radius: 6px;
     margin: 0;
     padding: 3px 20px;
     display: inline-block;
     vertical-align: middle
 }

 .payment-method-tbl .set-default-span:hover {
     background: #0f4092;
     color: #fff
 }

 .payment-method-tbl .remove {
     margin: 0 0 0 10px;
     padding: 0;
     position: relative;
     vertical-align: middle;
     display: inline-block
 }

 .payment-method-tbl .remove img {
     width: 20px
 }

 .visa-icon {
     width: 30px;
     display: inline-block;
     margin-right: 5px
 }

 .head-top {
     padding: 10px 0 !important;
     border-bottom: 1px solid #ddd;
     margin-bottom: 25px !important;
     text-transform: uppercase;
     font-weight: 400;
     color: #222
 }

 .btn.btn-primary.btn-custom {
     margin: 0;
     padding: 10px 20px !important;
     background-color: #00134d !important;
     border-radius: 0 !important;
     border: none !important;
     outline: 0;
     transition: all .3s ease-in-out
 }

 .btn.btn-primary.btn-custom:hover {
     margin: 0;
     padding: 10px 20px !important;
     background-color: #fdb413 !important;
     border-radius: 0 !important;
     border: none !important
 }

 .font-bigger {
     font-size: 24px;
     font-weight: 900 !important;
     text-transform: capitalize;
     letter-spacing: .5px
 }

 .text-area-resize {
     resize: none
 }

 .telephone-div {
     padding: 5px 5px
 }

 .telephone-div .tel-link-modal {
     display: block;
     font-size: 14px;
     color: #666;
     padding: 0 0;
     margin: 0
 }

 .telephone-div .tel-link-modal i.call-i {
     font-size: 16px;
     color: #fff;
     height: 24px;
     line-height: 24px;
     text-align: center;
     width: 24px;
     margin-right: 5px;
     background: #666;
     border-radius: 100%
 }

 .table-fixed thead {
     width: 97%
 }

 .table-fixed tbody {
     height: 230px;
     overflow-y: auto;
     width: 100%
 }

 .table-fixed tbody,
 .table-fixed td,
 .table-fixed th,
 .table-fixed thead,
 .table-fixed tr {
     display: block
 }

 .table-fixed tbody td,
 .table-fixed thead>tr>th {
     float: left;
     color: #222;
     border-bottom-width: 0
 }

 .white-div {
     background-color: #fff;
     padding: 10px 0 0 0;
     border: 1px solid #ddd
 }

 .basic-guidelines .video-card-1.img-card-1 .video-box.img-box {
     margin: 0 0 20px 0
 }

 .basic-guidelines .video-card-1.img-card-1 {
     padding: 10px 0 0 0 !important
 }

 .training-video {
     padding: 0;
     margin: 0;
     position: relative
 }

 .training-video .tabbable .nav-tabs.nav-tabs-solid>li>a {
     padding: 15px 15px;
     text-transform: capitalize
 }

 .training-video .nav-stacked>li+li {
     margin-top: 0;
     margin-left: 0
 }

 .training-video.tab-div .tabbable {
     padding: 0;
     margin: 0;
     background-color: #fff !important
 }

 .training-video .tabbable .nav-tabs.nav-tabs-solid>li:last-child {
     background: #fff;
     border: 1px solid #ddd;
     border-bottom: 1px solid #ddd !important;
     font-size: 14px
 }

 .video-time.video-box {
     margin: 0 0 20px 0;
     border: 1px solid #ddd
 }

 .video-time .grid-4 .image-icon {
     width: 70px
 }

 .video-time .play-img {
     width: 55px
 }

 .video-time .time-view {
     position: absolute;
     right: 15px;
     color: #fff;
     letter-spacing: .5px;
     margin-top: 5px
 }

 .video-time .grid-footer {
     padding: 10px 10px 15px 10px;
     position: relative
 }

 .video-time .grid-footer h3 {
     padding: 5px 55px 5px 0;
     display: block;
     font-size: 14px;
     white-space: nowrap;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     text-transform: capitalize
 }

 .video-panel-div1 {
     padding: 0 10px
 }

 .video-panel-div1 .panel-title.title-form {
     text-transform: capitalize
 }

 .game-01 {
     margin-bottom: 10px !important;
     margin-top: 10px !important
 }

 .game-01 .account-info-div {
     margin-bottom: 20px !important
 }

 .nav-title {
     padding: 15px 20px 10px 20px;
     background: #00134d;
     line-height: 26px;
     display: none
 }

 .sidebar-xs .min-sidebar {
     min-height: 1140px
 }

 .sidebar-xs .navigation-main .sidebar-menu-child {
     position: relative;
     background: #222;
     width: 300px;
     display: none;
     vertical-align: top
 }

 .sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-1 {
     position: absolute;
     top: 0;
     height: 100vh;
     min-height: 100%;
     left: 100px;
     width: 300px;
     display: block;
     min-height: 1316px
 }

 .sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-01 {
     position: absolute;
     height: 92.6vh;
     left: 295px;
     background: #111d44;
     width: 300px;
     display: block;
     min-height: 1247px
 }

 .sidebar-xs .navigation-main .nav-1 {
     top: -250px !important;
     padding-top: 249px
 }

 .sidebar-xs .navigation-main .nav-01 {
     top: -355px !important;
     padding-top: 354px
 }

 .sidebar-xs .navigation-main .nav-02 {
     top: -465px !important;
     padding-top: 464px
 }

 .sidebar-xs .navigation-main .nav-03 {
     top: -585px !important;
     padding-top: 584px
 }

 .sidebar-xs .navigation-main .nav-3 {
     top: -350px !important;
     padding-top: 349px
 }

 .sidebar-xs .navigation-main .nav-4 {
     top: -450px !important;
     padding-top: 449px
 }

 .sidebar-xs .navigation-main .nav-4 .nav-01 {
     top: -555px !important;
     padding-top: 554px;
     z-index: 9
 }

 .sidebar-xs .navigation-main li>ul.nav-4>li:hover .sidebar-menu-child.nav-01 {
     height: 97vh
 }

 .sidebar-xs .navigation-main li.nav-title {
     padding: 15px 20px 10px 20px;
     background: #00134d;
     line-height: 26px;
     display: block
 }

 .sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-2 {
     min-height: 1242px
 }

 .sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-3 {
     min-height: 1268px
 }

 .sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-4 {
     min-height: 1294px
 }

 .sidebar-xs .navigation-main li>ul.nav-4>li:hover .sidebar-menu-child.nav-01 {
     min-height: 1266px
 }

 .sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-01 {
     min-height: 1288px;
     z-index: 9
 }

 .sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-02 {
     min-height: 1234px
 }

 .sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-001 {
     min-height: 1266px;
     z-index: 9
 }

 .sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-01.nav-03 {
     min-height: 1231px
 }

 .sidebar-xs .sidebar {
     position: relative;
     max-height: 100%;
     min-height: 100%;
     height: 100vh;
     top: -1px;
     bottom: 1px;
     margin-bottom: -1px;
     z-index: 99999
 }

 .panel-calendar .fc-toolbar .fc-right {
     float: right;
     width: 120px
 }

 .panel-calendar .fc-toolbar .fc-left {
     float: left;
     width: 150px
 }

 .admin-navbar-top.sidebar-xs .navigation-main .nav-4 {
     top: -465px !important;
     padding-top: 465px
 }

 .admin-navbar-top.sidebar-xs .navigation-main .nav-3 {
     top: -390px !important;
     padding-top: 390px
 }

 .admin-navbar-top.sidebar-xs .navigation-main .nav-4 .nav-01 {
     top: -600px !important;
     padding-top: 590px;
     z-index: 9
 }

 .admin-navbar-top.sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-001 {
     min-height: 1295px
 }

 .admin-navbar-top.sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-01 {
     min-height: 1248px;
     z-index: 9
 }

 .admin-navbar-top.sidebar-xs ul.sidebar-menu-child.nav-1.nav-3 {
     min-height: 1235px !important
 }

 .admin-navbar-top.sidebar-xs ul.sidebar-menu-child.nav-1.nav-4 {
     min-height: 1236px !important
 }

 .admin-navbar-top.sidebar-xs ul.sidebar-menu-child.nav-01.nav-001 {
     min-height: 1237px !important
 }

 .admin-navbar-top.sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-1 {
     min-height: 1317px
 }

 .coach-navbar-top.sidebar-xs .navigation-main .nav-4 {
     top: -470px !important;
     padding-top: 470px
 }

 .coach-navbar-top.sidebar-xs .navigation-main .nav-3 {
     top: -392px !important;
     padding-top: 390px;
     min-height: 1237px !important
 }

 .coach-navbar-top.sidebar-xs .navigation-main .nav-4 .nav-01 {
     top: -600px !important;
     padding-top: 590px;
     z-index: 9
 }

 .coach-navbar-top.sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-001 {
     min-height: 1295px
 }

 .coach-navbar-top.sidebar-xs .navigation-main li>ul.nav-1>li:hover .sidebar-menu-child.nav-01 {
     min-height: 1288px;
     z-index: 9
 }

 .coach-navbar-top.sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-4 {
     min-height: 1241px
 }

 .coach-navbar-top.sidebar-xs .navigation-main li:hover .sidebar-menu-child.nav-4 .sidebar-menu-child.nav-001 {
     min-height: 1237px
 }

 .tracker-div {
     padding: 10px;
     margin: 0;
     position: relative
 }

 .row.table-div-12 {
     padding: 0 15px;
     margin: 0 0;
     background-color: #fff
 }

 .data-table-1.table-div .datatable-scroll {
     height: 100%;
     overflow-y: auto !important
 }

 .data-table-1.table-div .dataTables_paginate {
     display: block !important
 }

 .data-table-1 .col-10 {
     width: 10% !important
 }

 .data-table-1 .col-15 {
     width: 15% !important
 }

 .data-table-1 .col-12 {
     width: 12% !important
 }

 .data-table-1 .col-20 {
     width: 20% !important
 }

 .data-table-1 .col-18 {
     width: 18% !important
 }

 .data-table-1 .col-11 {
     width: 11% !important
 }

 .tab-status {
     padding: 0;
     margin: 0;
     position: relative
 }

 .center-tabdiv {
     margin-left: 300px
 }

 .tab-status .nav-pills {
     display: inline-block;
     margin: 15px 0 0 0 !important;
     position: absolute;
     z-index: 9
 }

 .tab-status .nav-pills>li.active>a {
     background: var(--purple);
     border: 1px solid var(--purple-border) !important;
     border-radius: 0;
     letter-spacing: .3px;
     color: #fff;
     margin: 0;
     padding: 7px 15px !important;
     height: 36px
 }

 .tab-status .nav-pills>li>a {
     background: #fff;
     border: 1px solid #666;
     border-radius: 0;
     letter-spacing: .3px;
     color: #222;
     margin: 0;
     width: 120px;
     text-align: center;
     font-weight: 400;
     padding: 7px 15px !important;
     height: 36px
 }

 .tab-invoices .datatable-header {
     padding: 15px 15px 0 15px
 }

 .tab-invoices .datatable-footer {
     padding: 10px 15px
 }

 .data-table-1 .text-left .list-inline li img {
     width: 20px !important;
     vertical-align: middle;
     margin: 0;
     padding: 10px 0 0 0
 }

 .data-table-1 .text-left .list-inline li img.dollar-01 {
     width: 17px !important
 }

 .data-table-1.table-div .datatable-header {
     display: block
 }

 .data-table-1.table-div .table>thead>tr>th {
     padding: 12px 10px !important;
     text-transform: capitalize;
     font-size: 14px !important;
 }

 .data-table-1.table-div .table>thead>tr>th {
     padding: 12px 10px !important;
     text-transform: capitalize
 }

 .data-table-1.table-div .table>thead>tr>th.min-130 {
     min-width: 130px !important
 }

 .data-table-1.table-div .table>tbody>tr>td {
     padding: 5px 10px 4px 10px !important
 }

 .data-table-2.table-div .table>tbody>tr>td {
     padding: 12px 15px 10px 15px !important
 }

 .data-table-1 .text-left .list-inline li .icon-active {
     width: 25px !important
 }

 .data-table-1 .text-left .list-inline li .icon-active.i17 {
     width: 17px !important
 }

 .data-table-1 .text-left .list-inline li img.icon-r1 {
     width: 22px !important
 }

 .data-table-1 .text-left .list-inline li img.icon-r2 {
     width: 18px !important
 }

 .btn-r85 {
     width: 85px !important
 }

 .discount-div-panel .dataTable thead .sorting:after,
 .discount-div-panel .dataTable thead .sorting:before {
     right: 10px !important
 }

 .invoice-modal .invoice-h4 {
     padding: 10px 0;
     margin: 0;
     position: relative
 }

 .invoice-h4 .left-50 {
     width: 50%;
     float: left;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px
 }

 .invoice-h4 .left-50 .invoice_id {
     letter-spacing: 1px
 }

 .invoice-h4 .right-50 {
     width: 50%;
     float: right;
     text-align: right;
     letter-spacing: .5px;
     font-size: 14px
 }

 .invoice-modal .info-div {
     border: 1px solid #ddd
 }

 .invoice-modal .info-div p {
     border: 1px solid #ddd;
     padding: 0 0
 }

 .invoice-modal .info-div p .title-span {
     padding: 10px 10px;
     margin: 0;
     font-weight: 600;
     width: 25%;
     float: left;
     background: #ddd
 }

 .invoice-modal .info-div p .date-span {
     width: 75%;
     float: left;
     padding: 10px
 }

 .upload-file-div {
     padding: 0 0;
     border: 1px solid #ddd
 }

 .upload-file-div>p {
     padding: 10px 15px 10px 15px;
     border-bottom: 1px solid #ddd;
     background: #ddd;
     font-weight: 600
 }

 .upload-file-div input.file-upload {
     padding: 5px 15px 15px 15px
 }

 label.label-btn.monday.outstanding-label {
     margin-bottom: 0
 }

 .basic-div {
     padding: 10px 10px;
     margin: 0 -15px;
     position: relative
 }

 .basic-div .grid-view-list {
     padding: 60px 0 30px 0;
     background-color: #262626;
     min-height: 300px;
     display: flex;
     justify-content: center;
     flex-direction: column !important
 }

 .basic-div .grid-view-list:hover {
     background-color: #001042
 }

 .basic-div .grid-view-list .overlay.bg-black-overlay {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     opacity: 1 !important;
     padding: 0
 }

 .basic-div .grid-view-list .text {
     margin: 0 auto;
     text-align: center;
     display: block;
     padding: 0 0 10px 0
 }

 .basic-div .grid-view-list .image-icon {
     width: 85px;
     margin: 0 auto;
     text-align: center
 }

 .grid-header-1 {
     padding: 15px 15px;
     position: relative
 }

 .grid-header-1 h3 {
     margin: 0;
     padding: 5px 0;
     font-size: 16px;
     color: #fff;
     line-height: 1.4;
     font-weight: 500;
     display: block;
     text-align: center
 }

 .top-head-div {
     margin: 0 !important
 }

 .top-head-div h1 {
     margin: 0 !important;
     display: inline-block;
     text-transform: uppercase
 }

 .top-head-div .span-right i {
     top: 0;
     font-size: 16px
 }

 .top-head-div .tooltip.fade.right.in {
     width: 500px !important
 }

 .top-head-div .tooltip-inner {
     background-color: rgba(51, 51, 51, .9) !important;
     max-width: 350px;
     text-align: justify
 }

 .video-div-promo {
     padding: 20px 10px 0 10px !important;
     background-color: #fff;
     margin: 0;
     border: 1px solid #ddd
 }

 .video-div-promo .video-card-1 {
     padding: 0 !important;
     margin: 0 0
 }

 .video-div-promo .video-card-1 .video-time.video-box {
     padding: 0 !important;
     margin: 0 -5px 20px -5px
 }

 .video-div-promo .link-p {
     padding: 10px 25px 10px 10px;
     margin: 10px 0 0 0;
     background-color: #333;
     position: relative;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .img-copy1 {
     width: 14px;
     float: right;
     position: absolute;
     right: 10px;
     top: 10px
 }

 .weather-div {
     padding: 0;
     margin: 0;
     position: relative
 }

 .weather-div .weather-details {
     padding: 20px 25px;
     margin: 0;
     position: absolute;
     background-color: rgba(0, 0, 0, .2);
     width: 100%;
     height: 234px
 }

 .weather-details .weather-top-left {
     padding: 0;
     margin: 0;
     width: 60%;
     float: left;
     font-family: Roboto, sans-serif
 }

 .weather-details .weather-top-left h2 {
     padding: 0;
     color: #fff;
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 48px;
     line-height: 33px
 }

 .weather-details .weather-top-left h2>sup {
     font-size: 16px;
     vertical-align: top;
     line-height: 24px;
     font-family: Montserrat, sans-serif !important
 }

 .weather-details .weather-top-left p {
     padding: 0;
     color: #fff;
     font-weight: 400;
     font-size: 24px
 }

 .weather-details .weather-top-right {
     padding: 0 10px 0 0;
     margin: 0;
     width: 40%;
     float: left
 }

 .weather-details .weather-bottom-date {
     padding: 0;
     margin: 0;
     width: 100%;
     float: left
 }

 .weather-div .bg-image-div {
     padding: 0;
     margin: 0;
     background: #000 url(../images/los-angeles.jpg) no-repeat;
     background-size: cover;
     height: 286px
 }

 .weather-details .weather-bottom-date .today-label {
     background-color: #000;
     color: #fff;
     text-transform: uppercase;
     padding: 5px 15px 4px 15px
 }

 .weather-div .grid-footer {
     padding: 10px;
     background-color: #262626;
     position: absolute;
     display: block;
     width: 100%;
     bottom: 0
 }

 .weather-div .grid-footer h3 {
     margin: 0;
     padding: 7px 0;
     font-size: 16px;
     color: #fff;
     line-height: 1.4;
     font-weight: 500;
     display: block;
     text-align: center
 }

 .weather-div .weather-icon {
     width: 70px;
     float: right;
     margin-top: 15px
 }

 .right-logo-div {
     padding: 0;
     margin: 0;
     width: 100%
 }

 .right-logo-div .img-right-logo {
     width: 400px;
     margin: 40px 50px;
     float: right
 }

 .page-header-content.white-bg {
     background: #fff
 }

 .background-banner-image {
     margin: 0;
     padding: 0;
     background-image: url(../images/courseworkpage.jpg);
     height: 700px;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative
 }

 .v-shape-image {
     padding: 30px 5px
 }

 .vshape-img-thumb {
     padding: 0;
     margin: 0;
     position: absolute;
     bottom: 0
 }

 .vshape-img-thumb .bottom-vshape {
     width: 100%
 }

 .tab-content-1 .myvideo-card .video-box {
     border: 1px solid #ddd
 }

 .tab-content-1 .myvideo-card .grid-footer p {
     text-transform: uppercase
 }

 .tab-content-1 .myvideo-card .grid-footer h3 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .add-show {
     display: block !important
 }

 .add-hide {
     display: none !important
 }

 .active-summary .table>tbody>tr>td {
     padding: 8px 20px 4px 20px
 }

 .active-summary.table-div .datatable-scroll {
     max-height: 475px;
     overflow-y: scroll;
     height: auto
 }

 .p-zero {
     padding: 0 !important
 }

 .border-0 {
     border: none !important
 }

 .business-1 .business-grid-4 {
     margin: 0
 }

 .ul-business {
     list-style: none;
     margin: 0 0 15px 0;
     padding: 0 15px
 }

 .ul-business li {
     padding: 0;
     margin: 0;
     border: 1px solid #ddd;
     border-bottom: 0
 }

 .ul-business li:last-child {
     border-bottom: 1px solid #ddd !important
 }

 .ul-business li a {
     padding: 8px 10px;
     margin: 0;
     display: block
 }

 .ul-business li h3 {
     padding: 0;
     margin: 0;
     font-size: 16px;
     color: #222;
     line-height: 24px
 }

 .white-card-div-1 {
     padding: 0 0;
     margin: 0 0 10px 0;
     border: 1px solid #ddd;
     background-color: #fff;
     font-size: 13px
 }

 .white-card-div-1 .link-a01 {
     padding: 0;
     margin: 0;
     color: #333;
     line-height: 24px;
     display: block;
     position: relative;
     min-height: 42px;
     display: flex;
     align-items: center
 }

 .white-card-div-1 .link-a01:hover {
     box-shadow: 0 0 10px 0 rgba(102, 102, 102, .5)
 }

 .white-card-div-1 .img-icon-copy {
     width: 22px;
     float: right;
     margin: 0
 }

 .white-card-div-1 .thumb-img-new01 {
     padding: 0 0;
     display: block
 }

 .white-card-div-1 h3 {
     font-size: 13px;
     padding: 0;
     margin: 2px 00 0 0;
     text-transform: capitalize !important
 }

 .dropdown-width {
     min-width: 200px;
     margin-top: 10px !important
 }

 img.img-responsive.main-icon-01 {
     width: 22px;
     float: left;
     margin: 0 10px 0 0;
     border-radius: unset
 }

 img.img-responsive.main-icon-01.main-icon-02 {
     width: 18px;
     float: left;
     margin: 0 14px 0 0
 }

 img.img-responsive.main-icon-01.main-icon-03 {
     width: 21px;
     float: left;
     margin: 0;
     display: inline-block
 }

 .icon-logout {
     color: #222;
     text-align: left;
     margin-right: 18px !important
 }

 .edit-coach-div {
     padding: 0;
     margin: 0
 }

 .edit-coach-div .right-sidebar-edit.clearfix {
     height: 90vh
 }

 .view-profile-header.header-section {
     margin: -1px 0 0 0;
     padding: 0;
     position: relative
 }

 .view-profile-header .profile-view-div-1 {
     margin: 0;
     padding: 0 25px;
     background-image: url(../images/findcoach-profile-header-old.png);
     height: 410px;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover
 }

 .profile-view-div-1 .thumb-images {
     margin: 0;
     padding: 0
 }

 .profile-view-div-1 .thumb-images .img-profile {
     border-radius: 100%;
     padding: 0;
     width: 100%;
     border: none;
     border: 8px solid #fff
 }

 .profile-view-div-1 .thumb-images {
     margin: 0;
     padding: 0;
     height: 245px;
     width: 245px;
     border-radius: 100%;
     overflow: hidden;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .514)
 }

 .view-coach-section {
     padding: 0;
     margin: 0;
     background-color: #fff
 }

 .view-coach-div {
     padding: 0;
     margin: 0
 }

 .view-coach-div .top-header-coach {
     margin: 25px 0;
     padding: 0;
     width: 100%;
     display: block
 }

 .view-coach-div .top-header-coach h3 {
     margin: 25px 0 0 0;
     padding: 0 0 0 20px;
     width: 310px;
     text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .view-coach-div .top-div-right-01 {
     margin: 0;
     padding: 15px 0 0 0;
     position: relative;
     width: 500px;
     float: right
 }

 .view-coach-div .top-div-right-01 .column-001 {
     margin: 0;
     padding: 0 15px 0 0;
     width: 300px;
     display: block;
     float: left
 }

 .view-coach-div .top-div-right-01 .star-count {
     margin: 0;
     padding: 0;
     width: 15%;
     float: left
 }

 .view-coach-div .top-div-right-01 .star-count span {
     margin: 0;
     padding: 0;
     background-color: #fdb414;
     width: 100%;
     display: block;
     line-height: 53px;
     font-size: 24px;
     text-align: center;
     font-weight: 600;
     color: #fff
 }

 .view-coach-div .top-div-right-01 .rating-div {
     margin: 0;
     padding: 0;
     border: 1px solid #dfdfdf;
     width: 85%;
     float: left;
     height: 53px;
     overflow: hidden
 }

 .view-coach-div .top-div-right-01 .rating-div .star-div {
     margin: 5px 0 0 10px;
     padding: 0
 }

 .rating-div a {
     font-size: 12px;
     padding: 0 1px;
     cursor: pointer;
     color: #222;
     text-decoration: none
 }

 .rating-div a.fill {
     color: #ffd119
 }

 .view-coach-div .top-div-right-01 .rating-div .div-block {
     padding: 0 10px 5px 10px;
     margin: 0
 }

 .view-coach-div .top-div-right-01 .rating-div .div-block>span {
     padding: 0;
     margin: 0;
     font-weight: 400;
     color: #666;
     font-size: 11px
 }

 .view-coach-div .top-div-right-01 .column-003 {
     width: 200px;
     float: right;
     margin: 0
 }

 .view-coach-div .column-003 .btn.btn-coach {
     margin: 0;
     padding: 15px 15px !important;
     background-color: #003881 !important;
     border-radius: 0 !important;
     border: none !important;
     outline: 0;
     color: #fff;
     transition: all .3s ease-in-out;
     height: 53px;
     width: 100%
 }

 .userprofile-top-div {
     position: absolute;
     top: 210px;
     margin-top: 0;
     margin-left: 30px;
     text-align: center
 }

 .userprofile-top-div h3 {
     font-weight: 500;
     font-size: 24px
 }

 .btn-coach img.img-coach-padding {
     float: left
 }

 .btn-coach .img-coach-padding {
     padding: 0 10px;
     margin: 0
 }

 .btn-coach .span-coach-btn {
     text-align: left;
     display: inline-block;
     float: left;
     margin-left: 0;
     font-size: 14px;
     line-height: 24px;
     letter-spacing: .5px
 }

 .view-middle-container {
     margin: 0;
     padding: 0 15px;
     width: 100%;
     display: block
 }

 .view-middle-container .div-left-tab {
     margin: 0 -15px;
     padding: 0 0
 }

 .view-middle-container .div-left-tab .ui-tab {
     margin: 0;
     padding: 0
 }

 .view-middle-container .div-left-tab .custom-tab {
     margin: 0;
     padding: 0;
     border: 1px solid #e0e0e0;
     border-right: none
 }

 .view-middle-container .div-left-tab .nav>li {
     margin: 0;
     border-bottom: 1px solid #e0e0e0
 }

 .view-middle-container .div-left-tab .nav>li:last-child {
     border-bottom: 0
 }

 .view-middle-container .div-left-tab .nav>li>a {
     position: relative;
     display: block;
     padding: 15px 20px;
     border-radius: 0;
     background-color: #f9f9f9;
     color: #555;
     border: none;
     font-weight: 400;
     font-size: 14px;
     transition: all .2s ease-in-out;
     line-height: 24px
 }

 .view-middle-container .div-left-tab .nav>li>a:hover {
     background-color: #fdb413;
     color: #fff
 }

 .view-middle-container .div-left-tab .nav-pills>li.active>a {
     background-color: #fdb413;
     color: #fff
 }

 .view-middle-container .div-left-tab .nav-pills>li.active:after {
     content: '';
     position: absolute;
     left: 100%;
     top: 50%;
     margin-top: -13px;
     border-left: 0;
     border-bottom: 13px solid transparent;
     border-top: 13px solid transparent;
     border-left: 10px solid #e9b32d;
     z-index: 555
 }

 .view-middle-container .right-content-div {
     margin: 0 -15px 20px -15px;
     padding: 0 0
 }

 .view-middle-container .right-content-div .container-div {
     margin: 0;
     padding: 10px 30px;
     border: 1px solid #e0e0e0;
     min-height: 400px
 }

 .view-middle-container .coach-profie-div p {
     margin: 0 0 10px 0;
     padding: 0;
     color: #666;
     font-size: 14px;
     line-height: 20px
 }

 .view-middle-container .coach-profie-div h3 {
     margin: 0;
     padding: 10px 0;
     font-size: 18px;
     line-height: 24px;
     font-weight: 700
 }

 .view-middle-container .coach-profie-div .border-line {
     margin: 0 0 20px 0;
     padding: 0;
     width: 53px;
     background-color: #fdb413;
     height: 3px
 }

 .view-middle-container .profile-content .image-area {
     margin: 30px auto;
     text-align: center
 }

 .about-coach-container {
     margin: 0;
     padding: 0
 }

 .available-classes-container {
     margin: 0;
     padding: 0
 }

 .content-top-div {
     margin: 0;
     padding: 0
 }

 .about-coach {
     margin: 0;
     padding: 0
 }

 .policies-container {
     margin: 0;
     padding: 0
 }

 .policies-container h3 {
     margin: 0;
     padding: 10px 0
 }

 .policies-container .main-policies-div {
     margin: 0;
     padding: 0
 }

 .policies-container .main-policies-div h4 {
     margin: 0;
     padding: 20px 0 10px 0;
     font-size: 16px
 }

 .policies-container .main-policies-div ul {
     margin: 0;
     padding: 0;
     color: #666;
     list-style: none
 }

 .policies-container .main-policies-div ul>li {
     margin: 0;
     padding: 5px 0;
     font-size: 14px;
     line-height: 24px
 }

 .policies-container .main-policies-div p {
     margin: 0;
     padding: 10px 0;
     line-height: 24px;
     font-size: 14px;
     color: #666;
     font-weight: 400
 }

 .policies-container .main-policies-div p>span {
     font-weight: 600;
     padding: 0 10px 0 0
 }

 .view-middle-container .w-gif {
     width: 70px
 }

 .view-middle-container .available-class {
     margin: 0;
     padding: 0
 }

 .view-middle-container .available-class h2 {
     margin: 0;
     padding: 10px 0 0 0;
     font-size: 14px;
     font-weight: 600
 }

 .view-middle-container .available-class p {
     margin: 0;
     padding: 10px 0;
     font-size: 14px
 }

 .view-middle-container .btn-view {
     margin: 0;
     padding: 8px 10px;
     line-height: 21px;
     background: #fdb414;
     color: #fff;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     border-radius: 0;
     display: block;
     text-align: center
 }

 .view-middle-container .btn-view:hover {
     background: #003881 !important;
     color: #fff
 }

 .view-middle-container .second-column-div {
     border-right: 1px dotted #b8b8b8
 }

 .view-middle-container .third-column-div {
     border-right: 1px dotted #b8b8b8
 }

 .view-middle-container .border-bottom {
     margin: 0;
     padding: 15px 0 15px 0;
     border-bottom: 1px solid #e5e5e5
 }

 .view-middle-container .pagination-div {
     margin: 0;
     padding: 20px 0
 }

 .pagination>li>span,
 .view-middle-container .pagination-div .pagination>li>a {
     padding: 10px 20px;
     color: #00134d;
     text-decoration: none
 }

 .view-middle-container .pagination-div .pagination>.active>a {
     color: #fff !important;
     background-color: #00134d;
     border: 1px solid #00134d
 }

 .view-middle-container .pagination-div .pagination>li>a>i {
     font-size: 10px !important
 }

 .view-middle-container .btn-div {
     margin: 10px 0 0 0;
     padding: 0
 }

 .padding-zero {
     padding: 0 !important
 }

 .container-div .middle-coach-content {
     margin: 0;
     padding: 25px 0;
     position: relative
 }

 .container-div .middle-coach-content .row-content {
     margin: 0;
     padding: 15px 0 15px 0;
     border-bottom: 1px solid #e5e5e5
 }

 .container-div .middle-coach-content .row-content:last-child {
     border-bottom: none
 }

 .container-div .middle-coach-content .row-content .col-first {
     margin: 0;
     padding: 0;
     width: 15%;
     float: left
 }

 .container-div .middle-coach-content .row-content .col-first .img-middle-div {
     margin: 0;
     padding: 0
 }

 .container-div .middle-coach-content .row-content .col-first .img-middle-div .center-img {
     margin: 0 auto;
     padding: 0;
     width: 48px;
     border-radius: 100%
 }

 .container-div .middle-coach-content .row-content .col-first h3 {
     margin: 0;
     padding: 10px 0 0 0;
     font-weight: 700;
     font-size: 14px;
     line-height: 24px;
     text-align: center
 }

 .container-div .middle-coach-content .row-content .col-second {
     margin: 0;
     padding: 0 30px 0 0;
     width: 70%;
     float: left;
     border-right: 1px dotted #b8b8b8
 }

 .container-div .middle-coach-content .row-content .col-second p {
     margin: 0;
     padding: 5px 0;
     line-height: 18px;
     font-size: 14px;
     color: #666;
     font-weight: 400
 }

 .container-div .middle-coach-content .row-content .col-second .quote {
     margin: 0;
     padding: 0 10px;
     font-size: 48px;
     font-weight: 300;
     color: #fdb414;
     font-weight: 400;
     vertical-align: middle;
     font-family: Ubuntu, sans-serif;
     float: left
 }
 .container-div .middle-coach-content .row-content .col-second .quote-end{
    float: right;
    margin-top: -15px;
    transform: rotate(180deg);
    position: absolute;
 }
 .container-div .middle-coach-content .row-content .col-second .sub-date {
     margin: 0;
     padding: 20px 0 0 40px;
     font-size: 12px;
     color: #b3b1b1;
     font-weight: 400
 }

 .container-div .middle-coach-content .row-content .col-third {
     margin: 0;
     padding: 0;
     width: 20%;
     float: left
 }

 .container-div .middle-coach-content .row-content .col-third .delete-div {
     margin: 0 auto;
     padding: 10px 0;
     display: block;
     text-align: center
 }

 .container-div .middle-coach-content .row-content .col-third .delete-div .delete-icon {
     width: 16px;
     color: #666;
     display: inline-block
 }

 .container-div .middle-coach-content .row-content .col-third .delete-div span {
     color: #666;
     padding: 0 10px;
     display: inline-block;
     line-height: 18px
 }

 .container-div .middle-coach-content .row-content .col-second .quote {
     margin: -15px 0 0 0;
     padding: 0 10px;
     font-size: 48px;
     font-weight: 300;
     color: #fdb414;
     font-weight: 400;
     vertical-align: middle;
     font-family: Ubuntu, sans-serif;
     float: left;
     vertical-align: top
 }
 .container-div .middle-coach-content .row-content .col-second .quote-end {
    float: right;
    margin-top: -15px;
    transform: rotate(180deg);
    position: absolute;
 }

 .star-span {
     display: inline-block;
     padding: 0 20px 0 0;
     float: left
 }

 .star-span .fill {
     color: #ffd119 !important
 }

 .star-span i {
     color: #000
 }

 .middle-top {
     margin: 120px 0 0 0
 }

 .img-modal {
     margin: 0;
     padding: 00;
     height: 100vh;
     overflow: hidden
 }

 .img-modal .modal-img-thumb {
     margin: 0;
     padding: 00
 }

 .img-modal .m_profile {
     margin: 0;
     padding: 00;
     width: 100%;
     border-radius: 100%
 }

 .img-modal .modal-body {
     padding: 0 0 !important
 }

 .modal.custom-modal.img-modal .modal-content {
     width: 380px;
     border-radius: 100% !important;
     height: 380px
 }

 .modal.custom-modal.img-modal .modal-dialog {
     margin-top: 0 !important;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh
 }

 .modal.custom-modal.img-modal {
     z-index: 9999999 !important;
     background: rgba(0, 0, 0, .5);
     overflow: hidden !important
 }

 .btn-round.btn-cancel-modal {
     position: absolute;
     background-color: #000;
     color: #fff;
     right: 30px
 }

 .about-right-div .tabhead-div h3 {
     padding: 0 0 10px 0 !important
 }

 .right-sidebar-edit .info-card-01 {
     margin: 0 0 30px 0
 }

 .right-sidebar-edit .info-card-01:last-child {
     margin: 0 0 10px 0
 }

 .checkbox-div-1 {
     padding: 15px 10px;
     margin: 0;
     position: relative
 }

 .checkbox-div-1 .checkbox-01 {
     padding: 0;
     margin: 0;
     display: inline-block
 }

 .checkbox-div-1 .span-condition {
     margin: 0;
     text-transform: uppercase
 }

 .bg-white {
     background-color: #fff !important
 }

 .editicon-div {
     padding: 0;
     margin: 15px 15px;
     position: absolute;
     top: 0;
     right: 0
 }

 .editicon-div .editicon-span {
     display: flex;
     height: 35px;
     width: 35px;
     background: #e9b32d;
     border-radius: 100%;
     text-align: center;
     justify-content: center;
     align-items: center
 }

 .editicon-div img.img-responsive.icon-edit-i1 {
     width: 17px;
     float: left;
     margin: 0
 }

 .editicon-div .link-span {
     padding: 0;
     margin: 0;
     background-color: transparent;
     border: transparent
 }

 .copy-text-div {
     padding: 0;
     margin: 0;
     display: none
 }

 .btn-blue-update {
     margin: 10px 0;
     padding: 8px 25px;
     text-transform: uppercase;
     transition: all .2s ease-in-out;
     letter-spacing: .5px;
     outline: 0 !important;
     color: #fff;
     border-radius: 0;
     border: 1px solid #00134d !important;
     background: #00134d;
     float: right
 }

 .btn-blue-update:hover {
     background-color: #fdb413;
     border: 1px solid#fdb413 !important
 }

 .dblock {
     display: block !important
 }

 .add-birthday-div {
     padding: 10px 0
 }

 .add-birthday-div-02 {
     padding: 10px 0 10px 0;
     margin: 0;
     border-top: 1px solid #ddd
 }

 .h4-time {
     padding: 2px 15px 10px 15px;
     margin: 0 0 20px 0;
     font-size: 16px !important;
     font-weight: 500;
     border-bottom: 1px solid #ddd
 }

 .submit-div {
     padding: 15px 0
 }

 .submit-div .btn-submit {
     padding: 12px 20px 10px 20px;
     background-color: #00134d;
     color: #fff;
     letter-spacing: .5px
 }

 .submit-div .btn-submit:hover {
     padding: 12px 20px 10px 20px;
     background-color: #fdb414;
     color: #fff
 }

 .add-new-class .form-div-2 {
     padding: 10px 0 0 0 !important
 }

 .simple-tab-content {
     padding: 0 !important;
     margin: 0 !important
 }

 .simple-tab-content .img-card-1 {
     padding: 20px 0 0 0 !important;
     margin: 0 !important
 }

 .drill-setup .grid-view-4 .thumb-img-div {
     width: 100%;
     height: 310px;
     overflow: hidden;
     max-height: 100%;
     border: 1px solid #ddd
 }

 .glance-card-div {
     padding: 25px 10px 0 10px !important
 }

 .glance-card1 {
     padding: 0 10px
 }

 .glance-card1 .thumb-img-div {
     height: 100% !important;
     border-radius: 4px
 }

 .glance-card1 .grid-view-4 .overlay {
     border-radius: 4px
 }

 .glance-card1 .video-box.img-box {
     height: 100% !important
 }

 .drill-description .grid-view-4 .thumb-img-div {
     height: 100% !important
 }

 .at-glance .content-group-lg {
     margin-bottom: 0 !important
 }

 .at-glance .title-form {
     padding: 2px 0 0 0 !important
 }

 .bluebtn-div1 {
     padding: 0;
     margin: 0
 }

 .award-b1 {
     padding: 15px 10px 5px 10px
 }

 .award-panel1 {
     margin: 0 0 20px 0 !important
 }

 .btn.btn-primary.btn-custom.btn-dis01 {
     margin-right: 10px !important
 }

 .reserved-table .discount-div-panel.clearfix {
     border: none;
     box-shadow: none
 }

 .save-template {
     padding: 0 10px 15px 10px
 }

 .btn-reservedacc {
     background-color: #03a9f4;
     color: #fff;
     padding: 4px 8px 2px 8px;
     border-radius: 4px;
     text-transform: uppercase;
     font-size: 12px;
     position: absolute;
     top: -12px;
     width: 100px;
     text-align: center
 }

 .btn-reservedacc:hover {
     color: #fff
 }

 .accept-btn01 {
     background-color: #03a9f4
 }

 .send-btn01 {
     background-color: #00134d
 }

 .resend-btn01 {
     background-color: #fdb414
 }

 .discount-div-panel .list-inline li.li-width100 {
     width: auto !important;
     position: relative
 }

 .acc-info01 .panel.panel-white {
     margin: 0 0 15px 0 !important
 }

 .my-money-root.dashboard .panel-body {
     min-height: 100%
 }

 .box-m3 {
     padding: 0;
     margin: 0 0 10px 0;
     position: relative;
     background-color: #fff;
     border-radius: 8px;
     border: 1px solid #ddd
 }

 .box-m3 .box-top1 {
     padding: 25px 15px;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .box-m3 .icon-thumb1 {
     padding: 0;
     margin: 0;
     width: 30%;
     float: left
 }

 .box-m3 .icon-thumb1 .icon-img1 {
     width: 50px;
     transition: all .3s ease-in-out
 }

 .box-m3 .right-details-div {
     padding: 0;
     margin: 0;
     width: 70%;
     float: right;
     text-align: right;
     text-transform: capitalize
 }

 .box-m3 .right-details-div h3 {
     padding: 0;
     margin: 0;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .5px;
     font-size: 18px;
     color: #222;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .box-m3 .right-details-div h5 {
     padding: 0;
     margin: 0;
     color: #222;
     font-size: 16px;
     font-weight: 500;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .mymoney-1 .grid-col {
     padding: 0 5px
 }

 .table-12 {
     margin: 20px 0 0 0;
     padding: 0 5px
 }

 .box-card-total {
     padding: 20px 20px 15px 20px;
     margin: 0
 }

 .box-card-total h2 {
     padding: 0;
     margin: 0;
     text-align: center;
     text-transform: uppercase;
     font-size: 21px;
     font-weight: 500;
     color: #222;
     letter-spacing: 1px
 }

 .box-card-total p {
     padding: 10px 0;
     margin: 0;
     text-align: center;
     text-transform: capitalize;
     font-size: 14px;
     font-weight: 400;
     line-height: 24px
 }

 .box-card-total p>span.block-span {
     padding: 0;
     margin: 0;
     display: block
 }

 .box-card-total-2 {
     padding: 10px 10px 10px 10px;
     margin: 0;
     background-color: #eee;
     border-top: 1px solid #ddd
 }

 .box-card-total-2 h2 {
     padding: 0;
     margin: 0;
     text-align: center;
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 500;
     color: #222;
     letter-spacing: 1px
 }

 .box-card-total-2 .btn-edit {
     padding: 0 5px;
     margin: 0
 }

 .header-panel {
     padding: 12px 15px 10px 15px;
     margin: 0;
     border-bottom: 1px solid #ddd
 }

 .header-panel h2 {
     padding: 0 0;
     margin: 0;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 500
 }

 .money-tablediv {
     padding: 0 0
 }

 .money-tablediv .datatable-header {
     padding: 20px 15px 0 15px !important;
     margin: 0
 }

 .money-tablediv .datatable-footer {
     padding: 20px 15px 0 15px !important;
     margin: 0
 }

 .mymoney-3 .table-12 {
     margin: 0
 }

 .overflow-line {
     padding: 0;
     margin: 0
 }

 .bold-700 {
     font-weight: 700 !important
 }

 .thumb-box-m01 {
     margin: 0;
     padding: 10px 0 20px 0;
     position: relative
 }

 .money-tablediv .dataTables_filter input {
     width: 300px
 }

 .refund-div1 {
     padding: 0;
     margin: 0 0 10px 0;
     display: block
 }

 .refund-div1 .refund-btn {
     display: block;
     border-radius: 0 !important;
     background-color: #00134d;
     border: 1px solid #00134d;
     transition: all .3s ease-in-out;
     letter-spacing: .5px;
     text-transform: uppercase;
     float: right
 }

 .refund-div1 .refund-btn:hover {
     border-radius: 0 !important;
     background-color: #fdb413 !important;
     border: 1px solid #fdb413
 }

 .refund-div1 .h3-title-payment {
     padding: 0;
     margin: 5px 0 0 0;
     display: inline-block;
     font-size: 18px
 }

 .info-payment-div p {
     padding: 8px 0
 }

 .money-tablediv2 .datatable-scroll {
     min-height: 94px;
     max-height: 294px
 }

 .img-info01 {
     padding: 0;
     margin: 0 10px 0 0;
     width: 20px;
     float: left
 }

 .modal-zindex {
     z-index: 99999999;
     background: rgba(0, 0, 0, .4)
 }

 .summery-money-div .label-paid1 {
     margin: 0 !important
 }

 .summery-money-div .table.dataTable>tbody>tr>td {
     padding: 10px 10px 9px 10px !important
 }

 .summery-money-div .datatable-scroll {
     min-height: auto;
     max-height: 100%
 }

 .refund-sucess-01 p {
     padding: 10px 10px 40px 10px !important;
     text-align: left !important
 }

 .table-div .four-td .four-ul li {
     width: 25%;
     margin: 0 auto;
     display: inline-block;
     padding-right: 16px;
     max-width: 40px
 }

 .hidden-1event {
     display: none
 }

 .show-modal01 {
     display: block !important
 }

 .summery-money-div .table.dataTable>tbody>tr>td.text-center {
     text-align: left
 }

 .activity-payments-table01 .table>tbody>tr>td.text-center {
     text-align: left
 }

 .data-table-1.table-div .datatable-Summary-sorting>thead>tr>th {
     min-width: 115px
 }

 .panel-invoiced-new1 .data-table-1.table-div .table>thead>tr>th {
     padding: 12px 10px !important;
     text-transform: capitalize;
     min-width: 100px
 }

 .panel-invoiced-new1 .table>thead>tr>th {
     min-width: 150px
 }

 .panel-invoiced-new1 .datatable-scroll {
     overflow-x: auto
 }

 .flyers-video1 .grid-view-4 .thumb-img-div {
     border: 0 solid #ddd
 }

 .view-record {
     padding: 0
 }

 .payout-div01 .datatable-footer {
     display: none
 }

 .payout-div01 .datatable-scroll {
     max-height: 440px;
     overflow-y: scroll;
     height: auto
 }

 .data-table-1.table-div .table.table-footer-fixed>tbody>tr>td {
     padding: 10px 10px 9px 0 !important
 }

 .data-table-1.table-div .table.table-footer-fixed>tbody>tr>td.w130-td {
     min-width: 130px !important
 }

 .data-table-1.table-div .table.table-footer-fixed>tbody>tr>td.w175-td {
     min-width: 175px !important
 }

 .table-footer-fixed tr:last-child td {
     font-weight: 600
 }

 .desktop-tdhide {
     display: none
 }

 .pass-none {
     display: none
 }

 h1.video-notfound {
     font-size: 48px;
     text-align: center;
     display: block;
     padding: 50px;
     margin: 0;
     display: flex;
     font-weight: 700;
     min-height: 650px;
     width: 100%;
     justify-content: center;
     align-items: center;
     text-transform: uppercase
 }

 .borderoutline-new1 {
     border: 1px solid #ddd;
     padding: 0 0 20px 0;
     margin: 0 0 10px 0;
     display: block
 }

 .borderoutline-new1 h3 {
     padding: 10px 15px;
     display: inline-block;
     background: #00134d;
     margin: 0 0 20px 0;
     color: #fff;
     font-size: 12px;
     text-transform: capitalize;
     letter-spacing: 1px;
     text-transform: uppercase
 }

 .btn-facility-login {
     background-color: #fdb414;
     border: none;
     border-radius: 0;
     padding: 10px 20px;
     text-transform: uppercase;
     letter-spacing: .8px;
     transition: all .3s ease-in-out;
     float: right
 }

 .btn-facility-login:focus,
 .btn-facility-login:hover {
     background-color: #00134d
 }

 .view-credentials .list-inline li {
     width: 55px !important;
     text-align: left
 }

 .view-credentials .text-left .list-inline li img {
     width: 17px !important;
     vertical-align: middle;
     margin: 0;
     padding: 10px 0 0 0
 }

 .view-credentials .active-summary .table>tbody>tr>td {
     padding: 4px 20px 4px 20px
 }

 .view-credentials .active-summary.table-div .datatable-scroll {
     max-height: 504px;
     overflow-y: scroll;
     height: auto
 }

 .view-attendance-reports .title-cityrecord {
     padding: 10px 0 10px 0;
     margin: 0;
     font-weight: 600;
     text-transform: capitalize;
     letter-spacing: .5px;
     font-size: 14px;
     line-height: 21px;
     color: #222
 }

 .scroll-300 {
     display: block
 }

 .mymoney-admin1 .box-m3 .right-details-div h5 {
     white-space: normal;
     font-size: 14px
 }

 .mymoney-admin1 .box-m3 .box-top1 {
     min-height: 110px;
     padding: 20px 15px
 }

 .mymoney-admin1 .box-m3 {
     transition: all .3s ease-in-out
 }

 .mymoney-admin1 .box-m3:hover {
     box-shadow: 0 0 10px 0 rgba(102, 102, 102, .3)
 }

 .mymoney-admin3 .table>thead>tr>th {
     min-width: 120px
 }

 .data-table-1.table-div .table>tbody>tr>td.text-left01 {
     padding: 5px !important
 }

 .summary-general-01 .data-table-1.table-div .table>tbody>tr>td.p0-zero {
     padding: 0 !important
 }

 .summary-general-01 .panel-active-s01 {
     border: none !important;
     box-shadow: none !important;
     margin-bottom: 0 !important
 }

 .summary-general-01 .panel-active-s01>.table:last-child>tbody:last-child>tr:last-child td:first-child {
     padding-right: 20px !important
 }

 .summary-general-01 .active-summary .datatable-scroll .table>tbody>tr>td:first-child {
     padding: 5px 10px 4px 20px !important
 }

 .summary-general-01 .data-table-1.table-div .datatable-header {
     display: none
 }

 .summary-general-01 .p0-zero .view-div {
     padding: 10px 0 0 0 !important
 }

 .summary-general-01 .p0-zero .view-div .table-div {
     padding: 10px 0 0 0 !important
 }

 .summary-general-01 .discount-div-panel .list-inline li {
     width: auto !important
 }

 .black-txt {
     color: #222
 }

 .black-txt:focus,
 .black-txt:hover {
     color: #222
 }

 .summary-general-01 td.text-left.text-left01 {
     min-width: 300px
 }

 .summary-general-01 .data-table-1.table-div .table>tbody>tr>td {
     padding: 5px 10px 4px 10px !important
 }

 .paid-label1 {
     width: 80px;
     text-align: center
 }

 .unpaid-lable1 {
     width: 80px;
     text-align: center;
     background-color: #0fac31
 }

 .table-responsive.table-yscroll {
     max-height: 800px
 }

 .max-30days_label {
     width: 100px;
     text-transform: capitalize;
     text-align: center;
     background-color: #0fac31
 }

 .max-60days_label {
     width: 100px;
     text-transform: capitalize;
     text-align: center;
     background-color: #fdb413
 }

 .max-90days_label {
     width: 100px;
     text-transform: capitalize;
     text-align: center;
     background-color: #d51d00
 }

 .label-btn.paidout-label1 {
     width: 90px;
     text-align: center;
     background-color: green !important;
     margin: 0
 }

 .label-btn.pending-label1 {
     width: 90px;
     text-align: center;
     background-color: #fdb414 !important;
     margin: 0
 }

 .class-summary-inline01 .list-inline {
     margin: -5px 0 0 0
 }

 .data-table-1 .text-left .list-inline li img {
     width: 17px !important;
     padding: 10px 0 0 0
 }

 .summary-datatable-01 .datatable-footer {
     padding: 20px 20px 0 15px !important;
     clear: both
 }

 .pass-none {
     display: none
 }

 .h3-title-cityrecord {
     padding: 15px 15px 13px 15px;
     margin: 0;
     font-weight: 500;
     font-size: 18px;
     border-bottom: 1px solid #ddd
 }

 .label-btn.count-high {
     width: 90px;
     text-align: center;
     background-color: #d41d00 !important;
     margin: 0
 }

 .label-btn.count-normal {
     width: 90px;
     text-align: center;
     background-color: #5db85c !important;
     margin: 0
 }

 .label-btn.count-low {
     width: 90px;
     text-align: center;
     background-color: #10ac31 !important;
     margin: 0
 }

 .progress {
     height: 24px
 }

 .sessions-class-div .table>thead>tr>th {
     min-width: 125px !important
 }

 .sessions-class-div .table>thead>tr>th.th-170w {
     min-width: 170px !important
 }

 .sessions-class-div .table>tbody>tr>td a.black-txt {
     display: block;
     max-width: 305px !important;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .sessions-class-div .list-inline>li {
     padding-left: 0;
     padding-right: 15px;
     font-size: 13px
 }

 img.img-responsive.action-i1.icon-r3.call-icons {
     width: 16px;
     display: inline-block
 }

 a.call-link {
     display: inline-block;
     margin-left: 15px
 }

 span.class-txt {
     color: #222;
     text-transform: uppercase;
     padding: 0 5px;
     font-weight: 600
 }

 .progress-meter {
     margin: 0 auto 0;
     padding: 0 10px;
     width: 200px
 }

 .progress-meter {
     counter-reset: point
 }

 .progress-meter .progress-point:before {
     -moz-transition: all 1s;
     -o-transition: all 1s;
     -webkit-transition: all 1s;
     transition: all 1s;
     -moz-border-radius: 24px;
     -webkit-border-radius: 24px;
     border-radius: 24px;
     -moz-box-shadow: 0 0 0 2px #fff;
     -webkit-box-shadow: 0 0 0 2px #fff;
     box-shadow: 0 0 0 2px #fff;
     content: "\2713";
     content: " ";
     display: block;
     width: 6px;
     height: 10px;
     margin: 0 auto 0;
     border: 3px solid #ddd;
     text-align: center;
     background-color: #ddd;
     color: #fff
 }

 .progress-meter .track {
     position: relative;
     height: 2px;
     background: #10ac31
 }

 .progress-meter .progress {
     -moz-transition: width 1s;
     -o-transition: width 1s;
     -webkit-transition: width 1s;
     transition: width 1s;
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 2px;
     background: #10ac31
 }

 .progress-meter .progress-points {
     position: relative;
     margin: -6px 0 0;
     padding: 0;
     list-style: none
 }

 .progress-meter .progress-points .progress-point:nth-child(1) {
     left: 0
 }

 .progress-meter .progress-points .progress-point:nth-child(2) {
     left: 9.1%
 }

 .progress-meter .progress-points .progress-point:nth-child(3) {
     left: 18.2%
 }

 .progress-meter .progress-points .progress-point:nth-child(4) {
     left: 27.3%
 }

 .progress-meter .progress-points .progress-point:nth-child(5) {
     left: 36.4%
 }

 .progress-meter .progress-points .progress-point:nth-child(6) {
     left: 45.5%
 }

 .progress-meter .progress-points .progress-point:nth-child(7) {
     left: 54.6%
 }

 .progress-meter .progress-points .progress-point:nth-child(8) {
     left: 63.7%
 }

 .progress-meter .progress-points .progress-point:nth-child(9) {
     left: 72.8%
 }

 .progress-meter .progress-points .progress-point:nth-child(10) {
     left: 81.9%
 }

 .progress-meter .progress-points .progress-point:nth-child(11) {
     left: 91%
 }

 .progress-meter .progress-points .progress-point:nth-child(12) {
     left: 100%
 }

 .progress-meter .progress-point {
     -moz-transition: color 1s;
     -o-transition: color 1s;
     -webkit-transition: color 1s;
     transition: color 1s;
     position: absolute;
     display: block;
     width: 100px;
     margin-left: -50px;
     text-align: center;
     cursor: pointer;
     color: #999
 }

 .progress-meter .progress-point.active,
 .progress-meter .progress-point.completed {
     color: #10ac31
 }

 .progress-meter .progress-point.completed:before {
     border-color: #10ac31;
     background-color: #10ac31
 }

 .progress-meter .progress-point.no-clsss:before {
     border-color: #d41d00 !important;
     background-color: #d41d00 !important
 }

 .progress-meter .progress-point.holiday-day:before {
     border-color: #666 !important;
     background-color: #666 !important
 }

 .progress-meter .progress-point.active:before {
     -moz-transition-delay: 1s;
     -o-transition-delay: 1s;
     -webkit-transition-delay: 1s;
     transition-delay: 1s;
     border-color: #10ac31;
     background-color: #10ac31
 }

 .progress-meter .progress-point .label:before {
     counter-increment: point;
     content: counter(point) ". "
 }

 .controls {
     text-align: center;
     font-size: 12px
 }

 .trigger {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     padding: 6px 8px;
     border: none;
     font: 14px inherit;
     text-shadow: 0 1px 1px rgba(251, 251, 251, .75);
     color: #626262;
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
     background-size: 100%;
     background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #bbb), color-stop(100%, #959595));
     background-image: -moz-linear-gradient(#bbb, #959595);
     background-image: -webkit-linear-gradient(#bbb, #959595);
     background-image: linear-gradient(#bbb, #959595)
 }

 .star-div {
     padding: 0;
     margin: 0;
     margin-right: 5px;
     display: inline-block
 }

 .star-div i.fa.fa-star.filled {
     color: #fdb413
 }

 label.label-btn.star-rating {
     background-color: #fdb413
 }

 span.star-span1 {
     font-weight: 500;
     margin: 0 0 0 5px;
     letter-spacing: .5px;
     text-transform: uppercase;
     padding: 5px 10px;
     background: #fdb413;
     color: #fff;
     font-size: 10px;
     line-height: 24px;
     border-radius: 4px
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td {
     min-width: 134px
 }

 .active-general-01 .data-table-1.table-div .table>thead>tr>th.width-180px {
     min-width: 180px !important
 }

 .coachview-details-modal .info-div p {
     padding: 8px 5px;
     margin: 0;
     border-bottom: 1px dashed #ddd;
     font-size: 13px
 }

 .table-responsive.table-yscroll.table-record-scroll .table {
     border: 0 solid #ddd !important
 }

 .dropdown-territory {
     margin: 20px 0 0 0
 }

 .view-summary-session-active-a1 {
     padding: 0;
     margin: 0
 }

 .view-summary-session-active-a1 .active-summary .table>tbody>tr>td.zero-space-td {
     padding: 4px 15px 4px 15px;
     background-color: #eee
 }

 .view-summary-session-active-a1 .h3-title-cityrecord {
     padding: 3px 0;
     margin: 0;
     font-weight: 500;
     font-size: 16px;
     border-bottom: 0
 }

 .view-summary-session-active-a1 .h3-title-cityrecord.h3-hide-css {
     padding: 0 0 !important;
     margin: 0;
     font-weight: 500;
     font-size: 16px;
     border-bottom: 0;
     background-color: transparent;
     border: none
 }

 .sessions-class-div-update1 .h3-title-cityrecord {
     padding: 10px 10px;
     margin: 0;
     font-weight: 500;
     font-size: 16px;
     border-top: 1px solid #ddd;
     border-bottom: 0 solid #ddd;
     background: #f8f8f8
 }

 .view-summary-session-active-a1 .active-summary .table>tbody>tr>td {
     padding: 4px 10px 4px 10px;
     min-width: 105px !important
 }

 .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
     padding: 4px 10px 4px 10px;
     min-width: 105px !important
 }

 .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
     padding: 12px 10px 12px 10px;
     min-width: 115px !important;
     background-color: #00134d
 }

 .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .responsive01 .table>thead>tr>th {
     background: #262626;
     color: #fff
 }

 .view-summary-session-active-a1 .active-summary .table>tbody>tr>td {
     padding: 4px 10px 4px 10px;
     min-width: 100% !important
 }

 .view-newhire-a1.view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th:last-child {
     min-width: 95px !important
 }

 .tbl-top-head {
     margin: 0;
     padding: 15px 0;
     color: #fff;
     font-size: 13px;
     background: #262626;
     height: auto;
     line-height: normal
 }

 .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 200px;
     overflow-x: auto;
     overflow-y: auto
 }

 .scroll-y-height1 {
     display: table
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-30per,
 .table>thead>tr>th.width-30per {
     width: 30% !important;
     float: none
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-20per,
 .table>thead>tr>th.width-20per {
     width: 20% !important;
     float: none
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-10per,
 .table>thead>tr>th.width-10per {
     width: 10% !important;
     float: none
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-5per,
 .table>thead>tr>th.width-5per {
     width: 5% !important;
     float: none
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-15per,
 .table>thead>tr>th.width-15per {
     width: 15% !important;
     float: none
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-25per,
 .table>thead>tr>th.width-25per {
     width: 25% !important;
     float: none
 }

 .width-5per {
     width: 5% !important;
     float: left
 }

 .width-6per {
     width: 6% !important;
     float: left
 }

 .width-10per {
     width: 10% !important;
     float: left
 }

 .width-15per {
     width: 15% !important;
     float: left
 }

 .width-20per {
     width: 20% !important;
     float: left
 }

 .width-22per {
     width: 22% !important;
     float: left
 }

 .width-23per {
     width: 23% !important;
     float: left
 }

 .width-25per {
     width: 25% !important;
     float: left
 }

 .width-30per {
     width: 30% !important;
     float: left
 }

 .view-active-sos-rootdiv .tbl-top-head.tbl-top-head-new .p010 {
     padding: 0 0 0 10px
 }

 .coach-active-sum-changes .sessions-class-div .table>tbody>tr>td a.black-txt {
     max-width: 195px !important
 }

 .thead-desktop-hidden {
     display: none
 }

 .view-active-sos-rootdiv .tbl-top-head.clearfix.thead-mobile-hidden {
     background-color: #00134d
 }

 .tab-customdesign-001.nav-tabs.nav-tabs-solid>li {
     width: 20%;
     padding: 0 15px 0 0
 }

 .tab-customdesign-001.nav-tabs.nav-tabs-solid>li.active .tab-a {
     background-color: #fdb413
 }

 .tab-customdesign-001 .tab-a .tab-img {
     max-height: 25px;
     width: 22px;
     float: left;
     margin: -2px 5px 0 0
 }

 .tab-customdesign-001 {
     width: 100%
 }

 .view-active-sos-rootdiv .sessions-class-div .view-div.add-viewroster-div .list-inline>li {
     width: 50px
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td {
     min-width: 60px !important
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td .sorting_asc:after {
     display: none !important
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td:first-child {
     min-width: 50px !important;
     padding-left: 20px !important
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td:last-child {
     min-width: 120px !important
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead:first-child>tr:first-child>td {
     width: 50px !important;
     padding: 12px 0 12px 20px;
     padding-right: 0
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead:first-child .sorting_asc:after {
     display: none
 }

 .view-active-sos-rootdiv .viewactive-summary-s001 .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 1659px;
     overflow-x: auto;
     overflow-y: auto
 }

 .view-active-coaches-rootdiv .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 189px;
     overflow-x: auto;
     overflow-y: auto
 }

 .view-active-coaches-rootdiv .table-responsive.table-yscroll.table-record-scroll-y01.mx-height-100percentage {
     max-height: 100%
 }

 .title-img-div {
     display: flex;
     align-items: center;
     width: 100%
 }

 .title-img-div span.imgac-thumbspan-01 {
     display: flex;
     float: left;
     width: 35px;
     min-height: 100%;
     height: 35px;
     margin-right: 10px
 }

 .title-img-div span.imgac-thumbspan-01 img.img-circle-acoaches {
     height: 100%;
     width: 100%;
     border-radius: 100%
 }

 .title-img-div span.span-txt-coachname {
     padding: 0;
     display: block
 }

 a.link-blue {
     color: #222
 }

 a.link-blue .download2-icon01 {
     width: 20px;
     height: 20px;
     float: left;
     margin: 0 10px 0 0
 }

 .viewby-divrow1 {
     padding: 0;
     margin: 0;
     position: relative
 }

 .viewby-divrow1 .form-group {
     padding: 0;
     margin: 0
 }

 .viewby-divrow1 .form-group label {
     text-transform: uppercase
 }

 .listview-coach-tracker {
     padding: 0;
     margin: 10px 0 0 0;
     height: 100%
 }

 .listview-coach-tracker .max-height-ct01 {
     padding: 0;
     margin: 0;
     border: 1px solid #ddd;
     border-top: none;
     max-height: 810px;
     overflow: auto
 }

 .listview-coach-tracker .coachestitle-rowc1 {
     padding: 0;
     margin: 0
 }

 .listview-coach-tracker .coachestitle-rowc1 h1 {
     padding: 5px 15px;
     margin: 0;
     background: #f5f5f5;
     font-size: 18px;
     font-weight: 500;
     border: 1px solid #ddd
 }

 .listview-coach-tracker .parent-rowc1 {
     padding: 10px 10px;
     margin: 0;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #eee
 }

 .listview-coach-tracker .parent-rowc1:last-child {
     border-bottom: 0 solid #ddd
 }

 .listview-coach-tracker .parent-rowc1 .column01-view1 .parent-imgthumb {
     padding: 0;
     margin: 0;
     width: 35px;
     height: 35px;
     overflow: hidden;
     float: left
 }

 .listview-coach-tracker .parent-rowc1 .column01-view1 {
     padding: 0;
     margin: 0;
     float: left;
     width: 15%;
     min-width: 45px
 }

 .listview-coach-tracker .parent-rowc1 .column01-view2 h2 {
     padding: 7px 0 7px 0;
     margin: 0;
     font-weight: 400;
     font-size: 13px;
     color: #222;
     letter-spacing: .2px
 }

 .listview-coach-tracker .full-row-coachlink {
     width: 100%;
     display: flex
 }

 .listview-coach-tracker .active-row1 {
     background-color: #eee
 }

 .view-coachheader-div {
     padding: 0;
     margin: 0;
     position: relative
 }

 .active-row-header {
     padding: 10px 15px;
     margin: 0 0 15px 0;
     display: flex;
     align-items: center;
     background: #f5f5f5;
     border: 1px solid #ddd
 }

 .active-row-header .column01-view1 .parent-imgthumb {
     padding: 0;
     margin: 0;
     width: 50px;
     height: 50px;
     overflow: hidden;
     float: left
 }

 .active-row-header .column01-view1 {
     padding: 0;
     margin: 0;
     float: left;
     min-width: 65px;
     width: 8%
 }

 .active-row-header .column01-view2 h2 {
     padding: 10px 0 7px 0;
     margin: 0;
     font-weight: 400;
     font-size: 16px;
     color: #222;
     letter-spacing: .2px;
     display: inline-block;
     font-weight: 400
 }

 .active-row-header .img-responsive.img-view-parent {
     border-radius: 100%
 }

 .active-row-header .column01-view2 {
     padding: 0;
     margin: 0;
     float: left;
     width: 92%
 }

 a.btn.btn-primary.btn-viewprofile {
     float: right;
     padding: 10px 20px 9px 20px;
     margin: 3px auto;
     color: #fff;
     background-color: #00134d;
     border-radius: 24px;
     text-transform: uppercase;
     text-align: center;
     float: right;
     border: none;
     font-size: 12px;
     transition: all ease-in-out .3s
 }

 a.btn.btn-primary.btn-viewprofile:hover {
     background-color: #fdb413
 }

 .customcalendar-track1 .fc-toolbar h2 {
     font-size: 16px;
     margin: 10px 0 0 0
 }

 .customcalendar-track1 .fc-event,
 a.fc-more {
     font-size: 11px
 }

 .fc-basic-view tbody .fc-row {
     min-height: 140px;
     min-width: 100px
 }

 .timesheet-reports-section {
     padding: 0;
     margin: 0
 }

 .timesheet-root .tab-content {
     padding: 10px 0
 }

 .timesheet-root .tabbable .nav-tabs.nav-tabs-solid {
     background-color: #fff;
     margin-bottom: 0;
     padding: 5px 0;
     display: inline-block;
     float: right
 }

 .timesheet-root .tabbable .nav-tabs.nav-tabs-solid>li {
     border: 1px solid #ddd;
     border-bottom: 1px solid #ddd !important;
     min-width: 90px;
     text-align: center
 }

 .timesheet-root .tabbable .nav-tabs.nav-tabs-solid>li.active {
     border: 1px solid #fdb413;
     border-bottom: 1px solid #fdb413 !important
 }

 .timesheet-root .nav-tabs.nav-tabs-solid>.active>a:focus,
 .timesheet-root .nav-tabs.nav-tabs-solid>.active>a:hover,
 .timesheet-root .tabbable .nav-tabs.nav-tabs-solid>.active>a {
     background-color: #fdb413;
     border-color: #fdb413;
     color: #fff
 }

 .timesheet-root .tabbable .nav-tabs.nav-tabs-solid>li>a {
     padding: 8px 15px;
     text-transform: capitalize
 }

 .timesheet-root .full-grid-div {
     padding: 10px 15px;
     margin: 0
 }

 .full-grid-div .h3-title-sheet {
     padding: 10px 0;
     margin: 0;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 24px
 }

 .full-grid-div .header-top1 {
     border-bottom: 1px solid #ddd;
     padding: 0
 }

 .full-grid-div .table-bodydiv {
     padding: 0;
     margin: 0
 }

 .table-bodydiv p.pr01 {
     padding: 10px 0;
     margin: 0;
     display: block;
     font-weight: 400;
     color: #222
 }

 .table-bodydiv .c-inforow {
     padding: 10px 0;
     margin: 0;
     display: flex
 }

 .table-bodydiv .c-left-details {
     width: 5%;
     min-width: 45px;
     float: left
 }

 .table-bodydiv .c-inforow .c-images-thumb {
     padding: 0;
     margin: 0;
     width: 45px;
     height: 45px;
     float: left
 }

 .table-bodydiv .c-inforow .c-images-thumb .coach-roundimg {
     padding: 0;
     margin: 0;
     border-radius: 100%
 }

 .table-bodydiv .c-right-details {
     display: flex;
     float: left;
     padding: 0 10px;
     width: 90%;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     min-height: 45px
 }

 .table-bodydiv h2.h2-special {
     padding: 0;
     margin: 0;
     color: #fdb413;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
     letter-spacing: .2px;
     width: 100%
 }

 .table-bodydiv .c-right-details p {
     padding: 0;
     margin: 0;
     color: #222;
     font-size: 13px;
     font-weight: 400;
     line-height: 20px;
     width: 100%
 }

 .table-bodydiv .time-hours-show {
     padding: 10px 0
 }

 .table-bodydiv .total-row h2 {
     padding: 0;
     margin: 0;
     color: #222;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
     letter-spacing: .2px;
     width: 100%
 }

 .border-row {
     border-bottom: 1px solid #eee;
     padding: 2px 0
 }

 .border-row:last-child {
     border-bottom: 0 solid #eee;
     padding: 2px 0
 }

 .c-listgrid-div {
     padding: 0;
     margin: 0;
     min-height: 65px;
     display: flex
 }

 .c-listgrid-div.total-row {
     min-height: 100%
 }

 .grid-25 {
     width: 25%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-15 {
     width: 15%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-20 {
     width: 20%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-30 {
     width: 30%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-60 {
     width: 60%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-75 {
     width: 75%;
     float: left;
     position: relative;
     padding-right: 0;
     padding-left: 0
 }

 .grid-80 {
     width: 80%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-20 {
     width: 20%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-50 {
     width: 50%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-50 {
     width: 50%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .grid-30.grid1-30,
 .grid-30.grid2-30 {
     padding-left: 100px !important
 }

 .hourly-view-filled {
     display: inline-block
 }

 .rev-view-filled {
     display: none
 }

 .inner-hourly {
     display: none
 }

 .custom_tab-content .hidden-value {
     display: none !important
 }

 .custom_tab-content .show-value {
     display: block !important
 }

 .grid-10 {
     width: 10%;
     float: left;
     position: relative;
     padding-right: 15px;
     padding-left: 15px
 }

 .custom_tab-content .inner-hourly {
     display: inline-block
 }

 .custom_tab-content .inner-default {
     display: none
 }

 .p-0 {
     padding: 0 !important
 }

 .border-bottom1 {
     border-bottom: 1px solid #eee !important
 }

 .row-div-listing.border-bottom1:last-child {
     border-bottom: 0 !important
 }

 .grid-left-30 {
     display: contents
 }

 .final-div-listing {
     border-top: 1px solid #ddd;
     border-bottom: 0 solid #ddd
 }

 .timesheet-reports-top-header {
     padding: 0;
     margin: 0
 }

 .form-custom-daterage {
     padding: 0;
     margin: 0 0 20px 0
 }

 .form-custom-daterage .custom-daterange-basic {
     padding: 0;
     margin: 0;
     border-radius: 0
 }

 .form-custom-daterage .datepicker-icon-left {
     float: left;
     background: #fdb413;
     min-height: 36px;
     width: 40px;
     margin: 0;
     padding: 0;
     top: -1px;
     line-height: 36px;
     color: #fff
 }

 .form-custom-daterage span.show-record-span {
     float: left;
     padding: 0 10px;
     margin: 0;
     min-height: 36px;
     line-height: 34px;
     font-weight: 400
 }

 .form-custom-daterage .caret.right-side-caret {
     float: right;
     padding: 0;
     margin: 0;
     min-height: 36px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 35px;
     font-size: 18px !important
 }

 button.applyBtn.btn.btn-sm.btn-small.bg-slate {
     background: #00134d;
     color: #fff
 }

 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus,
 .dropdown-menu>.active>a:hover {
     background-color: #00134d
 }

 .leftside-dropdown-reports {
     padding: 5px 0 5px 0;
     float: left;
     width: 100%
 }

 .daterangepicker td.active,
 .daterangepicker td.active:focus,
 .daterangepicker td.active:hover {
     background-color: #00134d;
     color: #fff;
     border-radius: 2px
 }

 .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td a.black-txt {
     font-size: 13px;
     font-weight: 600;
     margin: 4px 0 3px 0
 }

 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
     min-width: 105px !important
 }

 .sessions-class-div.sessions-class-div-update1 span.span-date {
     display: block;
     padding: 5px 0
 }

 .sessions-class-div.sessions-class-div-update1 p.start-end-date {
     margin: 0 0 3px 0
 }

 .sessions-class-div.sessions-class-div-update1 .progress-meter {
     width: 180px;
     float: left
 }

 .bold-600 {
     font-weight: 600
 }

 .label-count-high {
     color: #d41d00 !important;
     margin: 0 0 5px 0
 }

 .label-count-normal {
     color: #5db85c !important;
     margin: 0 0 5px 0
 }

 .label-count-low {
     color: #10ac31 !important;
     margin: 0 0 5px 0
 }

 .view-active-sos-rootdiv .label-count-high {
     color: #017f18 !important;
     margin: 0 0 5px 0
 }

 .view-active-sos-rootdiv .label-count-normal {
     color: #fdb413 !important;
     margin: 0 0 5px 0
 }

 .view-active-sos-rootdiv .label-count-low {
     color: #d41d00 !important;
     margin: 0 0 5px 0
 }

 .pending-footer {
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: center
 }

 .modal.custom-modal .modal-footer.pending-footer .btn.btn-approve {
     border-radius: 0 !important;
     background-color: #017f18 !important;
     border: 1px solid #017f18;
     color: #fff;
     text-align: left;
     margin: 0 5px
 }

 .modal.custom-modal .modal-footer.pending-footer .btn.btn-approve:hover {
     background-color: #026013 !important;
     border-color: #026013
 }

 .modal.custom-modal .modal-footer.pending-footer .btn.btn-deny {
     border-radius: 0 !important;
     background-color: #d41d00 !important;
     border: 1px solid #d41d00;
     color: #fff;
     text-align: left;
     margin: 0 5px;
     transition: all .3s ease-in-out
 }

 .modal.custom-modal .modal-footer.pending-footer .btn.btn-deny:hover {
     background-color: #a61b05 !important;
     border-color: #a61b05 !important
 }

 .pending-footer img.img-responsive.img-icon-pen1 {
     width: 20px;
     margin: -2px 10px 0 0;
     float: left
 }

 .modal-editor-custom {
     z-index: 99999 !important
 }

 .modal-editor-custom .modal-dialog {
     margin-top: 125px;
     z-index: 99999 !important
 }

 .modal-editor-custom .modal-dialog h3 {
     font-size: 18px;
     margin: 0;
     padding: 15px 0 0 0;
     text-transform: uppercase;
     background-color: #fff;
     color: #00134d
 }

 .modal-editor-custom .modal-header .close {
     position: absolute;
     right: 20px;
     top: 25%;
     margin-top: 0;
     font-size: 18px;
     background: #000;
     width: 25px;
     color: #fff;
     height: 25px
 }

 .add-new-class .form-div .multiselect-container>li>a>label {
     margin: 0;
     height: 100%;
     cursor: pointer;
     padding: 8px 12px;
     padding-left: 40px
 }

 .add-new-class .form-div .multiselect-container>li.active>a>label {
     color: #fff
 }

 .form-datpicker-ranges .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
     width: 220px;
     width: 100%;
     border: 1px solid #ddd;
     height: 36px;
     padding: 0 8px;
     margin: 0
 }

 .form-datpicker-ranges option {
     background: #fff;
     border-color: #41c9ff;
     border-radius: 2px;
     line-height: 18px;
     outline: 0;
     -webkit-box-shadow: 0 0 3px 1px #c00;
     -moz-box-shadow: 0 0 3px 1px #c00;
     box-shadow: 0 0 3px 1px #c00
 }

 #tblForm_txtEditor .form-control-width {
     width: 100%
 }

 .mymoney-admin1 .box-top1.box-verticle1 {
     min-height: 100%;
     width: 100%;
     display: block;
     padding: 25px 15px
 }

 .mymoney-admin1 .box-top1.box-verticle1 .thumb-icon.icon-thumbv1.clearfix {
     width: 125px;
     height: 125px;
     margin: 0 auto;
     text-align: center;
     display: block
 }

 .mymoney-admin1 .box-top1.box-verticle1 img.img-responsive.icon-img1 {
     height: 100%;
     width: 100% !important;
     text-align: center;
     margin: 0 auto
 }

 .mymoney-admin1 .coach-profile-card-01 .box-top1.box-verticle1 .thumb-icon.icon-thumbv1 {
     width: 125px;
     height: 125px
 }

 .mymoney-admin1 .coach-profile-card-01 .coach-profile-icon-thumb img.img-responsive.icon-img1 {
     height: 100%;
     width: 100%;
     border-radius: 100%;
     box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .4)
 }

 .coach-profile-card-01 .h5-title-yellow {
     padding: 20px 0 0 0;
     margin: 0;
     text-align: center;
     font-size: 18px;
     font-weight: 500;
     color: #fdb413;
     text-transform: uppercase
 }

 .mymoney-admin1 .right-vdetails-div {
     padding: 0;
     margin: 0
 }

 .mymoney-admin1 .right-vdetails-div h5 {
     padding: 0;
     margin: 0
 }

 .mymoney-admin1 .right-vdetails-div h5 {
     padding: 15px 0 0 0;
     margin: 0;
     text-align: center;
     font-size: 18px;
     font-weight: 500
 }

 .download-btn-hire {
     display: inline-block;
     position: absolute;
     top: 15px;
     right: 15px;
     width: 30px
 }

 .share-btn-email {
     display: inline-block;
     position: absolute;
     top: 17px;
     left: 15px;
     width: 30px
 }

 .coach-detailslist-01 {
     padding: 15px 5px 0 10px;
     margin: 0
 }

 .row-cdetails1 {
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 26px;
     margin: 0 0 15px 0
 }

 .coach-detailslist-01 .row-cdetails1 p {
     padding: 0;
     margin: 0;
     color: #222;
     font-size: 14px;
     word-break: break-all
 }

 .row-cdetails1 .coach-details-i01 {
     width: 22px
 }

 .leftside-details-list {
     display: flex;
     justify-content: center;
     flex-direction: column;
     float: left;
     width: 10%;
     height: 100%;
     min-width: 35px
 }

 .rightside-details-list {
     float: left;
     width: 90%;
     height: 100%
 }

 .form-group.mb-0 {
     margin-bottom: 0
 }

 .paperwork-card {
     padding: 0;
     margin: 0;
     position: relative;
     border: 1px solid #ddd;
     background-color: #fff
 }

 .paperwork-card .rowline-01 {
     padding: 15px 0;
     margin: 0;
     border-bottom: 1px solid #ddd
 }

 .paperwork-card .rowline-01:last-child {
     border-bottom: 0 solid #ddd
 }

 .rowline-01 .grid-check1 {
     display: flex;
     float: left;
     width: 15%;
     justify-content: center;
     min-height: 95px
 }

 .rowline-01 .grid-check2 {
     display: inline-block;
     float: left;
     width: 75%;
     min-height: 95px;
     border-left: 1px solid #ddd
 }

 .rowline-01 .grid-check3 {
     display: inline-block;
     float: left;
     width: 10%;
     min-height: 95px
 }

 .rowline-01 .checkimg-thumb {
     padding: 0;
     margin: 0;
     display: inline-block;
     position: relative
 }

 .rowline-01 .checkimg-thumb .icon-checklist01 {
     padding: 0;
     margin: 0;
     width: 90px;
     position: relative
 }

 .rowline-01 .form-radio:checked {
     background-color: #10ac31
 }

 .rowline-01 .rowblock01 input[type=checkbox],
 .rowline-01 .rowblock01 input[type=radio] {
     margin: 0 0 0
 }

 .rowline-01 input[type=checkbox],
 .rowline-01 input[type=radio] {
     margin: 4px 0 0;
     line-height: normal
 }

 .rowline-01 input[type=checkbox],
 .rowline-01 input[type=radio] {
     box-sizing: border-box;
     padding: 0
 }

 .rowline-01 .form-radio {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     position: relative;
     background-color: #10ac31;
     color: #fff;
     height: 34px;
     width: 34px;
     border-radius: 100%;
     border: 1px solid #10ac31;
     cursor: pointer;
     margin-right: 7px;
     outline: 0 !important;
     vertical-align: middle;
     position: absolute;
     bottom: 0;
     right: -10px
 }

 .rowline-01 .form-radio:checked::before {
     position: absolute;
     left: 11px;
     top: 5px;
     content: '\02143';
     font-size: 17px;
     transform: rotate(40deg)
 }

 .content-check-div {
     padding: 10px 25px;
     margin: 0
 }

 .content-check-div h3 {
     padding: 0;
     margin: 0 0 10px 0;
     font-size: 21px;
     font-weight: 500;
     color: #222
 }

 .content-check-div p {
     padding: 0;
     margin: 0;
     font-size: 14px;
     color: #222
 }

 .action-thumb {
     padding: 10px 15px;
     margin: 0
 }

 .action-thumb .linkround-blk {
     padding: 0;
     margin: 0;
     border-radius: 8px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all .5s ease-in-out
 }

 .action-thumb .linkround-blk .icon-action01 {
     padding: 0;
     margin: 0;
     height: 40px;
     width: 40px;
     position: relative
 }

 .hire-icons {
     margin: 0 auto;
     padding: 0;
     display: block;
     background-size: cover;
     vertical-align: middle;
     text-align: center;
     fill: #fff;
     color: #fff
 }

 .hire-icons.hire-icon1 {
     background-image: url(../images/icons/file-edit.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon1:hover {
     background-image: url(../images/icons/file-edit-color1.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon2 {
     background-image: url(../images/icons/cloud-download.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon2:hover {
     background-image: url(../images/icons/cloud-download-color1.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon3 {
     background-image: url(../images/icons/video-clip.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon3:hover {
     background-image: url(../images/icons/video-clip-color1.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon4 {
     background-image: url(../images/icons/contract-icon-1.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon4:hover {
     background-image: url(../images/icons/contract-icon-2.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon5 {
     background-image: url(../images/icons/upload-cloud-computing.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.hire-icon5:hover {
     background-image: url(../images/icons/upload-cloud-computing-color1.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.click-change-icon {
     background-image: url(../images/icons/cloud-download.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 .hire-icons.click-change-icon:hover {
     background-image: url(../images/icons/cloud-download-color1.svg);
     height: 50px;
     width: 50px;
     margin-bottom: 10px
 }

 span.span-smalltxt {
     font-size: 12px
 }

 .blk-div100 {
     display: block
 }

 .blk-div100 .btn-group.bootstrap-select.width-50 {
     width: 50%;
     float: left
 }

 .blk-div100 .btn-group.bootstrap-select.width-50 button.btn.dropdown-toggle {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .blk-div100 input.form-control {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .datepicker .table-condensed td,
 .datepicker .table-condensed th {
     text-align: center;
     padding: 7px 12px;
     border-radius: 3px;
     border: 0 solid #fff !important;
     border-radius: 0;
     width: auto !important
 }

 .heading-new-onboarding01 img.icon-img-2 {
     height: 30px;
     width: 30px
 }

 .heading-new-onboarding01 a.btn.btn-link.btn-float.has-text {
     text-align: center;
     min-width: 100px;
     margin-top: -10px
 }

 .heading-new-onboarding01.div_top_heading .btn-float>span {
     margin-bottom: 0;
     color: #00134d
 }

 .heading-new-onboarding01.div_top_heading .link-top:hover.btn-float>span {
     margin-bottom: 0;
     color: #fdb413;
     transition: all .3s ease-in-out
 }

 .top-icons {
     margin: 0 auto;
     padding: 0;
     display: block;
     background-size: cover;
     vertical-align: middle;
     text-align: center;
     fill: #fff;
     color: #fff
 }

 .top-icons.top-icons1 {
     background-image: url(../images/icons/p-call-color1.svg);
     height: 30px;
     width: 30px
 }

 .link-top1:hover .top-icons.top-icons1 {
     background-image: url(../images/icons/p-call-color2.svg)
 }

 .top-icons.top-icons2 {
     background-image: url(../images/icons/email-color-1.svg);
     height: 30px;
     width: 30px
 }

 .link-top2:hover .top-icons.top-icons2 {
     background-image: url(../images/icons/email-color-2.svg)
 }

 .rowline-innernew .roundcolor-list {
     height: 70px;
     width: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     border-radius: 100%
 }

 .rowline-innernew .roundcolor-list1 {
     background-color: #e63a59
 }

 .rowline-innernew .roundcolor-list2 {
     background-color: #ffbf0d
 }

 .rowline-innernew .roundcolor-list3 {
     background-color: #60c2e6
 }

 .rowline-innernew .roundcolor-list4 {
     background-color: #8dc34b
 }

 .rowline-innernew .roundcolor-list5 {
     background-color: #464b51
 }

 .rowline-innernew .roundcolor-list6 {
     background-color: #d59d25
 }

 .rowline-innernew .roundcolor-list7 {
     background-color: #ed6c06
 }

 .rowline-innernew .roundcolor-list8 {
     background-color: #ab1b59
 }

 .rowline-innernew .roundcolor-list9 {
     background-color: #08a8be
 }

 .rowline-innernew .roundcolor-list10 {
     background-color: #56b38c
 }

 .rowline-innernew .roundcolor-list11 {
     background-color: #6e491e
 }

 .rowline-innernew h1.number {
     padding: 0;
     margin: 0;
     color: #fff;
     font-size: 36px;
     font-weight: 900;
     font-family: Arial, Helvetica, sans-serif
 }

 .rowline-innernew.rowline-01 .grid-check1,
 .rowline-innernew.rowline-01 .grid-check2,
 .rowline-innernew.rowline-01 .grid-check3 {
     display: flex;
     min-height: 92px;
     align-items: center
 }

 .rowline-innernew.rowline-01 .form-radio {
     height: 28px;
     width: 28px;
     bottom: 0;
     right: -8px
 }

 .rowline-innernew.rowline-01 .form-radio:checked::before {
     left: 9px;
     top: 3px;
     font-size: 15px
 }

 .view-reviews-c1 {
     padding: 0 0;
     margin: 0 0 10px 0;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 8px;
     border: 1px solid #ddd
 }

 h2.view-h2-title {
     padding: 15px 15px 15px 15px;
     margin: 0;
     font-weight: 500;
     font-size: 18px;
     border-bottom: 1px solid #ddd
 }

 .parent-rowc1 {
     padding: 8px 15px;
     margin: 0;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #eee
 }

 .parent-rowc1 .column01-view1 {
     padding: 0;
     margin: 0;
     float: left;
     width: 15%;
     min-width: 60px
 }

 .parent-rowc1 .column01-view1 .parent-imgthumb {
     padding: 0;
     margin: 0;
     width: 45px;
     height: 45px;
     overflow: hidden;
     float: left
 }

 .parent-rowc1 .column01-view1 .parent-imgthumb .img-view-parent {
     padding: 0;
     margin: 0;
     border-radius: 100%
 }

 .parent-rowc1 .column01-view2 {
     padding: 0;
     margin: 0;
     float: left;
     width: 80%
 }

 .parent-rowc1 .column01-view2 h2 {
     padding: 10px 0 10px 0;
     margin: 0;
     font-weight: 500;
     font-size: 16px
 }

 span.color-star1 {
     color: #fdb413
 }

 .font-28 {
     font-size: 28px;
     font-weight: 700
 }

 .max-height-scroll1 {
     max-height: 495px;
     overflow-y: auto
 }

 .table-punctuality-record {
     margin: 0 0 10px 0
 }

 .table-punctuality-record .table-responsive.table-yscroll {
     max-height: 270px
 }

 .table-punctuality-record.data-table-1.table-div .table>thead>tr>th {
     padding: 15px 15px !important;
     text-transform: capitalize
 }

 .table-punctuality-record.data-table-1.table-div .table>tbody>tr>td {
     padding: 10px 15px 9px 15px !important
 }

 .table-punctuality-record.data-table-1.table-div .panel.view-summary-table-001 {
     margin: 0
 }

 .coach-calendar {
     padding: 15px;
     border-top: 1px solid #ddd
 }

 .data-table-1 .text-left .list-inline li img.img-responsive.onboard-status-iconnew1 {
     width: 20px !important
 }

 .padding0 {
     padding: 0 !important
 }

 .sub-table01 {
     padding: 0 15px;
     margin: 0;
     position: relative
 }

 .sub-table01 .table-custom-sub1 {
     padding: 0;
     margin: 0;
     border: 1px solid #ddd
 }

 .sub-table01 .table-custom-sub1 th {
     padding: 10px 15px;
     margin: 0;
     background-color: #00134d;
     color: #fff
 }

 .sub-table01 .table-custom-sub1 td {
     padding: 10px 15px;
     margin: 0;
     color: #222
 }

 .modal-year-calendar.modal.custom-modal .modal-body {
     padding: 30px 0 25px 0
 }

 .modal-year-calendar.modal.custom-modal .form-horizontal .form-group {
     margin-left: 0;
     margin-right: 0;
     margin: 0 0 20px 0
 }

 .modal-year-calendar.modal.custom-modal .form-horizontal .control-label {
     font-size: 14px;
     margin: 0 0 5px 0;
     padding: 0
 }

 .modal-year-calendar.modal.custom-modal input.form-control {
     margin: 0
 }

 .modal-year-calendar.modal.custom-modal .datepicker table tr td.selected,
 .modal-year-calendar.modal.custom-modal .datepicker table tr td.selected.highlighted {
     background-color: #fdb413 !important;
     border-color: #fdb413 !important;
     text-shadow: none
 }

 .datepicker table tr td.selected.active.focus,
 .datepicker table tr td.selected.active:focus,
 .datepicker table tr td.selected.active:hover,
 .datepicker table tr td.selected.highlighted.active.focus,
 .datepicker table tr td.selected.highlighted.active:focus,
 .datepicker table tr td.selected.highlighted.active:hover,
 .datepicker table tr td.selected.highlighted:active.focus,
 .datepicker table tr td.selected.highlighted:active:focus,
 .datepicker table tr td.selected.highlighted:active:hover,
 .datepicker table tr td.selected:active.focus,
 .datepicker table tr td.selected:active:focus,
 .no-class-days-root .datepicker table tr td.selected:active:hover {
     background-color: #000 !important
 }

 .datepicker table tr td.active.active,
 .datepicker table tr td.active.highlighted.active,
 .datepicker table tr td.active.highlighted:active,
 .no-class-days-root .datepicker table tr td.active:active {
     color: #fff;
     background-color: #00134d !important;
     border-color: #00134d !important
 }

 .datepicker table tr td.selected.highlighted,
 .no-class-days-root .datepicker table tr td.selected {
     color: #fff;
     background-color: #fdb413 !important;
     border-color: #fdb413 !important
 }

 .no-class-days-root .calendar table.month th.month-title {
     font-size: 14px;
     padding-bottom: 0;
     padding: 7px 0;
     margin: 0;
     font-weight: 600;
     text-transform: uppercase
 }

 .no-class-days-root .calendar .month-container {
     margin-bottom: 25px
 }

 .no-class-days-root .calendar {
     padding: 0;
     border: none;
     border-radius: 0
 }

 .no-class-days-root .calendar .calendar-header {
     border-radius: 0;
     border: none;
     border-bottom: 1px solid #ddd
 }

 .no-class-days-root .calendar span.fa.fa-long-arrow-left.fa-custom01,
 span.fa.fa-long-arrow-right.fa-custom01.fa-custom-right01 {
     top: -1px
 }

 .calendar-footer-div {
     display: block;
     border-top: 1px solid #ddd;
     padding: 30px 0
 }

 .calendar-header-div {
     display: block;
     border-bottom: 1px solid #ddd;
     padding: 20px 0 10px 0
 }

 .panel-group.no-class-days-root {
     margin: 0 0 100px 0 !important
 }

 .calendar table.month tr td .day-content {
     border-radius: 0 !important
 }

 .calendar table.month tr td.red-back-bg .day-content {
     background-color: #ff2500 !important;
     color: #fff;
     border-radius: 0
 }

 .datepicker table tr td.disabled-date,
 .datepicker table tr td.disabled-date:hover {
     color: #fff !important;
     background: #ff2500 !important;
     cursor: default
 }

 .datepicker table tr td.old.disabled-date,
 .datepicker table tr td.old.disabled-date:hover {
     color: #777 !important;
     background: #fff !important;
     cursor: default
 }

 .subroaster-tablediv-collapse1 {
     padding: 0;
     margin: 0;
     position: relative;
     width: 100%
 }

 .subroaster-tablediv-collapse1 .header-subroaster-collapse1 {
     padding: 0;
     margin: 0
 }

 .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td .subroaster-tablediv-collapse1 .header-subroaster-collapse1 a.black-txt {
     width: 100% !important;
     max-width: 100% !important;
     margin: 0 !important
 }

 .display-none-desktop {
     display: table-header-group;
     visibility: hidden
 }

 .subroaster-tablediv-collapse1 .thead-table-vr {
     line-height: 0 !important
 }

 .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .subroaster-tablediv-collapse1 .table>thead.thead-table-vr:first-child>tr:first-child>td {
     padding: 0 0 0 20px;
     line-height: 0 !important
 }

 .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .responsive01 .subroaster-tablediv-collapse1 .table>thead.thead-table-vr>tr>th {
     padding: 0 12px !important;
     line-height: 0 !important
 }

 .subroaster-tablediv-collapse1 .thead-table-vr input[type=checkbox],
 .subroaster-tablediv-collapse1 .thead-table-vr input[type=radio] {
     margin: 0 0 0 !important;
     line-height: 0 !important
 }

 .subroaster-tablediv-collapse1 .display-none-checkbox {
     display: none
 }

 .credentials_tab_content {
     padding: 0;
     margin: 0
 }

 .credentials_tab_content .panel-credentials {
     padding: 0;
     margin: 0;
     border: none
 }

 .panel-credentials .login_link {
     color: #00397d;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase
 }

 .panel-credentials .img-user {
     width: 20px;
     padding: 2px;
     margin: 0 7px 0 0;
     float: left
 }

 .tab-customdesign-001.nav-tabs.nav-tabs-solid.tab-credentialslogin>li {
     width: 25%;
     padding: 0 10px 0 0
 }

 .summary-general-01 .active-summary .panel-credentials .datatable-scroll .table>tbody>tr>td:first-child {
     padding: 5px 10px 4px 10px !important
 }

 .view-credentials .active-summary.table-div .panel-credentials .datatable-scroll {
     max-height: 620px;
     overflow-y: scroll;
     height: auto
 }

 .display-inline-block {
     display: inline-block
 }

 .videodiv-modal.clearfix {
     float: right
 }

 a.videoModalTriger.videomodal-icon img.img-responsive.img-i3.img-i02.videoi-iconimg {
     width: 35px
 }

 .center-flexdiv.clearfix {
     display: flex;
     align-items: center
 }

 .videodiv-modal.custom2-videodiv-modal {
     float: none;
     display: inline-block
 }

 .topic-header-div h1.custom-normal-h1 {
     padding: 0 10px 0 5px
 }

 .span-blk1 {
     display: block
 }

 .chat-container {
     height: 88%;
     background-color: transparent;
     padding: 0;
     margin: 10px 0 0 0
 }

 .chat-left-div {
     width: 23%;
     height: 88%;
     background-color: #fff;
     border: 1px solid #ddd
 }

 .chat-right-div {
     height: 88%;
     background-color: #fff;
     border: 1px solid #ddd
 }

 .chat-container .user-heading-div {
     border: 1px solid #ddd
 }

 .chat-container .user-heading-div {
     padding: 2px 20px 10px 20px
 }

 .chat-container .user-heading-div .left-desc-header {
     height: 100%
 }

 .chat-container .user-heading-div {
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .chat-container .user-heading-div .left-desc-btn {
     height: 100%;
     display: flex;
     align-items: center
 }

 .chat-container .user-heading-div .btn-view-profile {
     height: 40px
 }

 .mastercalendarevent-modal {
     padding: 0;
     margin: 0
 }

 .mastercalendarevent-modal button.close.close-calendarmodal {
     color: #5f6368;
     opacity: 1;
     font-size: 36px;
     font-weight: 400;
     position: absolute;
     top: 10px;
     right: 0;
     display: inline-block;
     margin: 10px 10px 0 0;
     height: 40px;
     width: 40px;
     transition: all linear .3s;
     border-radius: 100%
 }

 .mastercalendarevent-modal button.close.close-calendarmodal:hover {
     background: #eee
 }

 .mastercalendarevent-modal.modal.custom-modal .modal-body {
     padding: 55px 0 0 0;
     margin: 0
 }

 .event-btn-div {
     padding: 0 0 20px 0
 }

 .event-btn-div .btn-event {
     background-color: #fdb413;
     border: 1px solid #fdb413
 }

 .ranges .range_inputs .btn.bg-slate-600 {
     background-color: #00134d;
     color: #fff;
     border: 1px solid #00134d
 }

 .daterangepicker .daterangepicker_input .form-control {
     padding-right: 0
 }

 .daterangepicker.dropdown-menu.show-calendar.opensright {
     z-index: 99999
 }

 .fullcalendarevent-100.modal.custom-modal {
     padding: 0 !important
 }

 .fullcalendarevent-100.modal.custom-modal .modal-dialog {
     width: 100%;
     margin: 0;
     padding: 0;
     height: 100% !important;
     min-height: 100vh;
     overflow: hidden;
     margin-top: 0 !important;
     color: #000
 }

 .fullcalendarevent-100.modal.custom-modal .modal-content {
     border-radius: 0 !important;
     margin: 0;
     padding: 90px 0 0 0;
     height: 100vh
 }

 .mastercalendarevent-modal.fullcalendarevent-100 button.close.close-calendarmodal {
     top: 100px;
     right: 10px;
     z-index: 99999
 }

 .mastercalendarevent-modal.fullcalendarevent-100 .modal-body {
     padding: 80px 5px 0 0 !important;
     margin: 0
 }

 .fullcalendarevent-100 .add-width-600 .w600-form {
     max-width: 600px
 }

 .mastercalendarevent-modal2.modal.custom-modal .details-event-div {
     padding: 0;
     margin: 0
 }

 .mastercalendarevent-modal2.modal.custom-modal .details-event-div .title-h2mcalendar {
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: 500;
     font-size: 18px
 }

 .mastercalendarevent-modal2.modal.custom-modal .details-event-div .details-div-01 .Editor-container {
     margin-top: 0 !important
 }

 .mastercalendarevent-modal2.modal.custom-modal .modal-body {
     padding: 20px 0 0 0
 }

 .mastercalendarevent-modal2.modal.custom-modal .modal-dialog {
     width: 650px
 }

 .mastercalendarevent-modal2.modal.custom-modal .coach_unavail_fg .defalut_txt1 {
     display: block !important;
     padding: 5px 5px;
     text-align: left
 }

 .show-acc-records {
     padding: 5px 0;
     margin: 0;
     display: flex;
     align-items: center
 }

 .show-acc-records .display-tringle-img {
     width: 13px;
     display: inline-block;
     float: left
 }

 .show-acc-records .display-tringle-img .img-15px {
     width: 10px
 }

 .show-acc-records .display-regnumber {
     min-width: 50px;
     display: inline-block;
     float: left;
     font-size: 11px
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-6per,
 .table>thead>tr>th.width-6per {
     float: none;
     width: 6%
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-22per,
 .table>thead>tr>th.width-22per {
     float: none;
     width: 22%
 }

 .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-23per,
 .table>thead>tr>th.width-23per {
     float: none;
     width: 23%
 }

 .view-summary-session-active-a1 .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
     min-width: auto !important
 }

 .revenue-reports-tab .thead-desktop-hidden {
     display: table-caption
 }

 .revenue-reports-tab .tbl-top-head {
     padding: 5px 0 5px 3px
 }

 .revenue-reports-tab .tbl-top-head .p010 {
     padding: 5px 7px 6px 7px !important
 }

 .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td {
     padding: 4px 7px 4px 7px !important;
     min-width: auto !important
 }

 .data-table-1.table-div .revenue-reports-tab .table>thead>tr>th {
     padding: 0 !important
 }

 .display-hidden-acc {
     display: none
 }

 a.namelink {
     color: #00134d;
     font-size: 12px
 }

 .revenue-reports-tab .vactive_coaches_tab .tbl-top-head {
     padding: 10px 0 10px 3px
 }

 .revenue-reports-tab span.more-spanicon {
     padding: 0;
     margin: 0;
     display: flex;
     height: 28px;
     width: 28px;
     border-radius: 100%;
     justify-content: center;
     align-items: center;
     background: 0 0;
     float: left;
     min-width: 100%
 }

 .revenue-reports-tab span.more-spanicon .img-more20px {
     width: 18px;
     display: inline-block;
     max-width: none;
     transform: rotate(90deg)
 }

 .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p {
     padding: 8px 0;
     margin: 0;
     border-bottom: 1px dashed #ddd;
     font-size: 13px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 50%;
     float: left
 }

 .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p.border-b0 {
     border-bottom: none
 }

 .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p.final-p {
     border-bottom: none;
     width: 50%;
     padding: 0
 }

 .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p.final-p .btn-fullwidth {
     border-bottom: none;
     padding: 0;
     margin: -1px 0;
     min-height: 44px;
     background: #fdb413;
     color: #fff;
     display: flex;
     line-height: 21px;
     justify-content: center;
     align-items: center;
     text-transform: uppercase
 }

 .revenue-reports-tab .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 223px
 }

 .coach-calendar .fc-view {
     max-width: 100%;
     overflow: hidden
 }

 .coach-calendar .fc-basic-view tbody .fc-row {
     min-height: 124px;
     min-width: 100px
 }

 .coach-calendar .fc-event,
 .coach-calendar a.fc-more {
     font-size: 10px;
     margin: 0 3px 2px 3px
 }

 .coach-calendar .fc-basic-view .fc-day-number,
 .coach-calendar .fc-basic-view .fc-week-number {
     padding: 10px 10px 5px 10px
 }

 .fc-scroller {
     height: 100% !important
 }

 .acc_details_panel .title-form {
     color: #fdb413
 }

 .acc_details_panel .panel-body.acc_details_body {
     padding: 15px 15px
 }

 .panel-body.acc_details_body h5 {
     padding: 10px 5px;
     font-weight: 500;
     margin: 0;
     font-size: 18px;
     border-bottom: 1px solid #eee;
     text-transform: uppercase
 }

 .acc_details_body .accdetails_shown_div {
     padding: 20px 5px;
     margin: 0
 }

 .accdetails_width_50 {
     width: 48%;
     float: left;
     margin-right: 2%;
     display: inline-block;
     border-right: 1px solid #eee;
     padding: 10px 0 5px 0
 }

 .accdetails_width_50:last-child {
     border-right: 0 solid #eee
 }

 .accdetails_shown_div .row-prag-bi {
     padding: 0 0;
     margin: 0 0 10px 0;
     display: flex;
     align-items: center
 }

 .accdetails_shown_div .title-heading-bi {
     font-weight: 600;
     font-size: 14px;
     width: 30%;
     float: left;
     display: inline-block;
     text-transform: capitalize
 }

 .accdetails_shown_div .viewdetails-bi {
     font-weight: 400;
     font-size: 13px;
     width: 70%;
     float: left;
     display: inline-block
 }

 .rank-bi {
     color: #fff;
     background-color: #fdb413;
     height: 25px;
     min-width: 25px;
     padding: 0 5px;
     display: inline-block;
     text-align: center;
     line-height: 25px
 }

 .top-filter-section {
     padding: 0;
     margin: 0 0 10px 0;
     display: flex;
     flex-direction: row-reverse
 }

 .row-header-top {
     padding: 0;
     margin: 0
 }

 .row-header-top .form-group.form-control-info {
     display: inline-block
 }

 .row-header-top .formbtn-block {
     display: inline-block
 }

 .row-header-top .formbtn-block .btn.btn-primary.btn-custom {
     margin: 0;
     padding: 8px 20px !important;
     text-transform: capitalize
 }

 .parent_info_view_div {
     padding: 0;
     margin: 0
 }

 .parent_info_view_div .section_accdetails.section_accdetails01 {
     padding: 5px 15px
 }

 .parent_info_group .panel.panel-white.panel-half50 {
     width: 50%;
     float: left
 }

 .parent_info_group .accdetails_width_50.accdetails_width_100 {
     width: 100%
 }

 .parent_info_group .panel.panel-white.panel-half50.panel-half50one {
     width: 49%;
     margin-right: 1% !important
 }

 .parent_info_group .panel-body.view-panel {
     min-height: 160px
 }

 .parent_info_group .dataTables_info,
 .parent_info_group .dataTables_paginate {
     text-align: left
 }

 .parent_info_group .table>thead>tr>th {
     padding: 10px 15px 10px 15px
 }

 .parent_info_group .table>tbody>tr>td {
     padding: 10px 15px 10px 15px
 }

 .parent_info_group ul.list-inline.acc-info-ul1 {
     margin: 0 !important
 }

 .acc_sport_text1 {
     display: block
 }

 .acc_date_text1 {
     display: block
 }

 .acc-viewmore-details-modal .modal-dialog {
     width: 745px;
     margin: 30px auto
 }

 .acc-viewmore-details-modal .info-div p .title-span {
     width: 60%
 }

 .acc-viewmore-details-modal .info-div p .date-span {
     width: 40%
 }

 .color-form-group span.span-sqaure-20 {
     display: flex;
     flex-direction: row;
     height: 20px;
     width: 20px;
     color: #fff;
     background: #00134d;
     position: relative;
     border-radius: 100%
 }

 .color-form-group .list-inline>li {
     padding-left: 0;
     padding-right: 0;
     padding: 5px;
     font-size: 13px;
     width: 50%;
     float: left;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .custom-modal .color-form-group .dropdown-menu {
     padding: 10px 0;
     width: 90px;
     min-width: 90px
 }

 .custom-modal .color-form-group h5.dropdown-header.text-center {
     display: none
 }

 .colorpicker-div,
 .colorpicker-div1 {
     height: 20px !important;
     width: 20px !important;
     border-radius: 100% !important;
     border: none !important
 }

 .color-form-group span.btn-preview-name {
     display: inline-block !important;
     height: 20px !important;
     width: 20px !important;
     border-radius: 100% !important;
     background-color: #d50000
 }

 .color-form-group .btn-default {
     color: #333;
     background-color: #fcfcfc;
     border-color: #ddd;
     padding: 6px 10px;
     display: flex;
     height: 36px;
     justify-content: center;
     align-items: center
 }

 .color-form-group .caret {
     margin-left: 8px !important
 }

 .multi-select-full.multi-select-full-90 {
     float: left;
     width: 88%;
     margin-right: 2%
 }

 .form-group.color-form-group.color-form-group-10 {
     width: 10%;
     float: left
 }

 .parent_info_customtab .div-25 {
     float: left
 }

 .parent_info_customtab .div-25:last-child {
     float: left
 }

 .center-align-txt {
     display: flex;
     align-items: center
 }

 .rowline-01.center-align-txt .grid-check2 {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     float: left;
     width: 75%;
     min-height: 95px;
     border-left: 1px solid #ddd
 }

 .login-bottom a.w-100blk {
     width: 100%
 }

 .paperwork-card-updatestep {
     margin: 0 0 60px 0
 }

 .middle-area-div.home-dashboard {
     padding: 20px 0
 }

 .show-xs-mobile-tab {
     display: none
 }

 .mobile-graph {
     padding: 0;
     margin: 20px 0 0 0;
     position: relative
 }

 .mobile-graph .border-badge-pixels {
     padding: 20px 0 0 0;
     margin: 0 0 10px 0
 }

 .border-badge-pixels label {
     padding: 10px 15px;
     background-color: #eee;
     border-radius: 6px;
     text-align: left;
     width: 100%;
     position: relative;
     margin: 0 0 25px 0
 }

 .border-badge-pixels span.show-xs-number {
     font-size: 14px;
     font-weight: 600;
     color: #fdb413;
     float: right;
     height: 30px;
     min-width: 30px;
     padding: 0 8px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #000;
     position: absolute;
     top: -15px;
     right: -10px;
     border-radius: 24px
 }

 .paperwork-card-change1 .content-check-div h3 {
     font-weight: 400
 }

 .chat-container {
     height: 88%;
     background-color: transparent;
     padding: 0;
     margin: -40px 0 0 0
 }

 ul.dropdown-menu.dropdown-menu-right.dropdown-width img.img-responsive.main-icon-01 {
     height: 20px !important;
     width: 20px !important
 }

 ul.dropdown-menu.dropdown-menu-right.dropdown-width img.img-responsive.main-icon-01.main-icon-02.edit-white {
     height: 18px !important;
     width: 18px !important;
     margin-top: 2px
 }

 .delete-refund-btnshow {
     display: none
 }

 .chat-container .chat-message-div {
     margin-bottom: 60px
 }

 .middle-area-div.ecard_main_area {
     padding: 0 0
 }

 .ecard_div {
     padding: 0;
     margin: 0;
     position: relative
 }

 .ecard_div .iframe_ecard {
     padding: 0;
     margin: 0;
     width: 100%;
     height: 100%;
     min-height: 1000px;
     border: none;
     position: absolute
 }

 .ecard_div .iframe_ecard html {
     overflow: hidden
 }

 .sidebar-xs .ecard_div .iframe_ecard {
     min-height: 1085px
 }

 .tooltip-1.sendecard-tooltips .tooltiptext {
     bottom: -360%
 }

 .panel-leads-root {
     padding: 15px;
     position: relative
 }

 .leads_heading_title {
     padding: 10px 0;
     margin: 0;
     min-height: 56px
 }

 .leads_heading_title.leads_heading_titled {
     padding: 15px 0 25px 0;
     margin: 0;
     min-height: 56px
 }

 .leads_heading_title .title_p {
     padding: 0;
     margin: 0;
     font-weight: 500;
     font-size: 14px;
     display: inline-block
 }

 .left_box_container {
     padding: 0
 }

 .leads_full_box {
     padding: 0;
     margin: 0;
     border: 1px solid #ddd;
     border-radius: 4px
 }

 .leads_full_box .half_box_div {
     padding: 15px 10px 10px 10px;
     border-bottom: 1px solid #ddd
 }

 .leads_full_box .h3_leads_title {
     padding: 0;
     margin: 0 0 15px 0;
     font-size: 21px;
     display: flex;
     align-items: center;
     font-weight: 600;
     color: #222
 }

 .leads_full_box .h3_leads_title span.dot_span {
     margin: 0 0 0 10px;
     position: relative;
     height: 8px;
     width: 8px;
     display: inline-block;
     border-radius: 100%;
     background-color: #666
 }

 .leads_full_box .h3_leads_title .dot_span.active_dot {
     background-color: #10ac31
 }

 .leads_full_box .small_heading {
     font-size: 12px;
     margin: 0 0 5px 0;
     color: #666
 }

 .leads_full_box .leads_count_number {
     padding: 0;
     margin: 0;
     line-height: 30px;
     font-size: 24px;
     font-weight: 500
 }

 .leads_full_box .second_half_box_div {
     padding: 10px;
     margin: 0;
     min-height: 115px
 }

 .leads_full_box .second_half_box_div p {
     font-size: 12px;
     margin: 0 0 5px 0;
     color: #666;
     line-height: 21px
 }

 .btn.btn-primary.btn-custom.addcustom-button {
     display: flex;
     align-items: center;
     text-transform: uppercase;
     padding: 8px 15px !important
 }

 .btn.btn-primary.btn-custom.btn-lead-new {
     background-color: #fdb413 !important
 }

 .btn.btn-primary.btn-custom.btn-lead-new:hover {
     background-color: #00357c !important
 }

 .add_plus_img {
     width: 12px;
     height: 12px;
     display: inline-block;
     float: left;
     margin: 0 10px 0 0
 }

 .inline_block {
     display: inline-block
 }

 .inline_block_btn {
     padding: 0 0 0 10px;
     display: inline-block
 }

 .right_pull_top {
     float: right
 }

 .left_pull_top {
     float: left
 }

 .center_vitem {
     display: flex;
     align-items: center
 }

 .right_box_container {
     padding: 0
 }

 .slider_div {
     padding: 0;
     margin: 0
 }

 .leads_main_box {
     padding: 0;
     margin: 0 0 10px 0
 }

 .leads_main_box .half_box_div {
     border-bottom: 0 solid #ddd;
     padding: 0;
     min-height: 115px
 }

 .leads_main_box .h3_leads_title {
     font-size: 16px
 }

 .leads_main_box .leads_count_number {
     line-height: 24px;
     font-size: 14px;
     font-weight: 500;
     color: #333
 }

 .leads_main_box .small_heading {
     margin: 0 0 2px 0
 }

 .leads_main_box .box_row_div {
     padding: 0;
     margin: 0
 }

 .leads_main_box .box_col_div {
     padding: 0;
     margin: 0 8px 0 0;
     display: inline-block;
     float: left
 }

 .leads_main_box a.leads_groups_link {
     height: 100%;
     width: 100%;
     display: block;
     padding: 15px 10px 15px 10px
 }

 .slider_div .owl-item {
     margin: 0 10px 0 0 !important
 }

 .slider_div .owl-item.active {
     margin: 0 !important;
     padding-right: 10px
 }

 .panel-leads-groups-root {
     padding: 0
 }

 .panel-leads-groups-root .panel-heading {
     padding: 15px;
     border-bottom: 1px solid #ddd;
     font-weight: 500
 }

 .panel-leads-groups-root .panel-heading .panel-title.title-form {
     font-weight: 600;
     text-transform: uppercase
 }

 .panel-leads-groups-root .panel-body {
     padding: 15px
 }

 .table_box {
     padding: 0;
     margin: 15px 0 0 0
 }

 .table_box .icons-leads-group .action-i1 {
     width: 18px
 }

 .table_box .table-scroll-div .datatable-scroll {
     max-height: 931px;
     margin: 0 0 15px 0;
     height: 100%;
     overflow-y: auto
 }

 .table_box .icons-leads-group .list-inline {
     margin: 0
 }

 .label-btn.current_client_label {
     padding: 3px 7px;
     min-width: 100px;
     text-align: center
 }

 .label-btn.label-pending.label-100 {
     min-width: 100px
 }

 .modal .img_info_100px {
     width: 100px
 }

 .message-main-modal-1.modal_confirmation .message-area-div-1 .message-thumb-1 {
     margin: -85px auto 0 auto;
     padding: 0
 }

 .modal_confirmation .btn_confirmation_div {
     padding: 20px 0 0 0
 }

 .modal_confirmation h3.text-center.h3-info {
     padding: 20px 25px
 }

 .modal_confirmation .btn-common-width {
     width: 50%;
     float: left;
     border-radius: 0;
     text-transform: uppercase
 }

 .fixedsummary-bottom {
     padding: 0;
     margin: 0;
     background-color: #fff;
     position: fixed;
     bottom: 0;
     padding-left: 350px;
     width: 100%;
     left: 0;
     border-top: 2px solid #fdb413
 }

 .sidebar-xs .fixedsummary-bottom {
     padding-left: 100px
 }

 .fixedsummary-bottom .footer-row {
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
     min-height: 70px
 }

 .fixedsummary-bottom .column_div_width100 {
     display: inline-block;
     float: left;
     min-width: 150px;
     padding: 0;
     margin: 0;
     text-align: center
 }

 .fixedsummary-bottom .column_div_width100 h2 {
     padding: 10px;
     margin: 0;
     font-size: 18px;
     font-weight: 500;
     text-align: center;
     text-transform: uppercase
 }

 .fixedsummary-bottom .column_div_width100 p {
     padding: 0;
     margin: 0;
     font-size: 13px;
     text-transform: uppercase;
     color: #666;
     font-weight: 400
 }

 .fixedsummary-bottom .column_div_width100 p span.count_bold {
     padding: 0 0 0 8px;
     font-size: 18px;
     font-weight: 500;
     color: #222
 }

 .tooltip-1.promo-tooltip.sample-tooltips1.sendecard-tooltips .tooltiptext {
     width: 540px
 }

 .tooltip-content-div p.credentials-pragraph {
     display: block;
     margin-top: 10px
 }

 .credentials-pragraph .block_div {
     display: block
 }

 .tooltip-1.sendecard-tooltips .tooltiptext {
     bottom: -660%
 }

 .tooltip-1.sendecard-tooltips .tooltiptext::after {
     top: 26%
 }

 .sport_rotation_modal .info-div p .title-span {
     padding: 0 10px;
     margin: 0;
     font-weight: 600;
     width: 100%;
     float: left
 }

 .sport_rotation_modal .div_btn_acc_details {
     width: 100%
 }

 .sport_rotation_modal .div_btn_acc_details .btn-fullwidth {
     border-bottom: none;
     padding: 0;
     min-height: 42px;
     width: 50%;
     padding: 10px;
     background: #fdb413;
     color: #fff;
     line-height: 21px;
     text-transform: uppercase;
     float: right
 }

 .sport_rotation_modal .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p {
     min-height: 42px
 }

 .sport_rotation_modal .coachview-details-modal.viewmore-count-detailsmodal1 .info-div {
     border-bottom: 0 solid #ddd
 }

 .view-active-sos-rootdiv .viewactive-summary-s001 .sessions-class-div .table>tbody>tr>td a.black-txt {
     max-width: 100% !important;
     white-space: pre-wrap;
     max-height: 60px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .btn-toggle.btn-sm.btn-toggle-onoff {
     margin: 0 .5rem;
     padding: 0;
     position: relative;
     border: none;
     height: 25px;
     width: 60px;
     border-radius: 1.5rem;
     font-size: 8px
 }

 .btn-toggle.btn-sm.btn-toggle-onoff>.handle {
     position: absolute;
     width: 21px;
     height: 21px;
     top: 2px;
     left: 2px
 }

 .btn-toggle.btn-sm.btn-toggle-onoff.active>.handle {
     left: auto;
     right: 2px;
     transition: left .25s
 }

 .btn-toggle.btn-sm.btn-toggle-onoff:after,
 .btn-toggle.btn-sm.btn-toggle-onoff:before {
     font-size: 8px
 }

 .btn-toggle.btn-sm.btn-toggle-onoff:after,
 .btn-toggle.btn-sm.btn-toggle-onoff:before {
     top: 5px;
     font-size: 8px
 }

 .btn-toggle.btn-sm.btn-toggle-onoff:before {
     text-align: center;
     left: 27px !important;
     padding: 1px
 }

 .btn-toggle.btn-sm.btn-toggle-onoff:after {
     text-align: center;
     left: 5px !important;
     padding: 1px
 }

 .btn-toggle.btn-sm.btn-toggle-onoff:before {
     content: 'NO';
     left: -.5rem
 }

 .btn-toggle.btn-sm.btn-toggle-onoff:after {
     content: 'Yes';
     left: -.5rem
 }

 .view-active-sos-rootdiv .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td .subroaster-tablediv-collapse1 .header-subroaster-collapse1 a.black-txt {
     max-height: 100% !important
 }

 .view-active-sos-rootdiv .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td .subroaster-tablediv-collapse1 .header-subroaster-collapse1 a.black-txt .h3-title-cityrecord {
     border-bottom: 1px solid #ddd
 }

 .right_pull_top.right_pull_top_two {
     float: right;
     min-width: 33.3%
 }

 .right_pull_top.right_pull_top_two .inline_block_btn {
     float: left;
     margin: 0 10px 0 0
 }

 .slider_div.without_slider {
     margin: 0 -10px 0 0
 }

 .slider_div.without_slider .leads_full_box {
     width: 25%;
     float: left;
     padding: 0 10px 0 0;
     border: none
 }

 .leads_main_box .half_box_div {
     border: 1px solid #ddd;
     border-radius: 4px
 }

 .leads_main_box .half_box_div:hover {
     box-shadow: 0 0 10px 0 rgba(102, 102, 102, .3)
 }

 .top_leads_fullbox_section {
     padding: 0;
     margin: 0 -5px
 }

 .top_leads_fullbox_section .toplead_leadrow {
     margin: 0
 }

 .toplead_leadrow {
     margin: 0
 }

 .toplead_leadrow .progress-bar-div {
     padding: 0;
     margin: 15px 0 0 0;
     width: 100%;
     clear: both;
     display: block
 }

 .toplead_leadrow .progress-bar-div .progress {
     height: 5px;
     margin: 0 !important;
     box-shadow: none
 }

 .toplead_leadrow .progress-bar-div .progress .progress-bar {
     background-color: #fdb413;
     box-shadow: none;
     border-radius: 8px
 }

 .bottom_last_btn {
     padding: 0;
     margin: 0 0 15px 0
 }

 .bottom_last_btn .right_btn {
     float: right;
     text-transform: uppercase
 }

 .panel-leads_two {
     margin: 0 0 70px 0
 }

 .tooltip-1.promo-tooltip.sas_tooltips .tooltiptext {
     bottom: -400%
 }

 .form_leftwidth90 {
     width: 90%;
     float: left !important
 }

 .form_rightwidth10 {
     width: 10%;
     float: left;
     text-align: center
 }

 .rotationicon_div .icon_rotation {
     width: 22px
 }

 .rotationicon_div .rotation_link {
     display: flex;
     text-align: center;
     padding: 7px 15px;
     min-height: 36px;
     line-height: 36px;
     margin: 0 auto;
     align-items: center;
     justify-content: center
 }

 .standard_rotation_div {
     padding: 0;
     margin: 0
 }

 .standard_rotation_div h3 {
     padding: 0 15px 5px 10px;
     margin: 0
 }

 .standard_rotation_div .sport_icons_row {
     padding: 0;
     margin: 0 0 15px 0
 }

 .standard_rotation_div .sport_icons_row .img-sport-thumb {
     padding: 0;
     margin: 0
 }

 .standard_rotation_div .sport_icons_row .sports_column_box {
     padding: 10px 0;
     margin: 0;
     width: 14.25%;
     display: inline-block;
     float: left;
     text-align: center
 }

 .standard_rotation_div .sport_icons_row .sports_column_box:hover {
     background-color: #eee
 }

 .standard_rotation_div .sport_icons_row .sports_column_box .img-sport {
     padding: 0;
     margin: 0 auto 8px auto;
     width: 35px
 }

 .standard_rotation_div .sport_icons_row .sports_column_box p {
     padding: 0;
     margin: 0;
     text-align: center
 }

 .tooltip-1.promo-tooltip.sport_rotation_tooltips .tooltiptext {
     bottom: -215%
 }

 .subroaster-tablediv-collapse1 .header-subroaster-collapse1 {
     white-space: normal
 }

 .view-active-sos-rootdiv .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td .subroaster-tablediv-collapse1 .header-subroaster-collapse1 a.black-txt.black_subroaster {
     white-space: normal
 }

 .tooltip-1.customer_logins .tooltiptext {
     width: 550px;
     bottom: -175%
 }

 .width-11per {
     width: 11% !important;
     float: left
 }

 .panel_availability .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-23per {
     width: 23% !important
 }

 .panel_availability .active-summary .revenue-reports-tab .table>tbody>tr>td.width-23per {
     width: 23% !important
 }

 .panel_availability .data-table-1.table-div .table>tbody>tr>td.width-11per,
 .panel_availability .table>thead>tr>th.width-11per {
     width: 11% !important;
     float: none;
     min-width: 11% !important
 }

 .view-summary-session-active-a1 .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-11per {
     width: 11% !important;
     min-width: 11% !important
 }

 .panel_availability .revenue-reports-tab .tbl-top-head {
     padding: 10px 0
 }

 .panel_availability .revenue-reports-tab .tbl-top-head .p010 {
     padding: 5px 10px 6px 10px !important
 }

 .panel_availability .active-summary .revenue-reports-tab .table>tbody>tr>td {
     padding: 5px 10px 6px 10px !important
 }

 .panel_availability .revenue-reports-tab .thead-desktop-hidden {
     display: table-header-group
 }

 .panel_availability .show-acc-records .display-tringle-img {
     width: 21px
 }

 .panel_availability .show-acc-records .display-tringle-img .img-15px {
     width: 16px
 }

 .panel_availability .show-acc-records .display-regnumber {
     font-size: 13px
 }

 .panel_availability .title-img-div span.span-txt-coachname {
     display: flex;
     width: 80%
 }

 .custom_tab-content .sessions-class-div-update1 .width-30per.p010 {
     padding: 0 10px
 }

 .view-newhire-a1 .custom_tab-content .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 100%
 }

 .panel_availability .revenue-reports-tab .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 100%
 }

 .view-active-sos-rootdiv .viewactive-summary-s001 .table-responsive.table-yscroll.table-record-scroll-y01 {
     max-height: 100%
 }

 .p010 {
     padding-left: 10px;
     padding-right: 10px
 }

 .tooltip-1.promo-tooltip.sport_rotation_tooltips.rotation_modal_tooltips .tooltiptext {
     bottom: 135%;
     left: auto;
     right: -50px;
     width: 570px;
     background-color: #fff;
     border: 5px solid #00134d
 }

 .tooltip-1.promo-tooltip.sport_rotation_tooltips.rotation_modal_tooltips .tooltiptext::after {
     position: absolute;
     top: auto;
     bottom: -25px;
     left: auto;
     right: 62px;
     border-width: 10px;
     border-color: #00134d transparent transparent transparent
 }

 .rotation_modal_tooltips .sport_icons_row.sports_hover_row {
     padding: 0;
     margin: 0 0 0 -10px
 }

 .rotation_modal_tooltips .sport_icons_row.sports_hover_row .img-sport-thumb {
     padding: 0;
     margin: 0
 }

 .rotation_modal_tooltips .sport_icons_row.sports_hover_row .sports_column_box {
     padding: 10px 0 0 0;
     margin: 0;
     width: 14.25%;
     display: inline-block;
     float: left;
     text-align: center
 }

 .rotation_modal_tooltips .sport_icons_row.sports_hover_row .sports_column_box .img-sport {
     padding: 0;
     margin: 0 auto 8px auto;
     width: 35px
 }

 .rotation_modal_tooltips .sport_icons_row.sports_hover_row .sports_column_box p {
     padding: 0;
     margin: 0;
     text-align: center;
     color: #000;
     font-size: 12px
 }

 .rotation_modal_tooltips .title-heading h3 {
     color: #000;
     font-size: 18px !important;
     letter-spacing: 0;
     padding: 10px 0 5px 0 !important
 }

 .cart-card-section {
     padding: 0;
     margin: 0;
     position: relative
 }

 .cart-card-div {
     padding: 20px;
     margin: 0;
     background-color: #fff;
     box-shadow: 0 0 3px 0 rgba(102, 102, 102, .5)
 }

 .cart-div {
     margin: 0 0 40px 0;
     padding: 20px;
     position: relative
 }

 .order-summary-div {
     margin: 0;
     padding: 0;
     position: relative
 }

 .order-summary-div h3 {
     margin: 0;
     padding: 25px 0;
     background: #00134d;
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
     text-align: center;
     display: block
 }

 .order-summary-div .order-summary-blk {
     margin: 0;
     padding: 0;
     border: 1px solid #ddd
 }

 .order-summary-div .order-summary-blk .order-summary-row {
     margin: 0;
     padding: 26px 10px 25.5px 10px;
     color: #222;
     font-size: 14px;
     font-weight: 400;
     border-bottom: 1px solid #ddd
 }

 .order-summary-div .order-summary-blk .order-summary-row .os-col-1 {
     margin: 0;
     padding: 0;
     text-align: left;
     display: inline-block;
     float: left
 }

 .order-summary-div .order-summary-blk .order-summary-row .os-col-2 {
     margin: 0;
     padding: 0;
     text-align: right;
     display: inline-block;
     float: right
 }

 .order-summary-div .order-summary-blk .btn-checkout {
     margin: 0;
     padding: 30px 0;
     background: #fdb414;
     color: #333;
     font-size: 14px;
     text-transform: uppercase;
     text-align: center;
     display: block;
     border: 0;
     width: 100%
 }

 .order-summary-div .order-summary-blk .btn-checkout:hover {
     background: #00134d;
     color: #fff
 }

 .order-summary-div .order-summary-blk .text_space {
     padding: 0 15px
 }

 .cart-box-div {
     margin: 0;
     padding: 0;
     position: relative
 }

 .cart-box-div .cart-box {
     margin: 0 0 20px 0;
     padding: 10px;
     border: 1px solid #ddd
 }

 .cart-box-div .cart-box .thumb_img {
     margin: 0;
     padding: 0;
     position: absolute;
     float: left
 }

 .cart-box-div .cart-box .thumb_img img {
     margin: 0 auto;
     text-align: center;
     width: 80px;
     height: 80px;
     border-radius: 4px
 }

 .cart-box-div .cart-box .cart-desc {
     margin: 0 0 0 90px;
     padding: 0;
     position: relative
 }

 .cart-box-div .cart-box .cart-desc h4 {
     margin: 0 0 20px 0;
     padding: 0 25px 0 0;
     color: #333;
     font-size: 16px;
     font-weight: 700
 }

 .cart-box-div .cart-box .cart-desc .right-bdr {
     margin: 0 20px 0 0 !important;
     border-right: 1px dotted #b8b8b8
 }

 .cart-box-div .cart-box .cart-desc .form-control {
     font-weight: 400
 }

 .cart-box-div .cart-box .close-span {
     margin: 0;
     padding: 5px 0 0 10px;
     position: absolute;
     right: -10px;
     top: -10px;
     height: 40px;
     width: 40px;
     text-align: center;
     background-color: #00134d;
     border-radius: 0 0 0 40px
 }

 .cart-box-div .cart-box .close-span a {
     -webkit-mask: url(../images/error.svg) no-repeat 50% 50%;
     mask: url(../images/error.svg) no-repeat 50% 50%;
     -webkit-mask-size: cover;
     display: inline-block;
     vertical-align: middle;
     mask-size: cover;
     text-align: center;
     width: 13px;
     height: 13px;
     color: #fff;
     fill: #fff;
     background-color: #fff
 }

 .cart-box-div .cart-box .close-span a:hover {
     -webkit-mask: url(../images/error.svg) no-repeat 50% 50%;
     mask: url(../images/error.svg) no-repeat 50% 50%;
     -webkit-mask-size: cover;
     display: inline-block;
     vertical-align: middle;
     mask-size: cover;
     text-align: center;
     width: 13px;
     height: 13px;
     color: #fdb414;
     fill: #fdb414;
     background-color: #fdb414
 }

 .cart-box-div .cart-box .cart-left-right-row {
     margin: 0 0 10px 0;
     padding: 0;
     position: relative
 }

 .cart-box-div .cart-box .cart-left-right-row.last {
     margin-bottom: 0
 }

 .cart-box-div .cart-box .cart-desc .cart-left {
     float: left;
     width: 50%
 }

 .cart-box-div .span_block {
     display: block
 }

 .cart-box-div .cart-box .cart-desc .cart-right {
     float: right;
     width: 46%
 }

 .cart-box-div .cart-box .cart-desc p {
     margin: 0 0 10px 0;
     padding: 0;
     color: #666;
     font-size: 12px;
     font-weight: 400;
     line-height: 18px
 }

 .cart-box-div .cart-box .more-details-link {
     margin: 10px 0 0 0;
     padding: 15px 0;
     border: 1px solid #fdb414;
     color: #333;
     font-size: 14px;
     text-align: center;
     display: block;
     width: 100%
 }

 .cart-box-div .cart-box .more-details-link:hover {
     border: 1px solid #fdb414;
     color: #fff;
     background: #fdb414
 }

 .cart-box-div .cart-box .coupon-div {
     margin: 0;
     padding: 0
 }

 .cart-box-div .cart-box .coupon-div .form-control {
     display: inline-block;
     width: 100%;
     margin-right: 0;
     height: 40px;
     border-radius: 0
 }

 .cart-box-div .cart-box .coupon-div .btn-apply {
     margin: 0;
     padding: 10px 0;
     background: #fdb414;
     color: #fff;
     font-size: 13px;
     text-align: center;
     display: inline-block;
     border: 0;
     height: 40px;
     width: 100%
 }

 .cart-box-div .cart-box .coupon-div .btn-apply:hover {
     background: #d79913
 }

 .cart-box-div .cart-box .coupon-div .left_sidediv {
     padding: 0 10px 0 0;
     margin: 0;
     display: inline-block;
     width: 60%;
     float: left
 }

 .cart-box-div .cart-box .coupon-div .right_sidediv {
     padding: 0;
     margin: 0;
     display: inline-block;
     width: 40%;
     float: left
 }

 .cart-box-div .cart-box .price-box {
     margin: 0;
     padding: 10px 0;
     background: #fdb414;
     color: #fff;
     font-size: 14px;
     text-align: center;
     display: block;
     border: 0;
     width: 100%
 }

 .auto-enroll-div {
     margin: 0;
     padding: 0;
     position: relative;
     border: 1px solid #ddd
 }

 .auto-enroll-div h3 {
     margin: 0;
     padding: 15px 0;
     background: #f2f2f2;
     color: #222;
     font-size: 16px;
     text-align: center;
     font-weight: 500
 }

 .auto-enroll-div p {
     margin: 0;
     padding: 15px;
     color: #666;
     font-size: 13px;
     line-height: 24px;
     font-weight: 400;
     position: relative
 }

 .auto-enroll-div .autochekbox {
     display: inline-block;
     position: absolute;
     margin: 7px 0 0
 }

 .auto-enroll-div .txt {
     margin: 0 0 0 22px;
     display: inline-block
 }

 .payment-card-section {
     padding: 0;
     margin: 0
 }

 .payment-card-div {
     padding: 0;
     margin: 0
 }

 .payment-ccd-container {
     margin: 0 auto 40px auto;
     padding: 0;
     position: relative
 }

 .payment-ccd-div {
     margin: 0 auto;
     padding: 30px 20px 20px 20px;
     width: 700px;
     background: #011f56;
     background: linear-gradient(90deg, #011f56 0, #052966 50%, #001c51 100%)
 }

 .payment-ccd-div .payment-ccd-blk {
     margin: 0 auto;
     padding: 0;
     position: relative;
     font-weight: 300
 }

 .payment-ccd-div .payment-ccd-blk .form-group {
     margin-bottom: 20px
 }

 .payment-ccd-div .payment-ccd-blk .card-select {
     margin: 0;
     padding: 0 10px;
     position: relative;
     border: 0;
     background: #1c4891;
     border-radius: 4px;
     color: #fff;
     font-size: 14px;
     width: 100%;
     height: 45px;
     line-height: 45px
 }

 .payment-ccd-div .payment-ccd-blk label {
     margin: 0 0 5px 0;
     padding: 0;
     position: relative;
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
     display: block;
     font-weight: 300
 }

 .payment-ccd-div .payment-ccd-blk .payment-input {
     margin: 0;
     padding: 0 10px;
     position: relative;
     border: 0;
     background: #1c4891;
     border-radius: 4px;
     color: #fff;
     font-size: 14px;
     width: 100%;
     height: 45px;
     line-height: 45px
 }

 .payment-ccd-div .payment-ccd-blk .payment-input::-moz-placeholder {
     color: #fff;
     opacity: 1
 }

 .payment-ccd-div .payment-ccd-blk .payment-input:-ms-input-placeholder {
     color: #fff
 }

 .payment-ccd-div .payment-ccd-blk .payment-input::-webkit-input-placeholder {
     color: #fff
 }

 .payment-ccd-div .payment-ccd-blk .card-img {
     margin: 0;
     padding: 0 10px;
     position: relative;
     display: block;
     background: #1c4891;
     border-radius: 4px;
     color: #fff;
     font-size: 14px;
     height: 45px;
     line-height: 45px
 }

 .payment-ccd-btm {
     margin: 0 auto;
     padding: 0 0;
     position: relative;
     vertical-align: middle
 }

 .payment-ccd-btm p {
     margin: 0;
     padding: 0;
     color: #fff;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 300;
     vertical-align: middle
 }

 .payment-ccd-btm .chekbox {
     margin: 0;
     padding: 0;
     color: #fff;
     font-size: 12px;
     font-weight: 300;
     display: inline-block;
     position: absolute;
     top: 3px
 }

 .payment-ccd-btm .terms-txt {
     margin: 0 0 0 20px;
     padding: 0;
     color: #fff;
     font-size: 12px;
     font-weight: 300;
     display: inline-block;
     position: relative;
     line-height: 18px
 }

 .payment-ccd-btm .btn-div {
     margin: 20px 0 0 0;
     padding: 0;
     text-align: right
 }

 .payment-ccd-btm .place-holder-btn {
     margin: 0;
     padding: 15px 20px;
     position: relative;
     background: #fdb414;
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
     border: 0;
     border-radius: 4px;
     width: 100%;
     cursor: pointer
 }

 .payment-ccd-btm .place-holder-btn:hover {
     background: #fff;
     color: #02215a
 }

 .payment-ccd-btm .place-holder-btn html input[disabled],
 .payment-ccd-btm .place-holder-btn[disabled] {
     cursor: default;
     opacity: 1
 }

 .payment-ccd-btm .place-holder-btn html input[disabled]:hover,
 .payment-ccd-btm .place-holder-btn[disabled]:hover {
     cursor: default;
     opacity: 1;
     background: #fff
 }

 .payment-ccd-div .payment-ccd-blk .or-txt {
     margin: 0 0 40px 0;
     padding: 0;
     color: #fff;
     font-size: 16px;
     text-align: center;
     position: relative;
     z-index: 1
 }

 .payment-ccd-div .payment-ccd-blk .or-txt::before {
     border-top: 1px solid #fff;
     content: "";
     margin: 0 auto;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     bottom: 0;
     width: 93%;
     z-index: -1
 }

 .payment-ccd-div .payment-ccd-blk .or-txt span {
     background: #052966;
     padding: 0 15px
 }

 .payment-ccd-div .payment-ccd-blk .normal-paymnet-txt {
     margin: 0 15px 20px 15px;
     padding: 0 0 5px 0;
     color: #fff;
     font-size: 13px;
     text-align: center;
     font-weight: 300
 }

 .payment-ccd-div .pop-link {
     color: #fdb414
 }

 .payment-ccd-div .pop-link:hover {
     color: #fff;
     text-decoration: underline
 }

 .terms-note-popup-div {
     margin: 0;
     padding: 10px;
     position: relative;
     height: 500px;
     overflow-y: scroll
 }

 .userlogout-div {
     padding: 0 0 0 20px;
     margin: 0
 }

 .userlogout-div .logout-link {
     padding: 0;
     margin: 0
 }

 .gs-topic-header .gs-left-dropdown .dropdown-user-gs .userlogout-div .logout-link .img-wlogout {
     padding: 0;
     margin: 0;
     border-radius: 0
 }

 .tag-unread {
     padding: 3px 8px;
     background-color: #008374;
     color: #fff;
     border-radius: 4px;
     font-size: 10px;
     font-weight: 600;
     float: right;
     text-transform: uppercase
 }

 .paperwork-card {
     padding: 30px 0
 }

 .heading-new-onboarding01.div_top_heading .btn-float>span {
     padding-top: 0
 }

 .heading-new-onboarding01.div_top_heading .link-top:hover.btn-float>span {
     color: #000
 }

 .img-steps-here {
     width: 80px;
     height: auto
 }

 .img-step2 {
     width: 40px;
     height: auto
 }

 .img-step3 {
     width: 60px
 }

 .paperwork-card .rowline-01 .action-thumb a {
     display: flex;
     align-items: center;
     flex-direction: row;
     justify-content: center
 }

 .paperwork-card .rowline-01 .action-thumb {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 90px
 }

 .paperwork-card-change1 .content-check-div.bold h3 {
     font-weight: 600
 }

 .checkimg-thumb .chekclist-new {
     width: 60px !important
 }

 .rowline-01 .checkimg-thumb {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .approved-steps2 {
     left: 0 !important;
     margin-top: 65px !important
 }

 .approved-steps {
     width: 30px;
     position: absolute;
     right: -10px;
     bottom: 20px;
     margin-top: 55px
 }

 .paperwork-card-hover .rowline-01:hover {
     background-color: #f2f2f2;
     transition: all .3s ease-in-out;
     cursor: pointer
 }

 .paperwork-card-hover .rowline-01 {
     transition: all .3s ease-in-out
 }

 .heading-new-onboarding01 img.icon-img-2.img-phone-call {
     width: 35px;
     height: auto
 }

 .sign-page .width-100 {
     width: 1200px
 }

 .modal.custom-modal .modal-body.signpage-modal {
     padding: 20px 30px
 }

 .step-sign h3 {
     font-weight: 500;
     line-height: 26px
 }

 .step-sign p {
     line-height: 26px;
     font-weight: 400;
     font-size: 14px;
     color: #666
 }

 .sign-in {
     padding: 10px 15px;
     background-color: #ffc721;
     display: inline-block;
     border-radius: 4px
 }

 .sign-in img {
     width: 25px;
     height: 25px;
     display: block
 }

 .div-right {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     position: relative;
     margin-bottom: 10px
 }

 .sign-in-label {
     position: absolute;
     left: -80px;
     top: 25px
 }

 .sign-in-label span {
     padding: 8px 10px;
     display: block;
     background-color: #ffc721;
     color: #000;
     font-weight: 500;
     position: relative
 }

 .sign-in-label span::before {
     content: "";
     width: 0;
     position: absolute;
     right: -15px;
     top: 0;
     height: 0;
     border-style: solid;
     border-width: 18px 0 18px 15px;
     border-color: transparent transparent transparent #ffc721
 }

 .phone-icon .icon-img-2 {
     width: 31px !important;
     height: 31px !important
 }

 .icon-i img.img-papper-work {
     height: auto;
     width: 25px;
     margin-left: 3px
 }

 .sign-page.modal {
     overflow-x: unset;
     overflow-y: unset;
     height: 100vh
 }

 .sign-page-scroll::-webkit-scrollbar {
     width: 10px;
     border-radius: 100px
 }

 .sign-page-scroll::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 100px
 }

 .sign-page-scroll::-webkit-scrollbar-thumb {
     background: #888;
     border-radius: 100px
 }

 .sign-page-scroll::-webkit-scrollbar-thumb:hover {
     background: #555;
     border-radius: 100px
 }

 .modal.custom-modal.sign-page .modal-content {
     overflow-y: hidden;
     max-height: 85vh
 }

 .modal.custom-modal.sign-page .modal-content .sign-page-scroll {
     overflow-y: scroll;
     max-height: 70vh;
     padding: 0 50px 10px 80px
 }

 .modal.custom-modal.sign-page .modal-dialog {
     margin-top: 100px !important;
     margin-bottom: 50px !important
 }

 .progress-bar {
     position: relative;
     background-color: #fff;
     height: 100%;
     width: 100%;
     border-radius: 8px;
     box-shadow: none !important
 }

 .progress-bar h3 {
     font-weight: 600;
     font-size: 18px;
     color: #222;
     margin-bottom: 20px;
     margin-top: 0;
     text-align: left;
     padding-left: 20px
 }

 .progress-bar .steps ul {
     padding: 0;
     margin: 0
 }

 .steps ul li {
     list-style: none
 }

 .progress-bar .steps {
     padding-left: 0
 }

 .progress-bar .steps ul li {
     text-align: left;
     display: block;
     line-height: 30px
 }

 .progress-bar .steps ul li a {
     font-size: 12px;
     font-weight: 600;
     color: #222;
     padding: 5px 12px
 }

 .progress-bar {
     padding: 40px 30px
 }

 .StepProgress .inner-text {
     color: #666
 }

 .StepProgress .current .inner-text {
     color: #666;
     font-weight: 500
 }

 .is-done .bold-steps {
     color: green
 }

 .bold-steps {
     font-weight: 600;
     color: #222;
     margin-bottom: 5px
 }

 .time-steps {
     position: absolute;
     left: -110px
 }

 .timeline-wrapper {
     padding-left: 10px;
     min-width: 200px;
     font-family: Helvetica;
     font-size: 14px
 }

 .StepProgress {
     position: relative;
     padding-left: 45px;
     list-style: none
 }

 .StepProgress::before {
     display: inline-block;
     content: '';
     position: absolute;
     top: 1px;
     left: 15px;
     width: 10px;
     height: 98%;
     border-left: 2px solid #ccc
 }

 .StepProgress-item {
     position: relative;
     text-align: left;
     counter-increment: list
 }

 .StepProgress-item:not(:last-child) {
     padding-bottom: 20px
 }

 .StepProgress-item::before {
     display: inline-block;
     content: '';
     top: 1px;
     position: absolute;
     left: -30px;
     height: 100%;
     width: 10px
 }

 .StepProgress-item::after {
     content: '';
     display: inline-block;
     position: absolute;
     top: 1px;
     left: -37px;
     width: 16px;
     height: 16px;
     border: 2px solid #ccc;
     border-radius: 50%;
     background-color: #fff
 }

 .StepProgress-item.is-done::before {
     border-left: 2px solid green
 }

 .StepProgress-item.is-done::after {
     font-size: 10px;
     color: #fff;
     text-align: center;
     border: 2px solid green;
     background-color: green
 }

 .StepProgress strong {
     display: block
 }

 .sign-page .order-2 {
     order: 2
 }

 .sign-page .order-1 {
     order: 1
 }

 .modal.custom-modal.sign-page .modal-header {
     background-color: #00134d;
     text-align: left;
     background-image: none;
     position: relative
 }

 .modal.custom-modal.sign-page .modal-header h4 {
     text-align: left !important;
     font-size: 16px;
     padding: 0 20px 0 20px !important;
     text-transform: unset !important
 }

 .modal.custom-modal.sign-page .modal-header h4 span {
     display: block
 }

 .modal.custom-modal.sign-page .modal-header h4 a img {
     width: 50px
 }

 .modal.custom-modal.sign-page .modal-header h4 a {
     position: absolute;
     left: 35px;
     top: 25px
 }

 .modal.custom-modal.sign-page .modal-header {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     padding: 0 100px 0 90px !important
 }

 .modal.custom-modal.sign-page .modal-header h5 {
     font-style: italic;
     color: #fff;
     font-size: 20px;
     font-weight: 400
 }

 .modal.custom-modal.sign-page .modal-header h5 span {
     color: #fdb413
 }

 .modal.custom-modal.sign-page .modal-header h5 a img {
     width: 50px;
     margin-right: 8px
 }

 .class-scheduled {
     padding: 15px;
     background-color: #fff
 }

 .class-scheduled .tab-div .nav-pills>li.active>a,
 .nav-pills>li.active>a:focus,
 .nav-pills>li.active>a:hover {
     color: #003983;
     background-color: #fff;
     border-bottom: 2px solid #003882;
     border-radius: 0;
     transition: all .3s ease-in-out
 }

 .class-scheduled .tab-div .nav-justified li>a {
     font-size: 16px;
     line-height: 30px;
     color: #afaeae
 }

 .class-scheduled .tab-div .nav-justified li>a:hover,
 .right-sidebar-edit .tab-div .nav-justified li>a:focus {
     text-decoration: none;
     background-color: #fff;
     border-bottom: 2px solid #f4b019;
     border-radius: 0;
     transition: all .3s ease-in-out
 }

 .class-scheduled .tab-div .tab-content-div {
     margin: 0;
     padding: 20px;
     border-radius: 0;
     border: 1px solid #ddd
 }

 .class-scheduled .info-card-01 {
     padding: 0;
     margin: 0 0 30px 0
 }

 .class-scheduled .info-card-01 .tabhead-div {
     margin: 0;
     padding: 0 0 !important;
     display: flex;
     justify-content: space-between
 }

 .class-scheduled .info-card-01 .tabhead-div h3 {
     margin: 0;
     padding: 0 0 10px 0;
     font-size: 18px;
     color: #003881;
     font-weight: 400;
     line-height: 30px;
     text-transform: uppercase;
     text-align: left;
     display: inline-block;
     width: 80%
 }

 .class-scheduled .info-card-01 .tabhead-div p {
     margin: 0;
     padding: 0 0;
     color: #003881;
     font-size: 12px;
     line-height: 30px;
     text-transform: uppercase;
     text-align: right;
     display: inline-block;
     width: 19%;
     font-weight: 300
 }

 .class-scheduled .info-card-01 .tabhead-div p>a {
     color: #003881;
     font-weight: 400
 }

 .class-scheduled .info-card-01 .table-div {
     margin: 0;
     padding: 0;
     border: 1px solid #eee
 }

 .class-scheduled .info-card-01 .table-div ul {
     margin: 0 0;
     padding: 0;
     border-top: 1px solid #efefef;
     border-bottom: 1px solid #efefef;
     background-color: #f9f9f9;
     padding: 0;
     list-style: none outside
 }

 .class-scheduled .info-card-01 .table-div li {
     float: left;
     font-size: 14px;
     line-height: 30px;
     padding: 5px 10px;
     min-height: 38px
 }

 .class-scheduled .info-card-01 .table-div li.first-column {
     width: 40%;
     color: #333;
     border-right: 1px solid #ddd;
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 .class-scheduled .info-card-01 .table-div li.second-column {
     width: 60%;
     color: #666
 }

 .class-scheduled .info-card-01 .table-div ul.header-tabs {
     background-color: #fff;
     border: 0 !important
 }

 .class-scheduled .info-card-01 .table-div ul.header-tabs li {
     font-weight: 400;
     font-size: 18px;
     color: #003881;
     text-transform: uppercase;
     padding-left: 5px !important;
     margin-bottom: 10px
 }

 .class-scheduled .info-card-01 .table-div li.second-column {
     display: flex;
     justify-content: space-between
 }

 .class-scheduled .info-card-01 .table-div li.second-column .icon-downloads {
     min-width: 0;
     align-items: center;
     justify-content: flex-end
 }

 .class-scheduled .info-card-01 .table-div li.second-column .icon-downloads a img {
     width: 20px
 }

 .class-scheduled .info-card-01 .table-div-2 {
     border: 0 !important
 }

 .class-scheduled .info-card-01 .table-div-2 ul li {
     border: 0 !important
 }

 .icon-downloads a img {
     width: 24px
 }

 .icon-downloads a {
     padding: 0 10px
 }

 .icon-downloads {
     width: 200px;
     display: flex;
     justify-content: space-between
 }

 .print {
     padding: 10px 0
 }

 .print a img {
     width: 40px
 }

 .special-notes {
     padding: 20px;
     border: 1px solid #ddd;
     border-radius: 4px
 }

 .special-notes p {
     font-size: 14px
 }

 .special-details ul {
     border: 1px dashed;
     padding: 0;
     margin: 0
 }

 .special-details ul li {
     border-bottom: 1px dashed;
     list-style: none;
     display: block;
     line-height: 30px;
     padding: 10px 12px;
     font-size: 14px;
     text-transform: uppercase
 }

 .special-details ul li:last-child {
     border: 0
 }

 .download-pdf li a {
     display: block;
     background-color: #fdb413;
     color: #fff;
     text-transform: uppercase;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px 20px
 }

 .panel-accordion-heading .heading-right ul.download-pdf li img {
     width: 25px
 }

 .download-pdf li a span {
     display: flex;
     align-items: center
 }

 .add-room-name span {
     font-size: 20px;
     margin-right: 5px;
     display: inline-block;
     top: 3px;
     position: relative
 }

 .add-room-name {
     vertical-align: middle;
     color: #003881
 }

 .roaster-heading h3 {
     color: #222 !important;
     font-weight: 600 !important
 }

 .heading-div-roster {
     padding-top: 10px !important
 }

 .roaster-heading h3 {
     color: #222 !important;
     font-weight: 600 !important
 }

 .heading-div-roster {
     padding: 10px 0 !important;
     height: auto !important;
     background-color: #fafafa
 }

 .heading-div-roster .inner-title {
     display: flex;
     flex-direction: row;
     align-items: center;
     vertical-align: middle;
     margin-top: 3px
 }

 .heading-div-roster .inner-title a {
     align-items: center
 }

 .heading-div-roster .inner-title a img {
     width: 20px !important
 }

 .heading-div-roster .inner-title a {
     margin: 0 5px
 }

 .search-create-event {
     width: 80%
 }

 .mailbox-body-div .search-create-event.search-box-body-listing-row .input-group-addon {
     box-shadow: none;
     height: 60px
 }

 .mailbox-body-div .search-create-event.search-box-body-listing-row .searchbox-listing-input {
     box-shadow: none;
     height: 60px
 }

 .mailbox-body-div .search-create-event.search-box-body-listing-row .searchbox-listing-input.form-control {
     border-bottom: 1px solid #ddd;
     border-radius: 0;
     line-height: 36px;
     font-size: 24px
 }

 .mailbox-body-div .search-create-event.search-box-body-listing-row .input-group-addon a {
     color: #666
 }

 .create-event-container {
     display: flex;
     flex-direction: row;
     align-items: center
 }

 .create-event-container .event-save .btn-primary {
     font-size: 22px;
     border-radius: 4px;
     padding: 7px 30px
 }

 .tag-event {
     padding: 10px 15px;
     background-color: #f2f2f2;
     color: #666;
     font-size: 16px;
     line-height: 26px;
     border-radius: 4px
 }

 .evnet-tags ul {
     padding: 0
 }

 .evnet-tags ul li {
     list-style: none;
     display: inline-block;
     margin-right: 8px
 }

 .evnet-tags ul li a {
     color: #666;
     font-weight: 500;
     display: inline-block;
     margin-bottom: 5px
 }

 .evnet-tags ul li a span {
     color: #666;
     font-size: 16px
 }

 .create-event-right-side {
     margin: 0 0 0 15px !important;
     padding: 20px 50px 20px 20px !important;
     background-color: #fff;
     width: 400px !important
 }

 .all-days-event .checkbox01 {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: transparent;
     color: #2196f3;
     top: 2px;
     height: 18px;
     width: 18px;
     border: 2px solid #2196f3;
     border-radius: 0;
     cursor: pointer;
     outline: 0;
     border-radius: 3px;
     transition: all .3s ease-in-out
 }

 .all-days-event .checkbox01.checkbox-inner1:checked,
 .all-days-event .checkbox01:checked {
     background-color: #2196f3;
     color: #fff;
     border: 2px solid #2196f3
 }

 .all-days-event .checkbox01:checked::before {
     position: absolute;
     font-size: 12px;
     left: 3px;
     top: -2px;
     content: '\02143';
     transform: rotate(40deg);
     font-weight: 400
 }

 .all-days-event {
     padding: 20px 0
 }

 .guest-event .checkbox01 {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: transparent;
     color: #2196f3;
     top: 4px;
     height: 18px;
     width: 18px;
     border: 2px solid #2196f3;
     border-radius: 0;
     cursor: pointer;
     outline: 0;
     border-radius: 3px;
     transition: all .3s ease-in-out
 }

 .guest-event .checkbox01.checkbox-inner1:checked,
 .guest-event .checkbox01:checked {
     background-color: #2196f3;
     color: #fff;
     border: 2px solid #2196f3
 }

 .guest-event .checkbox01:checked::before {
     position: absolute;
     font-size: 12px;
     left: 3px;
     top: -2px;
     content: '\02143';
     transform: rotate(40deg);
     font-weight: 400
 }

 .guest-event label {
     font-size: 14px;
     font-weight: 500;
     margin-left: 10px;
     margin-bottom: 0
 }

 .event-guest-title p {
     font-size: 14px;
     font-weight: 500
 }

 .guest-event .form-group {
     margin-bottom: 10px
 }

 .all-days-event label {
     font-size: 14px;
     font-weight: 500;
     margin-left: 10px;
     margin-bottom: 0
 }

 .all-days-event input {
     margin-top: 0 !important;
     position: relative !important;
     top: 4px !important
 }

 .all-days-event {
     display: flex;
     align-items: center
 }

 .mailbox-body-div .search-create-event.search-box-body-listing-row .input-group {
     padding: 0 15px 0 0
 }

 .event-drop-down .btn-default {
     padding: 10px 30px 10px 15px;
     background-color: #f2f2f2 !important;
     color: #666;
     font-weight: 500;
     font-size: 15px;
     line-height: 26px;
     border-radius: 4px;
     border: 0
 }

 .event-drop-down .dropdown-menu>.active>a {
     background-color: #f2f2f2 !important;
     color: #666 !important
 }

 .event-drop-down .dropdown-menu a span {
     font-weight: 500
 }

 .container-tabs {
     padding: 30px 0
 }

 .container-tabs .nav-tabs>li>a {
     font-weight: 600;
     font-size: 14px
 }

 .container-tabs .nav-tabs>li.active>a {
     border: 0;
     border-bottom: 3px solid #2196f3;
     font-weight: 600;
     color: #2196f3
 }

 .event-tabs .form-inputs span.icons img {
     width: 25px
 }

 .event-tabs .form-inputs span.icons {
     position: absolute;
     top: 7px;
     left: 5px
 }

 .event-tabs .form-inputs span.icons i {
     color: #666
 }

 .event-tabs .form-inputs {
     padding-left: 50px;
     position: relative;
     display: flex
 }

 .event-tabs .form-inputs .form-control {
     color: #666;
     height: 45px;
     font-size: 14px;
     font-weight: 500;
     background-color: #f2f2f2;
     border: 0
 }

 .form-inputs.div-notification {
     width: 65px
 }

 .form-inputs h4 {
     font-weight: 500;
     font-size: 15px;
     color: #666
 }

 .bootstrap-select.btn-group .btn .caret {
     right: 12px !important;
     left: auto
 }

 .notification-setting {
     display: flex;
     justify-content: flex-start
 }

 .notification-setting .form-inputs {
     padding-left: 0
 }

 .div-notification {
     margin-right: 10px
 }

 .color-form-group .btn-default {
     background-color: #f2f2f2;
     color: #666;
     border: 0;
     border-radius: 5px;
     height: 45px;
     padding: 6px 15px
 }

 .form-inputs textarea.form-control {
     height: auto;
     min-height: 120px;
     resize: none
 }

 .color-form-group .list-inline>li {
     width: 30px
 }

 .dropdown-header:first-child {
     display: none
 }

 .form-inputs-guest {
     padding-left: 0 !important
 }

 .create-event-right-side {
     min-height: 950px
 }

 .guest-list {
     margin-top: 40px
 }

 .guest-row {
     position: relative;
     padding: 10px 10px 10px 50px
 }

 .guest-row .guest-profile {
     width: 35px;
     height: 35px;
     overflow: hidden;
     border-radius: 100px;
     position: absolute;
     left: 0;
     top: 5
 }

 .guest-row .guest-profile img {
     width: 100%
 }

 .guest-content h3 {
     margin: 0;
     font-size: 13px;
     font-weight: 500;
     width: 98%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .guest-content p {
     margin: 0;
     font-size: 12px;
     font-weight: 400;
     color: #666;
     width: 98%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .gs-body-div .right-gs-side-div2 {
     width: calc(100% - 400px) !important
 }

 .right-stikybar {
     width: 50px;
     height: calc(100vh - 200px);
     position: fixed;
     right: 0;
     background-color: #fff;
     border: 1px solid #ddd;
     bottom: 0;
     padding: 10px
 }

 .add-btn-sticky {
     color: #666
 }

 .custom-modal-google {
     z-index: 999999 !important
 }

 .custom-modal-google .modal-dialog {
     margin-top: 120px !important;
     width: 1000px
 }

 .custom-modal-google .modal-dialog .modal-header {
     padding: 20px 15px;
     padding-bottom: 10px
 }

 .custom-modal-google .modal-dialog .modal-body {
     min-height: 500px
 }

 .custom-modal-google .modal-header .close {
     font-size: 40px;
     top: 12px
 }

 .custom-modal-google .modal-body {
     padding: 0
 }

 .container-upload-tabs .nav-tabs>li {
     margin-bottom: 0 !important
 }

 .container-upload-tabs .nav-tabs>li.active a {
     border: 0;
     border-bottom: 2px solid #2196f3
 }

 .container-upload-tabs .nav-tabs>li a {
     color: #000;
     font-weight: 500;
     font-size: 15px
 }

 .upload-row {
     display: flex;
     padding: 12px 10px 12px 40px;
     position: relative;
     background-color: #f2f2f2;
     border: 1px solid #ddd;
     justify-content: space-between;
     align-items: center
 }

 .upload-row .file-upload {
     position: absolute;
     left: 7px;
     top: 7px
 }

 .upload-row p {
     font-size: 14px;
     margin-bottom: 0;
     color: #222;
     font-weight: 500
 }

 .upload-row p span {
     font-weight: 500;
     font-size: 12px;
     margin-left: 10px;
     color: #666
 }

 .progress-bar-fileupload {
     width: 320px;
     padding: 0 !important;
     height: 14px;
     border-radius: 0;
     border: 1px solid #ddd
 }

 .progress-bar-fileupload .progress-bar {
     padding: 0;
     border-radius: 0;
     background-color: #4caf50
 }

 .upload-morefile {
     padding: 20px 15px
 }

 .upload-morefile .uploadmore {
     background-color: #f2f2f2;
     color: #222;
     font-weight: 600;
     font-size: 12px
 }

 .upload-file-footer.custom-footer {
     border-top: 1px solid #ddd !important
 }

 .upload-file-footer {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     width: 100%
 }

 .uplaoder-right {
     display: flex
 }

 .uplaoder-left {
     display: flex;
     width: 100%;
     align-items: center
 }

 .upload-file-footer .btn-primary {
     font-size: 12px;
     font-weight: 500
 }

 .progress-bar-footer {
     margin: 0 10px
 }

 .custom-modal-google .modal-dialog .modal-header h4 {
     font-weight: 600
 }

 .uplaoder-right .uploadmore {
     display: flex;
     align-items: center
 }

 .uplaoder-right .uploadmore i {
     margin-right: 8px
 }

 .uplaoder-right .uploadmore .icong-drive img {
     width: 28px
 }

 .multi-days {
     padding: 12px 0;
     background-color: #f2f2f2;
     display: flex;
     flex-direction: row;
     align-items: center;
     border-bottom: 1px solid #ddd
 }

 .multi-days span {
     font-size: 17px;
     font-weight: 600;
     color: #fdb413
 }

 .action-days {
     display: inline-block;
     margin: 0;
     padding: 0
 }

 .action-days li a span img {
     width: 17px
 }

 .action-days li {
     list-style: none;
     padding: 5px;
     display: inline-block
 }

 .multi-days .column-pad {
     padding: 5px 10px 4px 10px !important
 }

 .multi-days .width-25per {
     width: 35% !important;
     display: flex;
     justify-content: flex-end
 }

 .fileuploader-theme-dropin .fileuploader-input {
     margin: -16px;
     padding: 16px;
     border: 0
 }

 .fileuploader-theme-dropin .fileuploader-input.fileuploader-dragging {
     background: #f3f5fa;
     border-radius: 6px
 }

 .fileuploader-theme-dropin .fileuploader-input-inner {
     width: 100%;
     text-align: center;
     padding: 16px;
     color: #5b5b7b
 }

 .fileuploader-theme-dropin .fileuploader-input-inner span {
     display: inline-block;
     text-decoration: underline
 }

 .fileuploader-theme-dropin .fileuploader-input-inner span:hover {
     color: #4a4a64
 }

 .fileuploader-item {
     background-color: #f2f2f2
 }

 .fileuploader {
     background-color: #f2f2f2 !important
 }

 .fileuploader-input .fileuploader-input-caption {
     color: #666 !important
 }

 .column-title {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center
 }

 .fileuploader-items .fileuploader-item .column-title div {
     width: auto !important;
     margin: 0 20px
 }

 #uploadfile form input {
     position: absolute;
     left: 15px;
     color: #000;
     background-color: #f2f2f2 !important;
     padding: 8px 15px;
     color: #222 !important;
     -webkit-appearance: none;
     box-shadow: none !important
 }

 #uploadfile form {
     color: #fff;
     margin-bottom: 50px !important
 }

 .fileuploader-input-caption span {
     color: #666 !important
 }

 .fileuploader-input .fileuploader-input-button {
     background-color: #00134d !important;
     color: #fff !important;
     font-weight: 600;
     font-size: 12px;
     background-image: none !important
 }

 .fileuploader-items .fileuploader-item .column-thumbnail {
     width: 20px !important;
     height: 20px !important
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
     color: transparent !important
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-icon {
     display: none !important
 }

 @media (min-width:480px) {
     .modal.custom-modal.sign-page .modal-header h4 span {
         display: block !important
     }
 }

 @media only screen and (max-width:767px) {
	 html body .nav-tabs {
		padding: 0px 12px 15px 12px!important;
		border: 1px solid #ddd !important;
	}
     .multi-days .width-30per.width-tdclassname {
         width: 202px !important;
         min-width: 191px !important
     }

     .multi-days .width-15per {
         width: 144px !important;
         min-width: 144px !important
     }

     .multi-days .width-20per {
         width: 20% !important;
         min-width: 250px !important
     }

     .multi-days .width-10per {
         width: 10% !important;
         min-width: 160px !important
     }

     .multi-days .width-10per {
         width: 275px !important;
         min-width: 160px !important
     }

     .mailbox-body-div .search-create-event {
         margin-bottom: 0 !important
     }

     .mailbox-body-div .search-create-event.search-box-body-listing-row .searchbox-listing-input {
         box-shadow: none;
         height: 50px;
         margin-bottom: 0
     }

     .mailbox-body-div .search-create-event.search-box-body-listing-row .searchbox-listing-input.form-control {
         font-size: 16px;
         line-height: 26px
     }

     .create-event-container .event-save .btn-primary {
         font-size: 16px;
         border-radius: 4px;
         padding: 7px 12px
     }

     .progress-bar-fileupload {
         width: 250px
     }

     .custom-modal-google .modal-dialog {
         width: 95%
     }

     .upload-row {
         flex-direction: column
     }

     .upload-file-footer {
         flex-direction: column
     }

     .progress-bar-footer {
         width: 100px;
         display: flex;
         margin-left: 20px !important
     }

     .uplaoder-left {
         margin-bottom: 10px;
         justify-content: flex-start
     }

     .create-event-right-side {
         width: 100% !important
     }

     .gs-body-div .right-gs-side-div2 {
         width: 100% !important
     }

     .progress-bar-fileupload {
         margin: 10px 0
     }

     .notification-setting {
         flex-direction: column
     }

     .div-notification {
         margin-bottom: 10px;
         margin-right: 0
     }

     .gs-body-div .left-gs-side-div {
         margin: 0 !important
     }

     .form-inputs.div-notification {
         width: 100%
     }

     .container-tabs .nav-tabs {
         padding: 0
     }

     .form-inputs h4 {
         margin: 0
     }

     .sign-page .width-100 {
         width: 100% !important
     }

     .modal.custom-modal .modal-body.signpage-modal {
         padding: 20px
     }

     .sign-in-label {
         left: 0
     }

     .sign-page.modal {
         overflow-y: auto
     }

     .sign-page.modal .modal-dialog {
         margin: 0
     }

     .modal.custom-modal.sign-page .modal-header {
         padding: 20px 20px 20px 50px !important;
         flex-direction: column;
         height: 160px
     }

     .modal.custom-modal.sign-page .modal-header h4 span {
         display: inline-block
     }

     .modal.custom-modal.sign-page .modal-header h4 a img {
         width: 30px
     }

     .modal.custom-modal.sign-page .modal-header h5 a img {
         width: 30px
     }

     .modal.custom-modal.sign-page .modal-header h5 a {
         position: absolute;
         left: 30px;
         top: 98px
     }

     .modal.custom-modal.sign-page .modal-header h5 {
         padding-left: 20px
     }

     .modal.custom-modal.sign-page .modal-header {
         align-items: flex-start
     }

     .modal.custom-modal.sign-page .modal-header h4 a {
         left: 30px
     }

     .progress-bar {
         position: relative;
         width: 100%;
         left: 0;
         right: auto;
         margin-top: 0
     }

     .sign-page.modal.custom-modal .modal-dialog {
         margin-bottom: 0 !important
     }

     .modal.custom-modal.sign-page .modal-content {
         max-height: 100% !important;
         overflow-y: auto !important
     }

     .modal.custom-modal.sign-page .modal-content .sign-page-scroll {
         padding: 20px;
         overflow-y: visible;
         height: 100%
     }

     .modal.custom-modal.sign-page .modal-content .sign-page-scroll {
         max-height: 100% !important
     }

     .stpes-mobile {
         display: flex;
         flex-direction: column
     }

     .nav-header-div {
         z-index: 22222222
     }

     .navbar-brand {
         padding: 0 15px;
         width: 65%
     }

     .sidebar {
         width: 100%
     }

     .nav.navbar-nav.visible-xs-block {
         margin: 20px 0 0 0
     }

     .icon-tree5 {
         color: #fdb413
     }

     .nav.navbar-nav.navbar-right {
         background-color: #00134d;
         z-index: 555555;
         padding: 15px 0;
         margin: -1px 0 0 0
     }

     .navbar-inverse.nav-header-div .navbar-collapse {
         padding: 0
     }

     .nav.navbar-nav.navbar-right {
         max-height: 100vh;
         min-height: 100vh
     }

     .navbar-inverse.nav-header-div .navbar-collapse {
         padding: 0;
         max-height: 100vh;
         min-height: 100vh;
         border: none !important;
         outline: 0;
         background: #00134d
     }

     .navbar-inverse .position-right {
         margin-left: 13px;
         height: 22px;
         overflow: hidden
     }

     .navbar-nav>li>a>.badge.badge-custom {
         top: 15px;
         right: 22px;
         height: 20px;
         background-color: #fdb413;
         width: 20px;
         line-height: 20px;
         text-align: center
     }

     .dropdown-width .eye-white {
         content: url(../../assets/images/icons/eye.png) !important
     }

     .dropdown-width .edit-white {
         content: url(../../assets/images/icons/edit.png) !important
     }

     .dropdown-width .icon-logout {
         color: #fff
     }

     .navbar-nav>.dropdown-user>a>span {
         display: inline-block;
         padding-left: 9px
     }

     .chat-left-div {
         width: 100%;
         height: auto;
         position: relative;
         float: none;
         margin: 0
     }

     .chat-container {
         position: relative;
         overflow: auto;
         height: auto !important;
         width: 100%
     }

     .chat-body {
         position: relative;
         overflow: auto;
         height: auto !important
     }

     .back-div {
         margin: 0;
         padding: 10px 10px;
         display: block !important
     }

     .back-div a {
         color: #00134d;
         font-size: 14px
     }

     .back-div a:hover {
         color: #f4b019
     }

     .chat-container .chat-message-div .message_div span {
         font-size: 12px
     }

     .chat-container .chat-detail-div {
         padding: 0;
         display: block;
         height: auto
     }

     .chat-container .user-heading-div .left-desc-header {
         width: 100%;
         float: left
     }

     .chat-container .user-heading-div {
         height: auto
     }

     .chat-container .user-heading-div .left-desc-btn {
         width: 100%;
         margin: 10px 0 0 0
     }

     .chat-container .chat-message-div .img-user {
         width: 20%
     }

     .chat-container .chat-message-div .message_div {
         width: 80%
     }

     .chat-container .chat-message-div {
         height: auto;
         overflow: auto
     }

     .chat-container .chat-footer .input-left {
         width: 100%
     }

     .chat-container .chat-footer .btn-right {
         width: 100%;
         padding: 0;
         margin: 10px 0
     }

     .chat-container .chat-footer {
         height: auto;
         position: relative
     }

     #m-chat-right-div {
         height: 85%;
         width: 0;
         position: fixed;
         z-index: 99999;
         top: 93px;
         right: 0;
         left: auto;
         background-color: #fff;
         overflow-x: hidden;
         padding-top: 0;
         transition: .5s
     }

     .chat-right-div {
         width: 100%;
         height: auto;
         left: 0;
         overflow-y: auto;
         position: relative;
         float: none
     }

     .chat-container .chat-footer {
         width: 100%;
         height: auto;
         left: 0;
         overflow-y: auto;
         position: relative;
         float: none
     }

     .contact-div-2 {
         height: 100%;
         background-attachment: scroll
     }

     .bg-contact-2 {
         height: 100%
     }

     .contact-div-2 .contact-card-1 {
         margin: 50px auto 0 auto;
         padding: 20px 0 0 0;
         width: 100%
     }

     .contact-div-2 .contact-card-1 h2 {
         font-size: 46px;
         text-align: left
     }

     .contact-div-2 .contact-card-1 p {
         padding: 20px 0 20px 0;
         color: #fff;
         font-size: 16px;
         font-weight: 400;
         display: block;
         line-height: 24px
     }

     .content-div-001 {
         padding: 0 0 60px 0;
         width: 100%
     }

     .address-div {
         padding: 30px 0 30px 0;
         margin: 0 0 20px 0;
         color: #fff
     }

     .chat-container .user-heading-div .btn-view-profile {
         display: block;
         width: 100%
     }

     .login-bg-img {
         background-size: auto;
         object-fit: cover
     }

     .login-div {
         padding: 10px 0 0 0
     }

     .logo-div-left {
         margin: 60px 0 0 0;
         height: 100%;
         border-right: 0 solid #fff
     }

     .logo-div-left .img-thumb img {
         width: 100%
     }

     .login-form .form-div {
         width: 70%
     }

     .login-form h1 {
         padding: 50px 0 0
     }

     .login-bottom a {
         width: 100%
     }

     .content-area-div {
         margin: 50px auto 0 auto;
         padding: 0
     }

     .panel-accordion-heading .heading-left {
         width: 60%;
         min-height: 100%
     }

     .panel-accordion-heading .heading-right {
         width: 40%;
         min-height: 100%
     }

     .topic-header-div h1 {
         padding: 10px 0
     }

     .page-header.page-header-top .text-semibold {
         font-weight: 600;
         display: block
     }

     .top-right-div .input-box .input-group {
         width: 100%;
         margin-bottom: 10px
     }

     .dropdown-group.btn-custom-dropdown {
         margin: 0 0 0 2px
     }

     .btn-right-div {
         width: 100%
     }

     .panel-accordion-heading .heading-left {
         width: 100%
     }

     .panel-accordion-heading .heading-right {
         width: 100%;
         margin: 20px auto 10px auto;
         text-align: center;
         min-height: 30px
     }

     .panel-accordion-div .panel-body {
         padding: 5px
     }

     .dropdown-group .dropdown-menu {
         min-width: 265px;
         border-radius: 0
     }

     .div-25 {
         width: 100%;
         float: left;
         padding: 5px 0
     }

     .div-25:last-child {
         width: 100%
     }

     .tab-div-top .tab-a {
         margin: 0;
         padding: 14px 10px;
         background-color: #00134d;
         color: #fff;
         width: 100%;
         font-weight: 600;
         font-size: 14px;
         height: 50px;
         box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) !important
     }

     .tab-div-top .tab-a .tab-img {
         width: 20px;
         float: left;
         margin: 0 10px
     }

     .tab-div-top .tab-a .span-left {
         float: left
     }

     .tab-div-top .tab-a .span-right {
         padding: 0 10px;
         margin: 0;
         float: left
     }

     .tab-div-top .tab-a.active {
         background-color: #fdb413
     }

     .view_summary .panel-accordion-heading .heading-left {
         width: 100%
     }

     .view_summary .heading-center {
         width: 100%;
         padding: 0 0;
         min-height: 100%
     }

     .view_summary .panel-accordion-heading .heading-right {
         width: 100%;
         text-align: center;
         min-height: 100%;
         margin: 10px 0 0 0
     }

     .view_summary.panel-accordion-div .panel-body {
         padding: 10px
     }

     .checkbox-div .checkbox-inline+.checkbox-inline {
         margin-left: 0
     }

     [data-tooltip]:before {
         bottom: 150%;
         left: 50%;
         margin-left: -150px;
         width: 250px
     }

     .view-div .heading-div {
         height: 100%
     }

     .view-div .btn-div-downalod {
         float: left;
         width: 100%;
         padding: 10px 0;
         display: block
     }

     .view-div .input-seach-div {
         float: left;
         width: 100%;
         padding: 10px 0
     }

     .view-div .btn.btn-download {
         float: left;
         display: block;
         width: 100%
     }

     .view-div .bluebtn-div1 {
         float: none;
         width: 100%;
         margin: 10px 10px 0 0 !important;
         clear: both
     }

     .bluebtn-div1 .btn-addchild {
         width: 100%;
         margin-top: 5px
     }

     .bluebtn-div1 .btn-addchild .child-left {
         margin-right: 0;
         margin-left: 8px
     }

     .table-div .text-left .list-inline li {
         width: 33.3%
     }

     .table-btn {
         width: 100%;
         float: left;
         padding: 0 10px 10px 10px;
         margin-top: -10px
     }

     .btn-email {
         display: block
     }

     .title-span-1 {
         text-align: left;
         padding: 5px 0
     }

     .remove-des {
         display: none !important
     }

     .minimize-span {
            display: block;
    margin-bottom: 0
     }

     .content-wrapper.content-chat {
         padding: 50px 0 0 0
     }

     .heading-right .list-inline>li:first-child {
         display: block;
         padding: 0 0 20px 0
     }

     .div-50 {
         width: 100%;
         float: left;
         padding: 0 0 5px 0
     }

     .div-50:last-child {
         width: 100%
     }

     .account_info .heading-one .p_edit.p_edit_1 {
         margin-right: 25px;
         height: 50px;
         justify-content: center;
         align-items: center;
         display: flex !important;
         z-index: 99
     }

     .account_info .heading-one .p_edit {
         display: block !important;
         margin-right: 25px
     }

     .account_info .panel-accordion-heading a {
         font-size: 16px
     }

     .account_info .heading-one .h6-title {
         padding: 0 45px 0 0
     }

     .nav-tabs:before {
         display: none
     }

     .tabbable .nav-tabs.nav-tabs-solid>li>a {
         padding: 15px 25px
     }

     .div-row .div-left {
         width: 100%;
         padding: 10px 0
     }

     .div-row .div-center {
         width: 70%;
         padding: 0
     }

     .div-row .div-right {
         width: 30%;
         padding: 0
     }

     .table-scroll-div .footer-div>.text-right {
         text-align: center
     }

     .topic-header-div.pb-20 {
         padding-bottom: 20px !important
     }

     .tabbable .nav-tabs.nav-tabs-solid {
         padding: 0 !important;
         margin: 0 0 10px 0 !important
     }

     .tab-div .tabbable {
         background-color: transparent !important
     }

     .div-right.div-0002 {
         padding: 0 0 0 10px
     }

     .div-right.div-0002 .btn.btn-primary.btn-custom {
         padding: 6px 0 !important;
         height: 36px
     }

     .tab-content-1 .video-box {
         padding: 0;
         margin: 0 0 20px 0
     }

     .thumb-img-div {
         height: 100%;
         width: 100%
     }

     .play-img {
         width: 50px
     }

     .grid-footer h3 {
         font-size: 14px
     }

     .video-modal .modal-dialog {
         width: 300px;
         margin: 120px auto 0 auto
     }

     .video-modal {
         z-index: 222222222 !important
     }

     .custom-float-right {
         float: none !important;
         margin-bottom: 20px
     }

     .checkbox-div-1 {
         height: 100%;
         padding: 0 0 20px 0;
         margin: 0;
         width: 100%
     }

     .footer-form .pull-right {
         float: left;
         display: block;
         width: 100%
     }

     .coach-listing-div {
         margin: 20px 0 0 0
     }

     .panel-calendar {
         background-color: #fff;
         padding: 5px;
         margin-bottom: 20px
     }

     .dashboard .panel-body {
         display: flex;
         min-height: 100%
     }

     .img-graph {
         width: 95%
     }

     .edit-profile-div .left-sidebar {
         margin: 0 -15px;
         padding: 0 0;
         background-color: #edebeb !important;
         width: auto;
         height: auto;
         position: relative
     }

     .edit-profile-div .left-sidebar .card-div {
         padding: 50px 20px 25px 20px;
         margin: 0 auto
     }

     .edit-profile-div .left-sidebar .card-div .div-profile {
         margin: 0 auto;
         text-align: center
     }

     .edit-profile-div .nav-justified>li {
         float: left;
         width: 49%
     }

     .right-sidebar-edit .tab-div .nav-justified li>a {
         font-size: 14px
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .tabhead-div h3 {
         width: 70%
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .tabhead-div p {
         width: 28%
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .table-div li.first-column {
         width: 100%;
         padding: 0 0 10px 0
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .table-div li.second-column {
         width: 100%;
         margin-bottom: 0
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .table-div ul {
         margin: 0 0 10px 0
     }

     .edit-profile-div .left-sidebar .card-div .img-thumb-div {
         margin: 0 auto
     }

     .edit-profile-div .left-sidebar .card-div .img-thumb-div .img-responsive.img-profile-center {
         margin: 0 auto
     }

     .round-edit {
         margin: -40px 0 0 170px
     }

     .edit-profile-div .left-sidebar .card-div .div-profile {
         margin: 0 auto;
         padding: 50px 0 50px 0;
         width: 100%
     }

     .upload-img {
         width: 100%;
         margin: 0 auto;
         text-align: center
     }

     .upload-img .modal-dialog {
         width: 350px;
         margin: 0 auto
     }

     .training-video .tabbable .nav-tabs.nav-tabs-solid {
         padding: 0 !important;
         margin: 0 !important
     }

     .table-scroll-div.scroll-div1 .table>thead>tr>th {
         padding: 10px 10px 8px 10px !important;
         font-size: 10px
     }

     .table-scroll-div .table>tbody>tr>td {
         padding: 10px 10px 8px 10px !important;
         font-size: 10px
     }

     .video-div-promo {
         padding: 15px 0 0 0 !important
     }

     .video-div-promo .video-card-1 .video-time.video-box {
         margin: 0 0 15px 0
     }

     .weather-div {
         margin: 20px 0 0 0
     }

     .div-50i {
         width: 100% !important
     }

     .background-banner-image {
         height: 320px;
         background-size: 145%
     }

     .right-logo-div .img-right-logo {
         width: 60%;
         margin: 10px 15px;
         float: right
     }

     .center-tabdiv {
         margin-left: 15px;
         display: block;
         text-align: center
     }

     .tab-status .nav-pills {
         display: inline-block;
         position: relative
     }

     .center-tabdiv .nav-pills>li {
         float: left
     }

     .tab-invoices .datatable-header {
         float: right
     }

     .tab-invoices .datatable-header {
         float: none
     }

     .heading-right .list-inline>li {
         padding-right: 5px
     }

     .view-profile-header.header-section {
         margin: -5px 0 0 0 !important
     }

     .view-coach-div .top-div-right-01 {
         margin: 0;
         padding: 100px 0 0 0;
         width: 100%;
         float: none
     }

     .view-coach-div .top-div-right-01 .column-001 {
         width: 100%;
         padding: 0;
         margin: 0 0 10px 0
     }

     .view-coach-div .top-div-right-01 .column-003 {
         width: 100%;
         float: left;
         margin: 0 auto;
         text-align: center;
         display: block
     }

     .view-coach-div .column-003 .btn.btn-coach {
         display: flex;
         justify-content: center
     }

     .view-middle-container .right-content-div .container-div {
         padding: 5px 15px
     }

     .view-middle-container .second-column-div {
         border-right: 0 dotted #b8b8b8
     }

     .view-middle-container .third-column-div {
         border-right: 0 dotted #b8b8b8
     }

     .view-middle-container .border-bottom {
         padding: 15px 0 30px 0
     }

     .view-middle-container .pagination-div {
         margin: 0 auto;
         padding: 20px 0;
         width: 100%;
         text-align: center;
         display: flex;
         justify-content: center
     }

     .container-div .middle-coach-content .row-content .col-first {
         width: 25%
     }

     .container-div .middle-coach-content .row-content .col-second {
         padding: 0;
         width: 75%;
         float: right;
         border-right: none
     }

     .container-div .middle-coach-content .row-content .col-second .sub-date {
         padding: 10px 0 0 0
     }

     .container-div .middle-coach-content .row-content .col-second p::first-letter {
         margin-left: 25px
     }

     .container-div .middle-coach-content .row-content .col-third {
         width: 80%;
         margin-left: 25%
     }

     .container-div .middle-coach-content .row-content .col-third .delete-div {
         padding: 10px 0;
         text-align: left
     }

     .container-div .middle-coach-content .row-content .col-second .quote {
         position: absolute;
         margin: -10px 0;
         font-size: 36px;
         padding: 0
     }

     .edit-coach-div .right-sidebar-edit {
         height: 100% !important
     }

     .drill-setup .tab-content-corner .video-box.img-box {
         height: 100% !important
     }

     .drill-setup .grid-view-4 .thumb-img-div {
         width: 100%;
         height: 100%
     }

     .drill-setup .grid-header h3 {
         font-size: 14px
     }

     .drill-setup .grid-header {
         padding: 15px 10px
     }

     .grid-view-4 .image-icon {
         width: 50px
     }

     .white-card-div-1 .img-icon-copy {
         width: 14px;
         max-width: 14px
     }

     .white-card-div-1 h3 {
         margin: 10px 00 10px 0
     }

     .tooltip-br1 span.tooltiptext {
         left: -250px;
         top: -210px;
         height: 200px;
         width: 340px;
         margin-left: 0;
         padding: 10px !important
     }

     .tooltip-br1 .tooltiptext::after {
         display: none
     }

     .tooltip-br1 .title-heading h3 {
         margin: 5px 0;
         font-size: 14px !important
     }

     .tooltip-1.tooltip-br1 {
         position: absolute;
         right: -40px;
         display: inline-block;
         z-index: 9
     }

     .video-div-promo .link-p {
         text-overflow: ellipsis;
         overflow: hidden
     }

     .promo-tooltip span.tooltiptext {
         left: -160px;
         top: 40px;
         height: 200px;
         width: 340px;
         margin-left: 0;
         padding: 10px !important
     }

     .promo-tooltip .tooltiptext::after {
         display: none
     }

     .award-content-group .title-form {
         margin: 0 20px 0 0;
         font-size: 16px !important
     }

     .award-content-group .tooltip-1.tooltip-br1 {
         position: absolute;
         right: 5px
     }

     .btn.btn-primary.btn-custom.btn-dis01 {
         margin-right: 0 !important
     }

     button.btn.btn-primary.btn-discount-01 {
         display: inline-block;
         width: 100%;
         margin-bottom: 5px
     }

     .div-align-account {
         width: 100%
     }

     .modal-reserved1 .title-reserved {
         font-size: 14px
     }

     .money-tablediv .dataTables_filter input {
         width: 200px
     }

     .middle-area-div .panel-heading .heading-elements.visible {
         display: block;
         top: 0;
         width: 50px;
         left: auto;
         right: 0;
         padding: 0;
         height: 100%;
         justify-content: center;
         align-items: center;
         display: flex;
         border: 0
     }

     .middle-area-div .panel-heading ul.icons-list {
         margin: 0 !important;
         padding: 0
     }

     .table-div .text-left .list-inline li {
         width: auto;
         padding-right: 10px
     }

     .dataTable thead th:after,
     .dataTable thead th:before {
         right: 6px !important
     }

     .tabbable .custom_tab-content .table-scroll-div .table>thead>tr>th {
         padding: 14px 10px 13px 10px !important;
         max-width: 240px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis
     }

     .datatable-scroll.database-div11 td {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         max-width: 210px
     }

     .roster-main-panel .list-inline>li:first-child {
         display: inline-block !important;
         padding: 0 !important
     }

     .edit-profile-div .left-sidebar .card-div {
         min-height: 100%
     }

     .edit-profile-div {
         overflow: hidden
     }

     .right-sidebar-edit .tab-div .nav-justified li>a {
         text-align: center
     }

     .message-main-modal-1 .modal-dialog {
         width: 95%
     }

     .message-main-modal-1 .message-area-div-1 p {
         padding: 10px 10px 40px 10px !important;
         font-size: 14px
     }

     .summery-money-div .table.dataTable>tbody>tr>td {
         min-width: 120px
     }

     .table-footer-fixed td:first-child {
         width: 0% !important
     }

     .table-footer-fixed td {
         width: 50% !important
     }

     .table-footer-fixed td:last-child {
         text-align: right
     }

     .payout-div01 .table.dataTable>tbody>tr>td {
         min-width: 170px
     }

     .desktop-tdhide {
         display: block
     }

     .checkbox-div {
         height: 85px;
         padding: 10px 0 10px 0
     }

     .blk-div100 .btn-group.bootstrap-select.width-50 {
         width: 100%;
         margin: 0 0 5px 0;
         float: left
     }

     .blk-div100 {
         margin: 0 0 20px 0
     }

     .mymoney-admin1 .right-vdetails-div h5 {
         font-size: 16px;
         font-weight: 500
     }

     .mymoney-admin1 .box-top1.box-verticle1 img.img-responsive.icon-img1 {
         width: 85px
     }

     .mymoney-admin1 .coach-profile-card-01 .coach-profile-icon-thumb img.img-responsive.icon-img1 {
         height: 100%;
         width: 100%;
         border-radius: 100%
     }

     .parent-rowc1 .column01-view2 h2 {
         font-size: 14px
     }

     .parent-rowc1 .column01-view1 .parent-imgthumb {
         width: 40px;
         height: 40px
     }

     .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th:last-child {
         min-width: 270px !important
     }

     .form-custom-daterage .caret.right-side-caret {
         float: right;
         padding: 0;
         margin: 0;
         min-height: 34px;
         display: flex;
         justify-content: center;
         align-items: center;
         width: 35px;
         font-size: 18px !important;
         position: absolute;
         right: 1px;
         background: #fff
     }

     .timesheet-root .tabbable .nav-tabs.nav-tabs-solid {
         background-color: #fff;
         margin-bottom: 0;
         padding: 5px 15px !important;
         display: block;
         float: left;
         width: 100%;
         border: none
     }

     .timesheet-root .tabbable .nav-tabs.nav-tabs-solid>li {
         border: 1px solid #ddd;
         border-bottom: 1px solid #ddd !important;
         min-width: 90px;
         text-align: center;
         width: 33.3%;
         margin: 0;
         float: left
     }

     .grid-25 {
         width: 30%;
         padding-right: 5px;
         padding-left: 0
     }

     .grid-60 {
         width: 50%;
         padding-right: 5px;
         padding-left: 5px
     }

     .grid-15 {
         width: 20%;
         padding-right: 10px;
         padding-left: 5px
     }

     .full-grid-div .h3-title-sheet {
         font-size: 13px
     }

     .grid-75 {
         width: 70%;
         float: left;
         position: relative;
         padding-right: 0;
         padding-left: 0
     }

     .grid-80 {
         width: 80%;
         padding-right: 5px;
         padding-left: 0
     }

     .table-bodydiv .c-inforow .c-images-thumb {
         padding: 0;
         margin: 0;
         width: 30px;
         height: 30px;
         float: left
     }

     .table-bodydiv .c-left-details {
         min-width: 30px
     }

     .table-bodydiv h2.h2-special {
         font-size: 12px;
         letter-spacing: 0
     }

     .table-bodydiv .c-right-details p {
         font-size: 11px
     }

     .table-bodydiv .total-row h2 {
         font-size: 12px;
         letter-spacing: 0
     }

     .table-bodydiv p.pr01 {
         font-size: 12px
     }

     .timesheet-root .grid-20 {
         width: 30%;
         padding-left: 0
     }

     .timesheet-root .grid-50 {
         width: 70%;
         padding-left: 0
     }

     .custom_tab-content .grid-10,
     .custom_tab-content .grid-15 {
         width: 30%;
         padding-right: 10px;
         padding-left: 0
     }

     .full-grid-div .h3-title-sheet {
         padding: 0 0 4px 0
     }

     .c-listgrid-div {
         display: block;
         border-bottom: 1px solid #eee
     }

     .c-listgrid-div .grid-20,
     .c-listgrid-div .grid-50 {
         width: 100%
     }

     .c-listgrid-div .border-bottom1 {
         border: none !important
     }

     .c-listgrid-div.border-row.total-row .grid-20 {
         display: none
     }

     .grid-30.grid1-30,
     .grid-30.grid2-30 {
         padding-left: 0 !important;
         width: 100%
     }

     .rowline-01 .checkimg-thumb .icon-checklist01 {
         width: 70px;
         height: 70px
     }

     .rowline-01 .form-radio {
         height: 26px;
         width: 26px;
         margin-right: 7px;
         bottom: 0;
         right: -10px
     }

     .rowline-01 .form-radio:checked::before {
         position: absolute;
         left: 8px;
         top: 3px;
         content: '\02143';
         font-size: 14px;
         transform: rotate(40deg)
     }

     .rowline-01 .grid-check1,
     .rowline-01 .grid-check2,
     .rowline-01 .grid-check3 {
         width: 100%;
         min-height: 100%
     }

     .rowline-01 .grid-check2 {
         min-height: 100%;
         border-left: 0 solid #ddd;
         padding: 0
     }

     .content-check-div {
         padding: 20px 0 0 0;
         margin: 0
     }

     .action-thumb .linkround-blk {
         display: block;
         float: left
     }

     .action-thumb {
         padding: 20px 15px 0 15px;
         margin: 0
     }

     .heading-new-onboarding01 a.btn.btn-link.btn-float.has-text {
         margin-top: 0
     }

     .rowline-innernew.rowline-01 .grid-check1,
     .rowline-innernew.rowline-01 .grid-check2,
     .rowline-innernew.rowline-01 .grid-check3 {
         display: block;
         min-height: 100%;
         align-items: center
     }

     .center-align-txt {
         display: flex;
         align-items: center;
         width: 100%;
         flex-direction: column;
         text-align: center
     }

     .center-align-txt .content-check-div {
         width: 100%
     }

     .rowline-01.center-align-txt .grid-check2 {
         border: none;
         width: 100%
     }

     .thead-desktop-hidden {
         display: table-caption
     }

     .thead-mobile-hidden {
         display: none
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-30per,
     .active-general-01 .data-table-1.table-div .table>thead>tr>th.width-30per {
         width: 30% !important;
         min-width: 160px !important;
         float: none
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-30per:first-child,
     .active-general-01 .data-table-1.table-div .table>thead>tr>th.width-30per:first-child {
         width: auto !important;
         width: 160px !important;
         float: none
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-20per,
     .active-general-01 .data-table-1.table-div .table>thead>tr>th.width-20per {
         width: 20% !important;
         min-width: 160px !important;
         float: none
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-10per,
     .active-general-01 .data-table-1.table-div .table>thead>tr>th.width-10per {
         width: 10% !important;
         min-width: 160px !important;
         float: none
     }

     .active-general-01 .data-table-1.table-div .table>thead>tr>th:last-child {
         width: 160px !important
     }

     .view-active-coaches-rootdiv .view-newhire-a1.view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-20per.actions-last-child {
         width: 160px !important;
         min-width: 160px !important;
         float: left
     }

     .tab-customdesign-001.nav-tabs.nav-tabs-solid>li {
         width: 100%;
         padding: 0 15px;
         margin: 15px 0 15px 0
     }

     .tab-customdesign-001.nav-tabs.nav-tabs-solid.tab-credentialslogin>li {
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}

     .active-general-01 .data-table-1.table-div .panel-credentials .table.table-credentials>tbody>tr>td {
         min-width: 140px !important
     }

     .view-active-coaches-rootdiv.active-general-01 .view-activecoaches-table1.data-table-1.table-div .table>tbody>tr>td.width-30per:first-child,
     .view-active-coaches-rootdiv.active-general-01 .view-activecoaches-table1.data-table-1.table-div .table>thead>tr>th.width-30per:first-child {
         width: 190px !important;
         min-width: 190px !important;
         max-width: 190px !important
     }

     .view-active-coaches-rootdiv.active-general-01.view-active-sos-rootdiv .view-activecoaches-table1.data-table-1.table-div .table>thead.thead_mobile_table>tr>th.width-30per.width-thclassname:first-child {
         width: 236px !important;
         min-width: 220px !important
     }

     .view-active-coaches-rootdiv.active-general-01.view-active-sos-rootdiv .view-activecoaches-table1.data-table-1.table-div .table>tbody>tr>td:first-child {
         width: 190px !important;
         min-width: 190px !important
     }

     .view-active-coaches-rootdiv.active-general-01.view-active-sos-rootdiv td.width-25per.text-left.text-left01 {
         width: 275px !important
     }

     .view-active-coaches-rootdiv.active-general-01.view-active-sos-rootdiv .data-table-1.table-div .table>tbody>tr>td.width-15per,
     .view-active-sos-rootdiv .table>thead>tr>th.width-15per {
         width: 144px !important;
         min-width: 144px !important
     }

     .view-active-coaches-rootdiv.active-general-01.view-active-sos-rootdiv .view-activecoaches-table1.data-table-1.table-div .table>tbody>tr>td:first-child {
         width: 202px !important;
         min-width: 191px !important
     }

     .listview-coach-tracker .max-height-ct01 {
         max-height: 280px
     }

     .view-coachheader-div {
         margin: 15px 0 0 0
     }

     .customcalendar-track1 .fc-toolbar {
         text-align: left;
         margin-bottom: 10px
     }

     a.btn.btn-primary.btn-viewprofile {
         padding: 7px 20px 6px 20px;
         float: left
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>thead>tr>th.actions-last-child {
         width: 300px !important;
         min-width: 300px !important
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-20per,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>thead>tr>th.width-20per {
         width: 20% !important;
         min-width: 250px !important;
         float: none
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td:first-child,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>thead>tr>th:first-child {
        float: none;
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px;
     }

     .view-active-sos-rootdiv.active-general-01 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-15per {
         width: 160px !important;
         min-width: 160px !important
     }

     .view-active-sos-rootdiv .table>thead>tr>th.width-15per,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-15per {
         width: 160px !important;
         min-width: 160px !important
     }

     .view-active-sos-rootdiv.active-general-01 .view-div .btn-addchild,
     .view-active-sos-rootdiv.active-general-01 .view-div .btn.btn-download {
         float: left;
         display: block;
         max-width: 245px
     }

     .view-active-sos-rootdiv.active-general-01 .view-div .btn-email {
         max-width: 245px;
         margin: 0 0 5px 0
     }

     .view-active-sos-rootdiv.active-general-01 .view-div .dataTables_info,
     .view-active-sos-rootdiv.active-general-01 .view-div .dataTables_paginate {
         display: none
     }

     .view-active-sos-rootdiv .sessions-class-div .view-div.add-viewroster-div .list-inline>li {
         width: 50px
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td:first-child,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead>tr>th:first-child {
         width: 40px !important;
         float: none
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead:first-child .sorting_asc {
         padding-right: 0
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead:first-child .sorting_asc:after {
         display: none
     }

     .view-div .bluebtn-div1 {
         float: none;
         width: 100%;
         margin: 10px 10px 0 0 !important;
         clear: both;
         display: flex !important;
         flex-direction: column !important
     }

     .discount-div-panel .datatable-footer>div:first-child,
     .discount-div-panel .datatable-header>div:first-child {
         float: left !important
     }

     .ColVis,
     .dataTables_filter,
     .discount-div-panel .DTTT_container,
     .discount-div-panel .dataTables_info,
     .discount-div-panel .dataTables_length,
     .discount-div-panel .dataTables_paginate {
         float: left !important
     }

     .discounttab-panel01 .div-row {
         padding: 10px 15px 10px 15px
     }

     .data-table-1.table-div .discounttab-panel01 .table>thead>tr>th:first-child {
         min-width: 250px
     }

     .data-table-1.table-div .discounttab-panel01 .table>thead>tr>th:last-child {
         min-width: 250px
     }

     .data-table-1.table-div .discounttab-panel01 .dataTables_filter input {
         margin: 0
     }

     .form-group.mbxs-0 {
         margin: 0 !important
     }

     .bluebtn-div1.header-special-view-roaster .btn-special-vcbtn {
         margin: 0 0 10px 0 !important
     }

     .table-btn.footer-special-view-roaster {
         padding: 15px 15px 10px 15px
     }

     .view-active-sos-rootdiv.active-general-01 .view-div .table-btn.footer-special-view-roaster .btn-email {
         max-width: 245px;
         margin: 0 0 10px 0
     }

     .topic-header-div h1.custom-normal-h1 {
         padding: 10px 10px 0 5px
     }

     .tooltip-1.tooltip-br1.cancel-tooltips {
         position: relative;
         right: 0;
         display: inline-block;
         z-index: 9
     }

     .tooltip-1.tooltip-br1.cancel-tooltips span.tooltiptext {
         left: -135px;
         top: -210px;
         height: 200px;
         width: 300px;
         margin-left: 0;
         padding: 10px !important
     }

     .tooltip-1.tooltip-br1.cancel-tooltips .tooltip-content-div p {
         font-size: 12px;
         line-height: 21px
     }

     .tooltip-1.tooltip-br1.cancel-tooltips.cancel-tooltips2 span.tooltiptext {
         left: -135px;
         top: -260px;
         height: 250px;
         width: 300px;
         margin-left: 0;
         padding: 10px !important
     }

     .tooltip-1.tooltip-br1.cancel-tooltips.cancel-tooltips2 .tooltip-content-div p {
         height: 185px;
         -webkit-line-clamp: 9
     }

     .chat-width-100 {
         width: 100% !important
     }

     .chat-width-0 {
         width: 0% !important
     }

     .chat-container .chat-footer {
         width: 100%;
         height: auto;
         left: 0;
         overflow-y: auto;
         position: fixed;
         bottom: 0;
         float: none
     }

     .display-hidden-acc {
         display: table-caption
     }

     .view-summary-session-active-a1 .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
         min-width: 200px !important;
         padding: 8px !important
     }

     .view-summary-session-active-a1 .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-10per.p010 {
         min-width: 100px !important
     }

     .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td {
         min-width: 200px !important;
         padding: 8px !important
     }

     .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td.width-10per {
         min-width: 100px !important;
         padding: 8px !important
     }

     .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td.width-8per {
         min-width: 95px !important;
         padding: 8px !important
     }

     .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p {
         width: 100%
     }

     .coachview-details-modal.viewmore-count-detailsmodal1 .info-div p.final-p {
         width: 100%
     }

     .accdetails_shown_div .title-heading-bi {
         font-weight: 600;
         font-size: 11px;
         width: 100%;
         word-break: break-all
     }

     .accdetails_shown_div .viewdetails-bi {
         font-weight: 400;
         font-size: 11px;
         width: 100%;
         display: flex;
         word-break: break-all;
         padding: 5px 0
     }

     .accdetails_width_50 {
         width: 100%;
         margin-right: 0;
         border-right: 0 solid #eee;
         padding: 0
     }

     .panel-body.acc_details_body h5 {
         font-size: 14px
     }

     .accdetails_shown_div .row-prag-bi {
         padding: 0 0;
         margin: 0 0 10px 0;
         display: flex;
         flex-direction: column;
         align-items: center
     }

     .row-header-top .form-group.form-control-info {
         display: block !important;
         width: 100% !important
     }

     .row-header-top .form-group.form-control-info .bootstrap-select {
         width: 100% !important
     }

     .top-filter-section {
         display: block
     }

     .parent_info_group .panel.panel-white.panel-half50 {
         width: 100%;
         float: none
     }

     .parent_info_group .accdetails_width_50.accdetails_width_100 {
         width: 100%
     }

     .parent_info_group .panel.panel-white.panel-half50.panel-half50one {
         width: 100%;
         margin-right: 0 !important
     }

     .parent_info_group .account_info .heading-one .p_edit.p_edit_1 {
         top: -15px
     }

     .mastercalendarevent-modal2.modal.custom-modal .modal-dialog {
         width: 100%;
         padding: 0 10px;
         margin: 0
     }

     .fullcalendar-event-colors.customcalendar-track1.fc.fc-ltr.fc-unthemed {
         margin: 25px 0
     }

     .modal-open {
         overflow: hidden;
         overflow-y: scroll
     }

     .coach-active-sum-changes .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-25per {
         min-width: 250px !important
     }

     .coach-active-sum-changes .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-25per.actions-last-child {
         min-width: 275px !important
     }

     .coach-active-sum-changes .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td.width-25per.text-left.text-left01 {
         padding-left: 0 !important
     }

     .coach-active-sum-changes .sessions-class-div.sessions-class-div-update1 .progress-meter {
         padding: 0
     }

     .acc-viewmore-details-modal .modal-dialog {
         width: 100%;
         margin: 30px auto;
         padding: 0 10px
     }

     .page-header .heading-elements.visible {
         z-index: 9
     }

     .paperwork-card {
         padding: 20px 0
     }

     .paperwork-card-section .rowline-01 .grid-check2 {
         text-align: center
     }

     .paperwork-card-section .action-thumb {
         text-align: center
     }

     .paperwork-card-section .action-thumb .linkround-blk {
         float: none
     }

     .paperwork-card-section .content-check-div h3 {
         font-size: 18px
     }

     .topic-header-div .h1-title {
         padding: 7px 10px 10px 0
     }

     .center-flexdiv.clearfix {
         margin: 0 0 10px 0
     }

     .middle-area-div.home-dashboard {
         padding: 20px 0
     }

     ul.nav.navbar-nav.navbar-right>li a {
         width: 100%
     }

     .navbar-inverse .position-right {
         height: 25px;
         line-height: 25px
     }

     .dropdown-width img.img-responsive.main-icon-01 {
         width: 22px;
         max-width: 22px;
         height: 22px;
         max-height: 22px
     }

     .dropdown-width img.img-responsive.main-icon-01.main-icon-02.edit-white {
         height: 100%;
         width: 20px
     }

     .navbar-inverse .navbar-right.navbar-nav>li>a {
         color: #fff;
         vertical-align: middle;
         height: 52px;
         display: flex;
         align-items: center
     }

     .navbar-inverse .navbar-right.navbar-nav>.dropdown-user .caret {
         margin-top: 0
     }

     .show-lg-desktop {
         display: none !important
     }

     .show-xs-mobile-tab {
         display: block
     }

     .tooltip-1.tooltip-br1.cancel-tooltips.cancel-tooltips2.deleteclass-tips span.tooltiptext {
         left: 0;
         top: 25px;
         height: 205px;
         width: 280px;
         margin-left: 0;
         padding: 10px !important
     }

     .navbar-top.modal-chat .content-wrapper.content-chat {
         padding: 92px 0 0 0
     }

     .chat-container .chat-message-div {
         margin-bottom: 85px
     }

     .tooltip-1.sendecard-tooltips .tooltiptext {
         bottom: -360%;
         left: -120px;
         height: 320px;
         width: 310px;
         padding: 20px 15px 10px 15px !important
     }

     .h4_send_ecard {
         display: block
     }

     .page-header.page-header-top .h4_send_ecard .text-semibold {
         font-weight: 600;
         display: inline-block
     }

     .tooltip-1.sendecard-tooltips {
         position: relative;
         display: inline
     }

     .tooltip-1.promo-tooltip.sample-tooltips1.sendecard-tooltips .tooltiptext {
         width: 300px;
         height: 380px
     }

     .tooltip-1.sendecard-tooltips .tooltip-content-div p {
         font-size: 11px
     }

     .slider_div .owl-item.active {
         margin: 0 !important;
         padding-right: 00px
     }

     .leads_heading_title {
         min-height: 100%
     }

     .leads_heading_title .left_pull_top {
         float: left;
         margin: 0 0 10px 0
     }

     .right_box_container {
         padding: 20px 0 0 0
     }

     .fixedsummary-bottom {
         overflow: hidden
     }

     .fixedsummary-bottom .column_div_width100 {
         min-width: 100%
     }

     .fixedsummary-bottom .footer-row {
         display: block;
         min-height: auto;
         height: 100%;
         width: 100%;
         padding: 10px 0 10px 0
     }

     .table_box .table-scroll-div .datatable-scroll {
         max-height: 315px;
         margin: 0 0 275px 0;
         height: 100%;
         overflow-y: auto
     }

     .fixedsummary-bottom .column_div_width100 {
         min-width: 100%;
         padding: 5px 10px
     }

     .inline_block_btn {
         margin: 0 0 10px 0
     }

     .table_box .table-scroll-div .table>tbody>tr>td.text-left.icons-leads-group {
         min-width: 170px
     }

     .table_box .table-scroll-div .table>thead>tr>th {
         padding: 13px 10px 10px 10px !important;
         font-size: 11px
     }

     .category_box25 {
         border: 1px solid #eee;
         border-bottom: none
     }

     .top_groups_category_box .grid-col:last-child .category_box25 {
         border-bottom: 1px solid #eee;
         border-right: 1px solid #eee
     }

     .slider_div.without_slider .leads_full_box {
         margin: 20px 0 0 0;
         width: 100%;
         padding: 0
     }

     .slider_div.without_slider {
         margin: 10px 0 0 0;
         padding: 0
     }

     .tooltip-1.promo-tooltip.sas_tooltips.sas_tooltips_two .tooltiptext {
         left: -195px
     }

     .tooltip-1.promo-tooltip.sport_rotation_tooltips .tooltiptext {
         left: -205px
     }

     .panel-leads_two .fixedsummary-bottom {
         padding-left: 0
     }

     .panel-leads_two .fixedsummary-bottom .column_div_width100:first-child {
         min-width: 100%
     }

     .panel-leads_two .fixedsummary-bottom .column_div_width100 {
         min-width: auto;
         text-align: left;
         padding: 0 10px 5px 10px
     }

     .panel-leads_two .fixedsummary-bottom .column_div_width100 p {
         font-size: 10px
     }

     .panel-leads_two .fixedsummary-bottom .column_div_width100 p span.count_bold {
         padding: 0 0 0 8px;
         font-size: 13px
     }

     .panel-leads_two .fixedsummary-bottom .column_div_width100 h2 {
         padding: 10px 0 0 0;
         margin: 0;
         font-size: 14px;
         font-weight: 600;
         text-align: left
     }

     .modal.custom-modal h4#myModalLabel {
         font-size: 16px
     }

     .standard_rotation_div .sport_icons_row .sports_column_box .img-sport {
         width: 30px
     }

     .standard_rotation_div .sport_icons_row .sports_column_box {
         width: 25%
     }

     .standard_rotation_div .sport_icons_row {
         padding: 0 15px;
         margin: 10px 0 15px 0
     }

     .tooltip-1.customer_logins .tooltiptext {
         width: 300px;
         bottom: -175%;
         left: -142px;
         height: 280px
     }

     .panel_availability .title-img-div span.imgac-thumbspan-01 {
         width: 25px;
         height: 25px;
         margin-right: 8px
     }

     .view-summary-session-active-a1.panel_availability .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
         padding: 10px !important
     }

     .tooltip-1.promo-tooltip.sport_rotation_tooltips.rotation_modal_tooltips .tooltiptext {
         bottom: 135%;
         left: auto;
         right: 0;
         width: 300px;
         top: 45px
     }

     .rotation_modal_tooltips .title-heading h3 {
         font-size: 16px !important;
         padding: 0 0 5px 0 !important
     }

     .rotation_modal_tooltips .sport_icons_row.sports_hover_row .sports_column_box .img-sport {
         padding: 0;
         margin: 0 auto 8px auto;
         width: 25px
     }

     .rotation_modal_tooltips .sport_icons_row.sports_hover_row .sports_column_box p {
         padding: 0;
         margin: 0;
         text-align: center;
         color: #000;
         font-size: 10px
     }

     .rotation_modal_tooltips .sport_icons_row.sports_hover_row .sports_column_box {
         padding: 10px 0 0 0;
         width: 25%;
         text-align: center
     }

     .tooltip-1.promo-tooltip.sport_rotation_tooltips.rotation_modal_tooltips .tooltiptext::after {
         display: block;
         position: absolute;
         top: -21px;
         bottom: auto;
         left: auto;
         right: 9px;
         border-width: 8px;
         border-color: transparent transparent #00134d transparent
     }

     .cart-box-div .cart-box .thumb_img {
         margin: 0 0 10px 0;
         padding: 0;
         position: relative;
         float: left;
         width: 100%
     }

     .cart-box-div .cart-box .thumb_img img {
         width: 50px;
         height: 50px;
         text-align: left;
         margin: 0
     }

     .cart-box-div .cart-box .cart-desc {
         margin: 0
     }

     .cart-box-div .cart-box .cart-desc .cart-left {
         float: left;
         width: 100%;
         border: none;
         margin: 0 0 10px 0
     }

     .cart-box-div .cart-box .cart-desc .cart-right {
         float: right;
         width: 100%
     }

     .order-summary-div {
         margin: 20px 0 0 0
     }

     .payment-ccd-div {
         margin: 0 auto;
         padding: 30px 0 20px 0;
         width: 100%
     }
 }

 @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
     .custom-modal-google .modal-dialog {
         width: 730px
     }

     .modal.custom-modal.sign-page .modal-content {
         max-height: 100% !important;
         overflow-y: auto !important
     }

     .modal.custom-modal.sign-page .modal-content .sign-page-scroll {
         padding: 20px;
         overflow-y: visible;
         height: 100%
     }

     .modal.custom-modal.sign-page .modal-content .sign-page-scroll {
         max-height: 100% !important
     }

     .modal.custom-modal.sign-page .modal-header {
         padding: 0 40px !important
     }

     .stpes-mobile {
         display: flex;
         flex-direction: column
     }

     .StepProgress {
         padding-left: 0;
         display: flex;
         flex-direction: row
     }

     .StepProgress li {
         display: flex;
         flex-direction: column;
         margin: 0 20px;
         padding-top: 30px;
         padding-bottom: 0 !important
     }

     .StepProgress-item::before {
         left: 42px;
         transform: rotate(90deg) !important;
         top: -22px
     }

     .StepProgress-item::after {
         left: 0
     }

     .StepProgress::before {
         width: 58%;
         height: 1px;
         top: 8px;
         left: 22px;
         border-top: 2px solid #ccc
     }
 }

 @media only screen and (min-width:768px) and (max-width:1024px) {
     .sign-page.modal.custom-modal .modal-dialog {
         padding: 20px 0;
         margin-bottom: 0
     }

     .sign-page .width-100 {
         width: 100% !important
     }

     .modal.custom-modal .modal-body.signpage-modal {
         padding: 20px
     }

     .sign-in-label {
         left: 0
     }

     .sign-page.modal {
         overflow-y: auto
     }

     .sign-page.modal .modal-dialog {
         margin: 0
     }

     .progress-bar {
         position: relative;
         width: 100%;
         left: 0;
         right: auto;
         margin-top: 0
     }

     .nav-header-div {
         z-index: 22222222
     }

     .navbar-brand {
         padding: 0 15px;
         width: 65%
     }

     .sidebar {
         width: 100%
     }

     .nav.navbar-nav.visible-xs-block {
         margin: 20px 10px 0 0
     }

     .icon-tree5 {
         color: #fdb413
     }

     .sidebar sidebar-main.sidebar-div {
         position: absolute;
         left: 0
     }

     .nav.navbar-nav.navbar-right {
         background-color: #00134d;
         z-index: 555555;
         padding: 15px 0;
         margin: -1px 0 0 0
     }

     .navbar-inverse.nav-header-div .navbar-collapse {
         padding: 0
     }

     .chat-left-div {
         width: 37%;
         height: 90%;
         margin: 0;
         overflow-y: scroll;
         position: fixed;
         float: left
     }

     .chat-right-div {
         width: 63%;
         height: 85%;
         left: 37%;
         overflow-y: scroll;
         position: fixed;
         float: left
     }

     .chat-container .chat-footer {
         width: 63%;
         left: 37%;
         position: fixed;
         bottom: 10px;
         float: left
     }

     .chat-container .chat-message-div .img-user {
         width: 20%
     }

     .chat-container .chat-message-div .message_div {
         width: 80%
     }

     .chat-container .chat-footer .input-left {
         width: 80%
     }

     .chat-container .chat-footer .btn-right {
         width: 20%
     }

     .chat-container {
         width: 100%
     }

     .login-bg-img {
         background-size: cover;
         object-fit: cover;
         height: auto
     }

     .login-div {
         padding: 10px 0 0 0;
         height: 100vh;
     }

     .logo-div-left {
         margin: 60px 0 0 0;
         height: 350px;
         border-right: 1px solid #fff
     }

     .logo-div-left .img-thumb img {
         width: 80%
     }

     .login-form .form-div {
         width: 65%
     }

     .login-form h1 {
         padding: 50px 0 0
     }

     .login-bottom a {
         width: 50%;
         padding: 10px 5px;
     }

     .login-form {
         margin: 0;
         padding: 100px 0 0 0
     }

     .content-area-div {
         margin: 50px auto 0 auto;
         padding: 0
     }

     .panel-accordion-heading .heading-left {
         width: 65%
     }

     .panel-accordion-heading .heading-right {
         width: 35%
     }

     .div-25 {
         width: 50%;
         float: left;
         padding: 5px 10px 5px 0
     }

     .div-25:last-child {
         width: 50%;
         float: left;
         padding: 5px 10px 5px 0
     }

     .tab-div-top .tab-a {
         margin: 0;
         padding: 14px 10px;
         background-color: #00134d;
         color: #fff;
         width: 100%;
         font-weight: 600;
         font-size: 14px;
         height: 50px;
         box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4) !important
     }

     .tab-div-top .tab-a .tab-img {
         width: 17px;
         float: left;
         margin: 0 10px
     }

     .tab-div-top .tab-a .span-left {
         float: left
     }

     .tab-div-top .tab-a .span-right {
         padding: 0 10px;
         margin: 0;
         float: left
     }

     .tab-div-top .tab-a.active {
         background-color: #fdb413
     }

     .tab-customdesign-001.nav-tabs.nav-tabs-solid.tab-credentialslogin>li {
         width: 33.3%;
         padding: 10px 10px 10px 0
     }

     .active-general-01 .data-table-1.table-div .panel-credentials .table.table-credentials>tbody>tr>td {
         min-width: 140px !important
     }

     .view_summary .panel-accordion-heading .heading-left {
         width: 100%
     }

     .view_summary .heading-center {
         width: 50%;
         padding: 10px 0;
         min-height: 100%;
         text-align: left
     }

     .view_summary .panel-accordion-heading .heading-right {
         width: 100%;
         text-align: left;
         min-height: 100%;
         margin: 5px 0 0 0
     }

     .view_summary.panel-accordion-div .panel-body {
         padding: 10px
     }

     .checkbox-div .checkbox-inline+.checkbox-inline {
         margin-left: 0
     }

     [data-tooltip]:before {
         bottom: 150%;
         left: 50%;
         margin-left: -150px;
         width: 250px
     }

     .panel-accordion-heading .heading-right ul li img {
         margin: 2px 10px;
         width: 18px
     }

     .nav-tabs:before {
         display: none
     }

     .tabbable .nav-tabs.nav-tabs-solid>li>a {
         padding: 15px 25px
     }

     .div-row .div-left {
         width: 100%;
         padding: 0 0 10px 0
     }

     .div-row .div-center {
         width: 70%;
         padding: 0 10px 0 0
     }

     .div-row .div-right {
         width: 30%;
         padding: 0
     }

     .table-scroll-div .footer-div>.text-right {
         text-align: center
     }

     .topic-header-div.pb-20 {
         padding-bottom: 10px !important
     }

     .tab-div .tabbable {
         background-color: transparent !important
     }

     .tabbable .nav>li {
         display: inline-block;
         float: left
     }

     .tabbable .nav-tabs {
         background-color: #fff;
         border: 0 solid #ddd
     }

     .tabbable .nav-tabs.nav-tabs-solid {
         padding: 0 0
     }

     .nav-tabs>li+li {
         margin-top: 0
     }

     .tab-content-1 .video-box {
         padding: 0;
         margin: 0 0 20px 0
     }

     .thumb-img-div {
         height: 100%;
         width: 100%
     }

     .play-img {
         width: 50px
     }

     .grid-footer h3 {
         font-size: 14px
     }

     .video-modal .modal-dialog {
         width: 300px;
         margin: 120px auto 0 auto
     }

     .video-modal {
         z-index: 222222222 !important
     }

     .tabbable .nav-tabs.nav-tabs-solid>li>a {
         padding: 10px 20px
     }

     .tabbable .nav-tabs.nav-tabs-solid>li {
         font-size: 13px
     }

     .custom-float-right {
         float: none !important;
         margin-bottom: 20px
     }

     .checkbox-div-1 {
         height: 100%;
         padding: 10px 0 20px 0;
         margin: 0;
         width: 100%
     }

     .footer-form .pull-right {
         float: left;
         display: block;
         width: 100%
     }

     .panel-calendar {
         background-color: #fff;
         padding: 5px;
         margin-bottom: 20px
     }

     .right-sidebar-edit .tab-div .nav-justified li>a {
         font-size: 16px;
         line-height: 30px;
         float: left;
         color: #afaeae;
         width: 50%;
         text-align: center
     }

     .edit-profile-div .left-sidebar {
         width: 100%
     }

     .round-edit {
         margin: -50px 0 0 115px
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .table-div li.first-column {
         width: 40%
     }

     .right-sidebar-edit .tab-div .tab-content-div .info-card-01 .table-div li.second-column {
         width: 60%
     }

     .edit-profile-div .left-sidebar .card-div .img-thumb-div .img-responsive.img-profile-center {
         width: 170px;
         height: 171px;
         max-width: 230px
     }

     .edit-profile-div .left-sidebar .card-div {
         padding: 35px 20px;
         margin: 0 auto;
         display: block;
         width: 100%
     }

     .edit-profile-div .left-sidebar .card-div .div-profile {
         margin: 0 auto;
         padding: 50px 0 50px 0;
         width: 100%
     }

     .upload-img {
         width: 100%;
         margin: 0 auto;
         text-align: center
     }

     .upload-img .modal-dialog {
         width: 500px;
         margin: 0 auto
     }

     .training-video .tabbable .nav>li {
         display: block !important;
         float: none !important
     }

     .training-video .thumb-img-div {
         height: 100%;
         width: 100%;
         min-height: 100%;
         max-height: 100%
     }

     .video-div-promo {
         padding: 20px 10px 0 10px !important
     }

     .video-div-promo .video-card-1 .video-time.video-box {
         margin-bottom: 20px
     }

     .center-tabdiv {
         margin-left: 15px
     }

     .center-tabdiv .nav-pills>li {
         float: left
     }

     .tab-invoices .datatable-header {
         float: right
     }

     .tab-invoices .dataTables_length {
         margin: 0 0 20px 20px;
         float: right !important
     }

     .background-banner-image {
         height: 500px
     }

     .vshape-img-thumb {
         bottom: -1px
     }

     .position-right {
         margin-left: 7px;
         vertical-align: top;
         margin: 3px 0 0 10px
     }

     .view-profile-header.header-section {
         margin: -5px 0 0 0 !important
     }

     .view-coach-div .top-div-right-01 {
         margin: 0;
         padding: 100px 0 0 0;
         width: 100%;
         float: none
     }

     .view-coach-div .top-div-right-01 .column-001 {
         width: 100%;
         padding: 0;
         margin: 0 0 10px 0
     }

     .view-coach-div .top-div-right-01 .column-003 {
         width: 100%;
         float: left;
         margin: 0 auto;
         text-align: center;
         display: block
     }

     .view-coach-div .column-003 .btn.btn-coach {
         display: flex;
         justify-content: center
     }

     .view-middle-container .right-content-div .container-div {
         padding: 5px 20px
     }

     .view-middle-container .second-column-div {
         border-right: 0 dotted #b8b8b8
     }

     .view-middle-container .third-column-div {
         border-right: 0 dotted #b8b8b8
     }

     .view-middle-container .border-bottom {
         padding: 15px 0 30px 0
     }

     .view-middle-container .pagination-div {
         margin: 0 auto;
         padding: 20px 0;
         width: 100%;
         text-align: center;
         display: flex;
         justify-content: center
     }

     .container-div .middle-coach-content .row-content .col-first {
         width: 25%
     }

     .container-div .middle-coach-content .row-content .col-second {
         padding: 0;
         width: 75%;
         float: right;
         border-right: none
     }

     .container-div .middle-coach-content .row-content .col-second .sub-date {
         padding: 10px 0 0 0
     }

     .container-div .middle-coach-content .row-content .col-second p::first-letter {
         margin-left: 25px
     }

     .container-div .middle-coach-content .row-content .col-third {
         width: 80%;
         margin-left: 25%
     }

     .container-div .middle-coach-content .row-content .col-third .delete-div {
         padding: 10px 0;
         text-align: left
     }

     .container-div .middle-coach-content .row-content .col-second .quote {
         position: absolute;
         margin: -10px 0;
         font-size: 36px;
         padding: 0
     }

     .view-middle-container .btn-div {
         margin: 20px 0 0 0
     }

     .view-middle-container .btn-view {
         padding: 12px 10px
     }

     .drill-setup .tab-content-corner .video-box.img-box {
         height: 100% !important
     }

     .grid-header h3 {
         font-size: 16px
     }

     .drill-setup .grid-header {
         padding: 15px 10px
     }

     .grid-view-4 .image-icon {
         width: 50px
     }

     .drill-setup .grid-view-4 .thumb-img-div {
         height: 210px
     }

     .drill-setup .tabbable .nav-tabs.nav-tabs-solid>li>a {
         padding: 10px 13px
     }

     .view-div .btn-div-downalod {
         width: 100%
     }

     .btn.btn-primary.btn-custom.btn-discount-01 {
         margin: 0
     }

     .modal.custom-modal .modal-dialog {
         position: relative;
         width: auto;
         margin: 0;
         display: flex;
         justify-content: center;
         padding: 100px;
         top: 0;
         margin: 0 !important;
         margin-top: 0 !important
     }

     .div-align-account {
         width: 30%
     }

     .summery-money-div .table.dataTable>tbody>tr>td {
         min-width: 120px
     }

     .business-1 .tooltip-br1 .tooltiptext {
         width: 300px;
         bottom: -400%
     }

     .box-business1 .tooltip-br1 .tooltiptext {
         width: 300px;
         bottom: -400%
     }

     .table-footer-fixed td:first-child {
         width: 0% !important
     }

     .table-footer-fixed td {
         width: 50% !important
     }

     .table-footer-fixed td:last-child {
         text-align: right
     }

     .payout-div01 .table.dataTable>tbody>tr>td {
         min-width: 170px
     }

     .desktop-tdhide {
         display: block
     }

     .coach-detailslist-01 {
         padding: 15px 5px 0 10px;
         margin: 0;
         min-width: 400px;
         float: left;
         display: flex;
         justify-content: center;
         flex-direction: column
     }

     .mymoney-admin1 .right-vdetails-div {
         padding: 0;
         margin: 0;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column
     }

     .max-height-scroll1 {
         max-height: 247px;
         overflow-y: auto
     }

     .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th:last-child {
         min-width: 270px !important
     }

     .rowline-01 .checkimg-thumb .icon-checklist01 {
         width: 70px
     }

     .rowline-01 .grid-check1 {
         display: flex;
         padding-left: 10px;
         justify-content: flex-start;
         min-height: 70px
     }

     .rowline-01 .form-radio {
         height: 26px;
         width: 26px;
         margin-right: 7px;
         bottom: 0;
         right: -10px
     }

     .rowline-01 .form-radio:checked::before {
         position: absolute;
         left: 8px;
         top: 3px;
         content: '\02143';
         font-size: 14px;
         transform: rotate(40deg)
     }

     .rowline-01 .grid-check2 {
         min-height: 100%;
         border-left: 0 solid #ddd;
         padding: 0
     }

     .content-check-div {
         padding: 0;
         margin: 0
     }

     .action-thumb .linkround-blk {
         display: block;
         float: left
     }

     .action-thumb {
         padding: 20px 15px 0 15px;
         margin: 0
     }

     .heading-new-onboarding01 a.btn.btn-link.btn-float.has-text {
         margin-top: 0
     }

     .tab-customdesign-001.nav-tabs.nav-tabs-solid>li {
         width: 50%;
         padding: 10px 15px 10px 0;
         float: left
     }

     ul.nav.nav-tabs.nav-tabs-solid.tab-customdesign-001 {
         padding-left: 15px
     }

     .tbl-top-head {
         font-size: 12px;
         padding: 15px 0
     }

     .width-30per {
         width: 25% !important
     }

     .width-10per {
         width: 15% !important
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-30per,
     .table>thead>tr>th.width-30per {
         width: 25% !important
     }

     .tbl-top-head .p010 {
         padding: 0 0 0 10px
     }

     .listview-coach-tracker .parent-rowc1 .column01-view1 .parent-imgthumb {
         width: 30px;
         height: 30px
     }

     .listview-coach-tracker .coachestitle-rowc1 h1 {
         padding: 5px 10px;
         font-size: 14px
     }

     .listview-coach-tracker .parent-rowc1 {
         padding: 10px 10px
     }

     .listview-coach-tracker .parent-rowc1 .column01-view2 {
         width: 75%
     }

     .listview-coach-tracker .parent-rowc1 .column01-view1 {
         width: 20%;
         min-width: 40px
     }

     .active-row-header .column01-view1 .parent-imgthumb {
         width: 40px;
         height: 40px
     }

     .active-row-header .column01-view1 {
         min-width: 50px;
         width: 10%
     }

     .active-row-header .column01-view2 h2 {
         font-size: 14px
     }

     .customcalendar-track1 .fc-left {
         display: inline-block;
         float: left
     }

     .customcalendar-track1 .fc-right {
         display: inline-block;
         float: right
     }

     .customcalendar-track1 .fc-toolbar h2 {
         font-size: 13px;
         margin: 10px 0 0 0
     }

     .listview-coach-tracker .max-height-ct01 {
         max-height: 485px
     }

     .view-active-sos-rootdiv .progress-meter .progress-point:before {
         width: 5px !important;
         height: 10px;
         border: 0 solid #ddd
     }

     .sessions-class-div.sessions-class-div-update1 .progress-meter {
         width: 135px
     }

     .view-active-sos-rootdiv .viewactive-summary-s001 .sessions-class-div .list-inline>li:last-child {
         padding-right: 0
     }

     .view-active-sos-rootdiv .tbl-top-head .p010 {
         font-size: 11px
     }

     .view-active-sos-rootdiv .tbl-top-head .width-10per.p010 {
         width: 10% !important;
         min-width: 80px
     }

     .view-active-sos-rootdiv .tbl-top-head .width-25per.p010 {
         width: 22% !important
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td {
         font-size: 11px
     }

     .view-active-sos-rootdiv .tab-div-top .tab-a .span-right {
         font-size: 11px
     }

     .table>thead>tr>th.width-10per,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-10per {
         width: 15% !important;
         float: none
     }

     .view-active-sos-rootdiv .table>thead>tr>th.width-10per,
     .view-active-sos-rootdiv.active-general-01 .table>tbody>tr>td.width-10per.p010 {
         width: 10% !important;
         float: none
     }

     .view-active-sos-rootdiv .sessions-class-div .table>tbody>tr>td a.black-txt {
         max-width: 160px !important;
         font-size: 11px
     }

     .view-active-sos-rootdiv .table>thead>tr>th.width-15per,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-15per {
         width: 15% !important;
         float: none;
         overflow: auto;
         max-width: 110px !important;
         white-space: pre-line;
         overflow: hidden;
         text-overflow: clip
     }

     .view-active-sos-rootdiv .data-table-1 .text-left .list-inline li img {
         width: 13px !important
     }

     .view-active-sos-rootdiv .sessions-class-div .list-inline>li {
         padding-right: 10px;
         width: 25% !important;
         float: left
     }

     .table>thead>tr>th.width-10per,
     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-10per {
         width: 10% !important;
         float: none;
         min-width: 80px !important
     }

     .view-active-sos-rootdiv .sessions-class-div .view-div.add-viewroster-div .list-inline>li {
         width: 50px
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td {
         min-width: 60px !important
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td .sorting_asc:after {
         display: none !important
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td:first-child {
         min-width: 50px !important
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>tbody>tr>td:last-child {
         min-width: 120px !important
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead:first-child>tr:first-child>td {
         width: 50px !important;
         padding-right: 0
     }

     .view-active-sos-rootdiv.active-general-01 .data-table-1.table-div .view-div.add-viewroster-div .table>thead:first-child .sorting_asc:after {
         display: none
     }

     .full-grid-div .h3-title-sheet {
         font-size: 11px
     }

     .table-bodydiv h2.h2-special {
         font-size: 11px
     }

     .timesheet-root .full-grid-div .grid-50 {
         width: 44%
     }

     .timesheet-root .grid-10 {
         width: 12%;
         padding-left: 0
     }

     .table-bodydiv .c-right-details p {
         font-size: 11px
     }

     .table-bodydiv .total-row h2 {
         font-size: 11px
     }

     .discount-div-panel .datatable-footer>div:first-child,
     .discount-div-panel .datatable-header>div:first-child {
         float: left !important
     }

     .ColVis,
     .dataTables_filter,
     .discount-div-panel .DTTT_container,
     .discount-div-panel .dataTables_info,
     .discount-div-panel .dataTables_length,
     .discount-div-panel .dataTables_paginate {
         float: right !important
     }

     .discounttab-panel01 .div-row {
         padding: 10px 15px 10px 15px
     }

     .data-table-1.table-div .discounttab-panel01 .table>thead>tr>th:last-child {
         min-width: 210px
     }

     .listview-coach-tracker .max-height-ct01 {
         max-height: 570px
     }

     .tooltip-br1.cancel-tooltips .tooltiptext {
         width: 380px;
         bottom: -400%
     }

     .tooltip-br1.cancel-tooltips2 .tooltip-content-div p {
         min-height: 165px;
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
         z-index: 999999999999
     }

     .tooltip-1.tooltip-br1.cancel-tooltips2 .tooltiptext::after {
         top: 60%
     }

     .view-summary-session-active-a1 .revenue-reports-tab .thead-mobile-hidden {
         display: none
     }

     .display-hidden-acc {
         display: table-caption
     }

     .view-summary-session-active-a1 .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
         min-width: 200px !important;
         padding: 8px !important
     }

     .view-summary-session-active-a1 .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th.width-10per.p010 {
         min-width: 100px !important
     }

     .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td {
         min-width: 200px !important;
         padding: 8px !important
     }

     .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td.width-10per {
         min-width: 100px !important;
         padding: 8px !important
     }

     .view-summary-session-active-a1 .active-summary .revenue-reports-tab .table>tbody>tr>td.width-8per {
         min-width: 95px !important;
         padding: 8px !important
     }

     .accdetails_shown_div .title-heading-bi {
         font-weight: 600;
         font-size: 11px;
         width: 40%;
         word-break: break-all
     }

     .accdetails_shown_div .viewdetails-bi {
         font-weight: 400;
         font-size: 11px;
         width: 60%;
         display: flex;
         word-break: break-all
     }

     .panel-body.acc_details_body h5 {
         font-size: 14px
     }

     .parent_info_group .dataTables_info,
     .parent_info_group .dataTables_paginate {
         text-align: left
     }

     .parent_info_group .table>thead>tr>th {
         padding: 10px 15px 10px 15px
     }

     .parent_info_group .table>tbody>tr>td {
         padding: 10px 15px 10px 15px
     }

     .parent_info_group ul.list-inline.acc-info-ul1 {
         margin: 0 !important
     }

     .modal-open {
         overflow: hidden;
         overflow-y: scroll
     }

     .coach-active-sum-changes.view-active-sos-rootdiv .tbl-top-head .width-25per.p010 {
         width: 26% !important
     }

     .paperwork-card {
         padding: 20px 0
     }

     .paperwork-card-section .content-check-div h3 {
         font-size: 18px
     }

     .rowline-01.center-align-txt .grid-check2 {
         border-left: 0 solid #ddd
     }

     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
         color: #fff
     }

     .show-lg-desktop {
         display: none !important
     }

     .show-xs-mobile-tab {
         display: block
     }

     .dropdown-width .eye-white {
         content: url(../../assets/images/icons/eye.png) !important
     }

     .dropdown-width .edit-white {
         content: url(../../assets/images/icons/edit.png) !important
     }

     .dropdown-width .icon-logout {
         color: #fff
     }

     .nav.navbar-nav.navbar-right {
         max-height: 100vh;
         min-height: 100vh
     }

     .navbar-inverse.nav-header-div .navbar-collapse {
         padding: 0;
         max-height: 100vh;
         min-height: 100vh;
         border: none !important;
         outline: 0;
         /* background: #00134d */
     }

     .navbar-top.modal-chat .content-wrapper.content-chat {
         padding: 92px 0 0 0
     }

     .chat-container .user-heading-div .left-desc-header {
         padding: 0;
         width: 55%;
         float: left
     }

     .leads_heading_title {
         min-height: 100%
     }

     .leads_heading_title .left_pull_top {
         float: left;
         margin: 0 0 10px 0
     }

     .right_box_container {
         padding: 20px 0 0 0
     }

     .left_box_container .leads_full_box .half_box_div {
         border-bottom: 0 solid #ddd;
         width: 30%;
         float: left;
         border-right: 1px solid #ddd
     }

     .left_box_container .leads_full_box .second_half_box_div {
         margin: 0;
         min-height: 100%;
         float: left;
         width: 70%
     }

     .fixedsummary-bottom {
         overflow: hidden
     }

     .fixedsummary-bottom .column_div_width100 p span.count_bold {
         padding: 0 0 0 5px;
         font-size: 16px;
         font-weight: 500;
         display: inline-block
     }

     .fixedsummary-bottom .column_div_width100 {
         display: inline-block;
         min-width: 120px
     }

     .right_pull_top .input-box {
         width: 300px
     }

     .table>thead>tr>th.width-25per,
     .view-active-coaches-rootdiv.active-general-01.view-active-sos-rootdiv .view-activecoaches-table1.data-table-1.table-div .table>tbody>tr>td.width-25per {
         width: 30% !important;
         float: none
     }

     .view-active-sos-rootdiv .sessions-class-div .list-inline>li {
         width: 20% !important
     }

     .slider_div.without_slider .leads_full_box {
         width: 33.3%
     }

     .panel-leads_two .fixedsummary-bottom {
         padding-left: 15px
     }

     .panel-leads_two .fixedsummary-bottom .column_div_width100:first-child {
         padding-left: 0;
         padding-right: 40px
     }

     .panel_availability .title-img-div span.imgac-thumbspan-01 {
         width: 25px;
         height: 25px;
         margin-right: 8px
     }

     .view-summary-session-active-a1.panel_availability .revenue-reports-tab .sessions-class-div.sessions-class-div-update1 .table>thead>tr>th {
         padding: 10px !important
     }

     .cart-box-div .cart-box .thumb_img img {
         width: 50px;
         height: 50px
     }

     .cart-box-div .cart-box .cart-desc {
         margin: 0 0 0 60px
     }

     .cart-box-div .cart-box .cart-desc .cart-left {
         float: left;
         width: 100%;
         border: none;
         margin: 0 0 10px 0
     }

     .cart-box-div .cart-box .cart-desc .cart-right {
         float: right;
         width: 100%
     }

     .payment-ccd-div {
         margin: 0 auto;
         padding: 30px 0 20px 0;
         width: 80%
     }
 }

 @media only screen and (min-width:320px) and (max-width:568px) {
     .page-title h4 {
         font-size: 16px
     }

     .acc-viewmore-details-modal .modal-header .modal-title {
         font-size: 16px
     }
     .login-form {
        padding: 0px 0 0 0
    }
 }

 @media only screen and (min-width:320px) and (max-width:480px) {
     .navbar-brand>img {
         height: auto;
         width: 100%
     }
 }

 @media only screen and (min-width:1367px) and (max-width:1530px) {
     .tab-div-top .tab-a .span-right {
         padding: 0 0 0 10px;
         margin: 0;
         float: left
     }

     .login-div {
         height: 750px
     }

     .chat-container {
         width: 75%
     }

     .chat-right-div {
         width: 52%;
         height: 82%;
         left: 49%
     }

     .chat-container .chat-footer {
         width: 52%;
         left: 49%
     }

     .chat-container .user-heading-div .left-desc-header p {
         width: 100%
     }

     .drill-setup .tab-content-corner .video-box.img-box {
         height: 100% !important
     }

     .grid-header h3 {
         font-size: 16px
     }

     .drill-setup .grid-header {
         padding: 15px 10px
     }

     .grid-view-4 .image-icon {
         width: 50px
     }

     .drill-setup .grid-view-4 .thumb-img-div {
         height: 210px
     }

     .drill-setup .tabbable .nav-tabs.nav-tabs-solid>li>a {
         padding: 10px 13px
     }

     .video-time .play-img {
         width: 40px
     }

     .tab-content-1 .myvideo-card .play-img {
         width: 55px
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td.width-6per,
     .table>thead>tr>th.width-6per {
         min-width: 90px !important
     }

     .customcalendar-track1 .fc-event,
     a.fc-more {
         font-size: 10px;
         padding: 2px 5px
     }
 }

 @media only screen and (min-width:1651px) and (max-width:1735px) {
     .chat-container {
         height: 80%;
         background-color: transparent;
         padding: 0;
         margin: 10px 0 0 0
     }

     .chat-left-div {
         width: 23%;
         height: 80%;
         background-color: #fff;
         border: 1px solid #ddd
     }

     .chat-right-div {
         height: 80%;
         background-color: #fff;
         border: 1px solid #ddd
     }

     .listview-coach-tracker .max-height-ct01 {
         padding: 0;
         margin: 0;
         border: 1px solid #ddd;
         border-top: none;
         overflow: auto
     }
 }

 @media only screen and (min-width:1531px) and (max-width:1650px) {
     .tab-div-top .tab-a .span-right {
         padding: 0 0 0 10px;
         margin: 0;
         float: left
     }

     .login-div {
         height: 750px
     }

     .chat-container {
         width: 77%
     }

     .chat-right-div {
         width: 52%;
         height: 82%;
         left: 47%
     }

     .chat-container .chat-footer {
         width: 52%;
         left: 47%
     }

     .chat-container .user-heading-div .left-desc-header p {
         width: 100%
     }

     .user-profile-div .content-footer h3 {
         white-space: nowrap;
         width: 120px;
         overflow: hidden;
         text-overflow: ellipsis
     }

     .chat-container {
         height: 85%;
         background-color: transparent;
         padding: 0;
         margin: 10px 0 0 0
     }

     .chat-container {
         background-color: transparent;
         padding: 0;
         margin: -40px 0 0 0
     }

     .chat-left-div {
         width: 23%;
         height: 85%;
         background-color: #fff;
         border: 1px solid #ddd
     }

     .chat-right-div {
         height: 85%;
         background-color: #fff;
         border: 1px solid #ddd
     }
 }

 @media only screen and (min-width:1367px) and (max-width:1530px) {
     .tab-div-top .tab-a .span-right {
         padding: 0 0 0 10px;
         margin: 0;
         float: left
     }

     .login-div {
         height: 750px
     }

     .chat-container {
         width: 76%
     }

     .chat-right-div {
         width: 53%;
         height: 82%;
         left: 47.5%
     }

     .chat-container .chat-footer {
         width: 54%;
         left: 47.5%
     }

     .chat-container .user-heading-div .left-desc-header p {
         width: 100%
     }

     .sidebar-xs .chat-right-div {
         width: 64%;
         height: 82%;
         left: 36%
     }

     .user-profile-div .content-footer h3 {
         white-space: nowrap;
         width: 110px;
         overflow: hidden;
         text-overflow: ellipsis
     }

     .max-height-scroll1 {
         max-height: 372px;
         overflow-y: auto
     }

     .parent-rowc1 .column01-view2 h2 {
         font-size: 14px
     }

     .customcalendar-profile1 .fc-view>table {
         min-width: 635px
     }

     .fc-view>table {
         min-width: 690px
     }
 }

 @media only screen and (min-width:1024px) and (max-width:1366px) {
     .tab-div-top .tab-a .span-right {
         padding: 0;
         margin: 0;
         float: left
     }

     .tab-div-top .tab-a {
         padding: 14px 10px
     }

     .login-div {
         height: 100vh
     }

     .sidebar {
         width: 280px
     }

     .sidebar-section {
         width: 280px
     }

     .chat-container {
         width: 72%
     }

     .chat-left-div {
         width: 24%;
         margin: 0
     }

     .chat-right-div {
         width: 48%;
         height: 90%;
         left: 52%
     }

     .chat-container .chat-footer {
         width: 48%;
         left: 52%
     }

     .chat-container .chat-message-div .img-user {
         width: 15%
     }

     .chat-container .chat-message-div .message_div {
         width: 85%
     }

     .chat-container .user-list-div .img-user .img-circle {
         width: 40px;
         height: 40px
     }

     .chat-container .user-list-div .desc_div span {
         font-size: 9px
     }

     .chat-container .search-div .img-search {
         width: 25px;
         margin: 7px auto
     }

     .chat-container .chat-footer .input-left {
         width: 80%
     }

     .chat-container .chat-footer .btn-right {
         width: 20%
     }

     .sidebar-xs .chat-right-div {
         width: 64%;
         height: 82%;
         left: 36%
     }

     .user-profile-div .content-footer h3 {
         white-space: nowrap;
         width: 100px;
         overflow: hidden;
         text-overflow: ellipsis
     }

     .tab-content-1 .myvideo-card .play-img {
         width: 55px
     }

     .parent-rowc1 .column01-view2 h2 {
         padding: 10px 0 10px 0;
         margin: 0;
         font-weight: 500;
         font-size: 13px
     }

     h2.view-h2-title {
         font-size: 16px
     }

     .heading-new-onboarding01 a.btn.btn-link.btn-float.has-text {
         margin-top: -13px
     }

     .tab-div-top .tab-a .span-right {
         padding: 0;
         margin: 0;
         float: left;
         font-size: 11px
     }

     .account_tab .col-custom-tab {
         width: 60% !important
     }

     .tab-div-top .tab-a {
         padding: 15px 0 0 8px
     }

     .user-profile-div .img-thumb-center .img-rounded {
         padding: 0;
         margin: 10px auto;
         text-align: center;
         width: 70px;
         max-width: 70px;
         height: 70px;
         border-radius: 100%
     }

     .user-profile-div {
         padding: 10px 0;
         margin: 0;
         position: relative
     }

     .user-profile-div .content-footer h3 {
         white-space: nowrap;
         width: 90px;
         font-size: 12px
     }

     .user-profile-div .content-footer p {
         font-size: 11px
     }

     .form-custom-daterage span.show-record-span {
         font-size: 10px;
         padding: 0 0 0 3px
     }

     .modal.custom-modal .modal-dialog {
         min-height: auto
     }

     .navbar-inverse.nav-header-div .navbar-collapse {
         padding: 0;
         max-height: 100%;
         min-height: 100%;
         border: none !important;
         outline: 0;
         /* background: #00134d */
     }

     .nav.navbar-nav.navbar-right {
         max-height: 100%;
         min-height: 100%
     }

     .fixedsummary-bottom {
         padding-left: 280px
     }

     .display-hidden-acc {
         display: table-caption;
         min-width: 90px
     }

     .modal.custom-modal .modal-content {
         border-radius: 9px !important;
         width: 500px
     }

     .mymoney-admin1 .box-m3 .box-top1 {
         min-height: 110px;
         padding: 10px 10px
     }

     .mymoney-admin1 .box-m3 .right-details-div h5 {
         font-size: 12px
     }

     .box-m3 .icon-thumb1 .icon-img1 {
         width: 35px
     }

     .sign-page.modal.custom-modal .modal-content {
         width: 100% !important
     }
 }

 @media only screen and (min-width:1025px) and (max-width:1290px) {
     .chat-container {
         width: 77% !important
     }

     .chat-container .chat-footer {
         width: 54% !important;
         left: 47% !important
     }

     .chat-right-div {
         width: 53% !important;
         height: 82% !important;
         height: calc(100% - 110px) !important;
         left: 47% !important
     }

     .sidebar-xs .chat-container {
         width: 90% !important
     }

     .sidebar-xs .chat-right-div {
         width: 64% !important;
         height: 82% !important;
         left: 36% !important
     }

     .sidebar-xs .chat-container .chat-footer {
         width: 64% !important;
         left: 36% !important
     }

     .sidebar-xs .chat-container .chat-footer .btn-right {
         width: 19.5%
     }

     .account_tab .col-custom-tab {
         width: 60% !important
     }

     .table-scroll-div .table>tbody>tr>td {
         padding: 10px 10px 7px 10px !important
     }

     .user-profile-div .content-footer h3 {
         white-space: nowrap;
         width: 100px;
         overflow: hidden;
         text-overflow: ellipsis
     }

     .tab-content-corner .video-box.img-box {
         height: 280px
     }

     .drill-setup .grid-view-4 .thumb-img-div {
         height: 230px
     }

     .grid-header h3 {
         font-size: 14px
     }

     .grid-view-4 .image-icon {
         width: 65px
     }

     .tabbable .nav-tabs.nav-tabs-solid>li>a {
         padding: 10px 15px
     }

     .grid-header {
         padding: 10px 10px 12px 10px;
         background-color: #262626;
         position: relative
     }

     .video-time .play-img {
         width: 40px
     }

     .myvideo-card .grid-footer h3 {
         font-size: 14px
     }

     .myvideo-card .grid-footer p {
         font-size: 10px
     }

     .tab-content-1 .myvideo-card .play-img {
         width: 55px
     }

     .col-top-header .div-50 {
         padding: 0 5px 0 0
     }

     .col-top-header .div-50:last-child {
         padding: 0
     }

     .col-top-header .tab-a {
         padding: 14px 2px 14px 7px !important
     }

     .mymoney-admin1 .box-m3 .right-details-div h5 {
         white-space: normal;
         font-size: 12px
     }

     .mymoney-admin1 .box-m3 .right-details-div {
         width: 75%
     }

     .mymoney-admin1 .box-m3 .icon-thumb1 {
         width: 25%
     }

     .mymoney-admin1 .box-m3 .box-top1 {
         min-height: 115px
     }

     .countdown-p,
     p.start-end-date {
         font-size: 10px
     }

     .label-btn.count-low,
     .label-btn.count-normal,
     label.label-btn.count-high {
         width: 70px
     }

     .data-table-1 .text-left .list-inline li img {
         width: 14px !important;
         padding: 10px 0 0 0
     }

     .sessions-class-div .list-inline>li {
         padding-left: 0;
         padding-right: 12px;
         font-size: 13px
     }

     .summary-general-01 td.text-left.text-left01 {
         min-width: 235px
     }

     .tbl-top-head {
         font-size: 12px;
         padding: 15px 0
     }

     .tbl-top-head .p010 {
         padding: 0 0 0 10px
     }

     .listview-coach-tracker .parent-rowc1 .column01-view1 .parent-imgthumb {
         width: 25px;
         height: 25px
     }

     .listview-coach-tracker .parent-rowc1 .column01-view1 {
         min-width: 35px
     }

     .viewactive-summary-s001 .data-table-1 .text-left .list-inline li img {
         width: 13px !important;
         padding: 10px 0 0 0
     }

     .viewactive-summary-s001 .sessions-class-div .list-inline>li {
         padding-left: 0;
         padding-right: 10px;
         font-size: 13px
     }

     .sessions-class-div.sessions-class-div-update1 .table>tbody>tr>td a.black-txt {
         font-size: 10px;
         font-weight: 600;
         margin: 4px 0 3px 0
     }

     .sessions-class-div .table>tbody>tr>td a.black-txt {
         max-width: 190px !important
     }

     .sessions-class-div.sessions-class-div-update1 .progress-meter {
         width: 153px
     }

     .progress-meter .progress-point:before {
         width: 5px !important;
         height: 10px;
         border: 3px solid #ddd
     }

     .viewactive-summary-s001 .sessions-class-div .list-inline>li:last-child {
         padding-right: 0
     }

     .tbl-top-head .p010 {
         font-size: 11px
     }

     .active-general-01 .data-table-1.table-div .table>tbody>tr>td {
         font-size: 10px
     }

     .tab-div-top .tab-a .span-right {
         font-size: 10px
     }

     .data-table-1.table-div .table>tbody>tr>td {
         padding: 5px 10px 4px 10px !important;
         font-size: 11px
     }

     .panel-invoiced-new1 .tab-invoices-update01 .table>thead>tr>th {
         min-width: 100px;
         padding-right: 30px !important;
         font-size: 12px
     }

     .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .responsive01 .table>thead>tr>th.w-fixed-50 {
         width: 50px;
         min-width: 70px !important
     }

     .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .responsive01 .table>thead>tr>th.w-fixed-60 {
         width: 50px !important;
         min-width: 60px !important
     }

     .view-summary-session-active-a1 .sessions-class-div.sessions-class-div-update1 .responsive01 .table>thead>tr>th.w-fixed-70 {
         width: 50px !important;
         min-width: 100px !important
     }

     .chat-container {
         height: 82%;
         background-color: transparent;
         padding: 0;
         margin: 10px 0 0 0
     }

     .chat-container {
         margin: -40px 0 0 0
     }

     .chat-left-div {
         width: 23%;
         height: 82%;
         height: calc(100% - 110px);
         background-color: #fff;
         border: 1px solid #ddd
     }

     .chat-right-div {
         height: 82%;
         background-color: #fff;
         border: 1px solid #ddd
     }

     .chat-container .user-heading-div .btn-view-profile {
         padding: 10px 15px;
         font-size: 12px
     }

     .listview-coach-tracker .parent-rowc1 .column01-view2 h2 {
         font-size: 10px;
         padding-top: 0
     }

     .listview-coach-tracker .coachestitle-rowc1 h1 {
         font-size: 14px;
         padding: 0 10px
     }

     .customcalendar-track1 .fc-view,
     .fc-view>table {
         border-right: 1px solid #ddd
     }

     .customcalendar-track1.fc table {
         width: 86%;
         min-width: 100%
     }

     .customcalendar-track1 .fc-event,
     a.fc-more {
         font-size: 9px;
         padding: 2px 5px
     }

     .max-height-scroll1 {
         max-height: 433px;
         overflow-y: auto
     }

     .parent-rowc1 .column01-view2 h2 {
         font-size: 11px !important
     }

     .parent-rowc1 .column01-view1 .parent-imgthumb {
         width: 35px !important;
         height: 35px !important
     }

     .parent-rowc1 .column01-view1 {
         min-width: 45px !important
     }

     .mymoney-admin1 .right-vdetails-div h5 {
         font-size: 14px
     }

     .box-m3 .right-details-div h3 {
         font-size: 16px !important
     }

     .coach-detailslist-01 .row-cdetails1 p {
         font-size: 12px
     }

     .fc-toolbar .fc-right {
         width: 40%
     }

     .tab-div-top .tab-customdesign-001 .tab-a {
         padding: 15px 10px 0 5px
     }

     .chat-container .chat-footer {
         bottom: 12px
     }

     .slider_div.without_slider .leads_full_box {
         width: 33.3%;
         float: left;
         padding: 0 10px 0 0;
         border: none
     }

     .panel_availability .revenue-reports-tab .tbl-top-head {
         padding: 10px 0
     }

     .panel_availability .revenue-reports-tab .tbl-top-head .p010 {
         padding: 5px 10px 6px 10px !important
     }

     .panel_availability .active-summary .revenue-reports-tab .table>tbody>tr>td {
         padding: 5px 10px 6px 10px !important
     }

     .panel_availability .revenue-reports-tab .thead-desktop-hidden {
         display: table-header-group
     }

     .panel_availability .show-acc-records .display-tringle-img {
         width: 17px
     }

     .panel_availability .show-acc-records .display-tringle-img .img-15px {
         width: 12px
     }

     .panel_availability .show-acc-records .display-regnumber {
         font-size: 10px
     }

     .panel_availability .title-img-div span.imgac-thumbspan-01 {
         width: 25px;
         min-height: 25px !important;
         height: 25px !important;
         margin-right: 5px !important
     }

     .cart-box-div .cart-box .thumb_img img {
         width: 60px;
         height: 60px
     }

     .cart-box-div .cart-box .cart-desc {
         margin: 0 0 0 70px
     }

     .cart-box-div .cart-box .cart-desc .right-bdr {
         margin: 0 !important
     }
 }

 @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
     .modal.custom-modal.sign-page .modal-header h4 a {
         left: 10px;
         margin-right: 10px
     }
 }

 @media only screen and (max-width:1024px) and (max-height:768px) {
     .custom-float-right.col-md-6 {
         float: none !important;
         margin-bottom: 20px;
         width: 100%
     }

     .account-info-middle .col-md-6.col-sm-12 {
         width: 100% !important
     }
 }

 @media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
     .right-sidebar-edit .tab-div .nav-justified li>a {
         font-size: 16px;
         line-height: 30px;
         float: left;
         color: #afaeae;
         width: 100%;
         text-align: center
     }
 }

 .div-20 {
     width: 19%;
     float: left;
     margin-right: 8px;
 }

 .cus.btn-div.div-align-account.div-align-account2.clearfix {
     margin-right: 60px;
 }

 .cus.btn-div.div-align-account.div-align-account2 button {
     margin-top: -5px;
 }

 .cus.btn-div.div-align-account.div-align-account2 img {
     margin-top: 5px;
     ;
 }

 img.question-icon {
     width: 14px;
     padding: 0 0px;
 }

 @media only screen and (min-width: 1531px) and (max-width: 1650px) {
     .tab-div-top .tab-a .span-right {
         padding: 0 0 0 10px;
         margin: 0;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         max-width: calc(100% - 28px);
         text-align: left;
     }
 }

 .box-top1 h4.membership-type-title {
     font-size: 14px !important;
 }

 .content-wrapper.content-area-div .page-title h4 span.text-semibold {
     font-family: "Conv_American Captain" !important;
     font-weight: 600 !important;
     font-size: 30px !important;
 }
 @media only screen and (min-width: 769px) and (max-width: 1920px) {
    html body .page-title {
        height: 92px !important;
    }
}
@media only screen and (min-width: 1291px) and (max-width: 1440px){
.panel-invoiced-new1 .tab-invoices-update01 .table>thead>tr>th {
    min-width: 144px;
    padding-right: 30px !important;
    font-size: 12px
}
}


.nav-header-div {
    z-index: 9999999 !important;
}
@media(max-width:991px){
	.login-bg-img .logo-div-left {
		border-right: 0px solid #fff !important;
	}
    .login-form {
        padding: 30px 0 0 0
    }
    .login-form h1 {
        padding: 0px 0 0
    }
    .logo-div-left {
          height: 150px;
    }
}

#refund-modal table#refund-child-data th {
    color: #fff !important;
}
.transparent-modal .modal-content{
    background:transparent !important;
    }
    .modal.transparent-modal .modal-header{
    background: none !important;
    border-bottom: 0px !important;
    }
    .transparent-modal .modal-header .close {
    top: 180% !important;
    background: #000 !important;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0px !important;
    }
    .transparent-modal button.close.close-but-edit.for-drop-video{
        font-size: 28px !important;
    }

    















    @media(min-width:550px){
        td.sk-right {
            text-align: right;
            margin-right: 50px;
        }
    
        .data-table-1.table-div .table>tfoot>tr>td.sk-right {padding-right: 130px !important;}
    }
    .custom-modal-right#payout-details .modal-dialog .modal-content .modal-body,
    html body div#payout-details .custom-modal-right .modal-dialog .modal-content .modal-body,
    html body div#payout-details .modal-content { overflow: visible !important; }
    .dropdown-menu.open {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .row-grid{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 10px;
        max-width: 100%;
        margin: 0 auto;
    }
.row-grid .col-md-12{
    padding: 0 5px !important;
}
.form-div .form-group {
    min-height: 68px !important;
}.title-heading h3.mt-2 {
    margin-top: 10px;
}img.img-responsive.img-i3.img-i03.sk-big {
    width: 25px !important;
}
#payout-details button.close.btn-animated,
#revenue-details .custom-modal-right .modal-header .close {
    left: unset !important; 
}

div#payout-details .modal-header {
    background-image: url(/assets/img/popup.png) !important;
    background-size: 220px 55px !important;
    width: 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 35px 35px 0 0;
}
#payout-details button.btn.dropdown-toggle.btn-default {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
}
#payout-details .dropdown-menu.open ul li span,
#payout-details button.btn.dropdown-toggle.btn-default span{
    color:#000 !important;
}
#payout-details .dropdown-menu.open ul{
    background: transparent !important;
}


html body #payout-details .dropdown-menu.open ul li.active a span {
    color: #fff !important;
}
html body #payout-details .dropdown-menu li a:hover span {
    color: #fff !important;
}
/*------profile edit popup-----*/
#uploadPhotoModal .modal-footer.docs-buttons{
    padding: 0px;
    display: flex;
}
#uploadPhotoModal .modal-footer.docs-buttons .btn {
    width: 50%;
    background: transparent;
    color: #fff;
    border: none;
    padding: 15px;
}
#uploadPhotoModal .modal-header {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    height: 66px !important;
    background: url(/assets/img/popup.png) !important;
    background-repeat: no-repeat !important;
    width: 100%;
    margin: 0 auto;
    display: block !important;
    background-size: 200px 50px !important;
    background-position: center center !important;
    margin-bottom: 0px;
    border: none !important;
}
#uploadPhotoModal .modal-body {
    border-top: 1px solid #2e6da4 !important;
}
#uploadPhotoModal  #myModalLabel{
    display: none;
}
#sterling-error-modal .modal-content, #upload-fitness-insurance .modal-content , #confirm-design-courswork .modal-content , html body #confirm-design .modal-content, html body #uploadPhotoModal .modal-content{
    background: var(--purple-gradient) !important;
    border: transparent;
}

body.login-bg-img {
    background-color: #7600a8 !important;
	background: linear-gradient(86deg, rgba(0, 17, 121, 0) 43.12%, #6b009b 99.6%), linear-gradient(88deg, #2d024a 5.56%, #7302a2 46.02%, #9c00da 60.69%, #be00ff 97.1%) !important;
}
html body .message-main-modal-1 .message-area-div-1 h2 {
    border-top: 1px solid var(--purple-border);
}
#sterling-error-modal .modal-header{
    padding-top:10px !important;
}
#demo-availability .modal-body {
    border-top: 1px solid var(--purple-border) !important;
}
input#image-input-f {
    border-color: var(--purple-border);
}
.submit_fitness_insurance{
    background-color: #fdb414;
    border-color: #fdb414;
}
html body #confirm-design-courswork .modal-body {
    border-top: 1px solid var(--purple-border) !important;
}
html body #confirm-design-courswork .modal-header {
    background-size: 220px 50px !important;
    margin-bottom: 0px !important;
}