// Variables
@import "goldvariable";
@import "components";
@import "utility";
.pcoded-header {
    box-shadow: -9px -14px 8px 12px rgb(0, 0, 0) !important;
    -webkit-box-shadow: -9px -14px 8px 12px rgb(0, 0, 0) !important;
    -moz-box-shadow: -9px -14px 8px 12px rgb(0, 0, 0) !important;
}
.header-navbar{
  height: 64px !important;
  min-height: 64px;
  & .navbar-wrapper{
    background-color: lighten($black, 95%) !important;
    height: 64px;
    & .container-fluid{
      padding-right: 0;
    }
  }

}
.main-menu{
  & .main-menu-header{
    & .user-details{
      & .hme-id{
        background-color: lighten($hiremee, 0%);
        padding: 2px 12px;
        border-radius: 12px;
        display: inline-block;
        color: lighten($black, 100%);
      }
      & .hme-gold-id{
        background: lighten($black, 5%);
        padding: 2px 12px;
        border-radius: 16px;
        display: inline-block;
        & span.text{
          background-image: linear-gradient(to right top, $gole-primary-clr, $gold-secondary-clr);
          -webkit-background-clip: text;
          background-clip: text;
          -moz-background-clip: text;
          -o-background-clip: text;
          text-rendering: optimizeLegibility;
          letter-spacing: 2px;
          color: transparent;
          font-weight: 800;
        }
      }
    }
  }
}
.pcoded-content{

  & .pcoded-inner-content{

    & .main-body{

      & .page-wrapper{
        & .page-header-title{

          & h4{
            font-size: 16px;
          }
        }
        & .page-header-breadcrumb{

          & .breadcrumb-title{

            & a{
              font-size: 12px;
            }
          }

        }
        & .page-header{
          position: fixed;
          top: 64px;
          right: 0;
          z-index: 200;
          width: 100%;
          margin-left: -246px;
          padding: 12px 8px 8px 246px;
          background: lighten($black, 100%);
        }

        & .page-body{
          margin-top: 30px;
          margin-left: -8px;
        }
      }
    }
  }
}
.table-card .row-table{
  height: auto;
}
.btn-icon-custom{
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  display: inline-block;

  & i{
    margin-right: 0;
  }
}
.card h5{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  border-width: 3px !important;
  margin-bottom: 8px;
}
.back-to-top{
	& span{
		margin-left: -6px;
		font-size: 10px;
		display: inline-block;
		text-shadow: 0 0 2px lighten($black, 55%);
	}
	&:hover{
		& span{
			color: lighten($black, 90%);
			text-shadow: 0 0 2px lighten($black, 35%);
		}
	}
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .badge {
    left: 35px !important;
    padding: 6px 0px !important;
    top: 10px !important;
    text-align: center;
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .badge, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge {
    background: red;
    border-radius: 100px;
    left: 27px;
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.hme-gold{
  position: relative;
  & .gold-logo-badge{
    position: absolute;
    bottom: -10px;
    right: 0;
    right: 0;
    width: 72px;
    height: 40px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTYuMDczIiBoZWlnaHQ9IjE1Ljk5OSIgdmlld0JveD0iMCAwIDU2LjA3MyAxNS45OTkiPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAuNzk4IiB5MT0iLTExLjM3NCIgeDI9IjAuMDg5IiB5Mj0iLTExLjIzNiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZhODE2Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDc1IiBzdG9wLWNvbG9yPSIjZmZkMjMxIi8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAuOTQ5IiBzdG9wLWNvbG9yPSIjZmZhODE2Ii8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0yIiB4MT0iMC41IiB5MT0iMC44NjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1NzU3NTciLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMC4xNjciIHN0b3AtY29sb3I9IiM2MTYxNjEiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMC40NjEiIHN0b3AtY29sb3I9IiM3ZjdmN2YiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMC44NDQiIHN0b3AtY29sb3I9IiNhZWFlYWUiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMyIgeDE9Ii03OC4wNDgiIHkxPSItMTEuNiIgeDI9Ii03OC43NjYiIHkyPSItMTEuNDYiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQiLz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC00IiB4MT0iMC41IiB5MT0iMC44NjYiIHgyPSIwLjUiIHkyPSIxLjAwMSIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudC0yIi8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNSIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNiIgeTE9IjAuNSIgeDI9IjEiIHkyPSIwLjUiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2EwNjEwMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjA5OCIgc3RvcC1jb2xvcj0iI2FlNzAwOSIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjM1OSIgc3RvcC1jb2xvcj0iI2QxOTQyMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjYwMyIgc3RvcC1jb2xvcj0iI2VhYWUzMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjgyMiIgc3RvcC1jb2xvcj0iI2Y5YmUzYSIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjk5NCIgc3RvcC1jb2xvcj0iI2ZmYzQzZSIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Ikdyb3VwXzE3NyIgZGF0YS1uYW1lPSJHcm91cCAxNzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NDQuNDQ5IC01MDAuNjM5KSI+DQogICAgPGcgaWQ9Ikdyb3VwXzE3MyIgZGF0YS1uYW1lPSJHcm91cCAxNzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0NC40NDkgNTAwLjYzOSkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTI4IiBkYXRhLW5hbWU9IlBhdGggMTI4IiBkPSJNNjQ0LjQ0OSw1MDkuMTYxYy4wMTMsMCwxLjQsMS4xNDcsMy40LDIuODEyLDEuOTg4LDEuNiw0LjU4MSwzLjcxMiw2LjgwOSw0LjA3Ny44NjItNi41NCwxLjgyNC05LjI4NywxLjkxNS0xMS44MTMtLjAxMS0uMDE1LTQuNTc5LS45LTYuODc3LTEuMzc0YTcuNyw3LjcsMCwwLDEtLjM4OCwzLjkxQTI1LjQsMjUuNCwwLDAsMSw2NDQuNDQ5LDUwOS4xNjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjQ0LjQ0OSAtNTAyLjAwOSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTI5IiBkYXRhLW5hbWU9IlBhdGggMTI5IiBkPSJNNjY3LjUzNyw1MDUuOThhNjUuMTY0LDY1LjE2NCwwLDAsMS01LjkyOCw1LjUwOGMtLjg3OC4zMTQtMS43NzguNi0yLjY4NC44MjZhNDIuNTUyLDQyLjU1MiwwLDAsMSw0LjY1MSw1LjY1NEM2NjUuMzE2LDUxMS41NjQsNjY2LjkzNyw1MDguNTg2LDY2Ny41MzcsNTA1Ljk4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1My4zNjQgLTUwMy45MjgpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC0yKSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTMwIiBkYXRhLW5hbWU9IlBhdGggMTMwIiBkPSJNNzcxLjIzNSw1MDkuMjI3Yy0uMDEzLDAtMS40MDcsMS4xMzctMy40LDIuOC0xLjk4NywxLjU5My00LjU3NSwzLjcwNi02Ljc5Myw0LjA4OC0uODEzLTYuNDU4LTEuNzEyLTkuMTUyLTEuNzcxLTExLjYxNS4wMS0uMDE1LDQuNjA2LS44NjQsNi45MjMtMS4zMjRhNy40MTcsNy40MTcsMCwwLDAsLjI5MSwzLjc3NUEyNC4wMjIsMjQuMDIyLDAsMCwwLDc3MS4yMzUsNTA5LjIyN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTUuMTYyIC01MDIuMjAxKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtMykiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzEzMSIgZGF0YS1uYW1lPSJQYXRoIDEzMSIgZD0iTTc1My45MjUsNTA2LjE1NWE2NC44MzYsNjQuODM2LDAsMCwwLDUuODM5LDUuMzg1Yy44NjkuMywxLjc1OS41NzYsMi42NTUuNzkxYTQxLjUyNiw0MS41MjYsMCwwLDAtNC42NzQsNS42MTRDNzU2LjA1OCw1MTEuNjI5LDc1NC41LDUwOC43LDc1My45MjUsNTA2LjE1NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTEuODcgLTUwNC4wMzYpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC00KSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTMyIiBkYXRhLW5hbWU9IlBhdGggMTMyIiBkPSJNNzAzLjkyNiw1MDguOTM2YTI4LjM0MywyOC4zNDMsMCwwLDEtNC4xNjYsMi43LDM3LjY4NSwzNy42ODUsMCwwLDEtMTguMzI4LDUsMzcuMjU3LDM3LjI1NywwLDAsMS0xOC4zMzktNC45MDgsMjcuMzM4LDI3LjMzOCwwLDAsMS00LjE2Mi0yLjcwOWMyLTMuNjM0LDMuOTU3LTUuNjgsMy45NTctOC4zODIuMDM1LDAsNi4yLDEuNDMsMTguNTg5LDEuNSwxMi4zOTIuMDE2LDE4LjYwNi0xLjM1NiwxOC42MzYtMS4zNTVDNzAwLjExMyw1MDMuNCw3MDIsNTA1LjM4Niw3MDMuOTI2LDUwOC45MzZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUzLjM2OCAtNTAwLjYzOSkiIGZpbGw9IiMzMDMwMzAiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzEzMyIgZGF0YS1uYW1lPSJQYXRoIDEzMyIgZD0iTTY4Ny44MTQsNTAyLjE0Yy0xMi4zODktLjA3MS0xOC41NTQtMS41LTE4LjU4OC0xLjUsMCwuMDczLDAsLjE0NiwwLC4yMTguMDI2LDAsNi4xNjEsMS40MjYsMTguNTkyLDEuNTA2LDEyLjQzMiwwLDE4LjYxOC0xLjM3NiwxOC42NDEtMS4zNjcsMC0uMDcsMC0uMTQsMC0uMjExQzcwNi40Miw1MDAuNzg0LDcwMC4yMDUsNTAyLjE1Niw2ODcuODE0LDUwMi4xNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTkuNzA1IC01MDAuNjM5KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtNSkiLz4NCiAgICA8L2c+DQogICAgPGcgaWQ9Ikdyb3VwXzE3NiIgZGF0YS1uYW1lPSJHcm91cCAxNzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1OC4zMzYgNTAzLjQ2NykiPg0KICAgICAgPGltYWdlIGlkPSJSZWN0YW5nbGVfNzkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDc5IiB3aWR0aD0iMjkuMTk1IiBoZWlnaHQ9IjExLjUyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgb3BhY2l0eT0iMC43NSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFd0FBQUFlQ0FZQUFBQ0cwZmpYQUFBQUFYTlNSMElBcnM0YzZRQUFBQVJuUVUxQkFBQ3hqd3Y4WVFVQUFBaTFTVVJCVkdoRDdkbHBreTFGRWNieHk0NkF5STZDSXJJWlFNZ2J2ditud0pBUWxVVkZSVm1VVGZaTC9zN3QvMURUYzJZSmVFdEdaTlRwNnNwOE1wL01xdTZldWVuNjlldlhmcFNyeTVVSXUybWtuOXU0bDRPVDhYV3VzMHQ4bkd1LzJKMlNpN0RJSlhpclhCcjdLaGNTdG9IU216ZnR1aUFZcDk5c2VuQW9nQ1hvYkZjZnlXcmY3NE9Qa2RabVIwNnRKU2FUSmVic2ptR1NjRloveGd2Sk8wcllBZ3JzMXRIYk5yMWwwOEFaZjczcEY2TmZiWG9BSHJIT2VqN3k0N29rQ2pLN0w3ZlIzQjZmSFlIVk9yKy9LY0V0YmpaaDNyNk5LeWF4UHV6VjN4bWZlemxEMkE0VTRKMmpkMjE2eDZqZzNTY0FnWDArK3Nub3A2T2ZqUUxtT0I4L1daU1BFb2dzWkxQOS82WjhFc25DdjN1VUgySXRMT3NPUlpvYytCRTdueEVsM251Mk1lTGtSaU1MdHRqRHpTZDg5L0YyaXFCVGhDMWtGU2pBZTBmdkg3MXZWT0FsVEZRRDRNZWpINHkrUC9yaEtHQ09CZnJUMFo4dEtvRklGMVJrL1hkUjErN0Jndi9nS0R2aTNudWoxc0dGZnlCc2hFODI0aGJ2STZOaUwyNzNpZGpxTFA3RS9MOVJQajhhamJpdkswWnlRdGlPTEowZzBJZEhnZjVpOU5GdERwSFdFQlhpSE5BL1I5OGVmV2NVS0NCSjh2SHpVZllQalNLdzRLM1JrUUwrOXlnZi94aEZQdC9aLzJvVUFRVFdXNlBXS3BDRTYwaUZZUFBBNk9PalQ0OCt0bDNMcVVMRHJkaGlmWGNVL3IrMkViNHVkaDlwSjEyMUoyd2xTNEpQakFxV0NseWw5bHRTSlNTQnJEZEgvellxRVNKSnRyOGVSVHJDSkJUaHdDV3JVd1RLOXZWUnBDbUVXTmc5TzZyTGlPVCtPQXBMZ2hKZUNWTVFCZnJONk8rMnNkZ3JVcW9vQ0JldlFpc0VsWXN1UnByOHZqc25GOEk2YjVDbHF3QTlOL3JrcUtETld4TVk2VHpnV1BCdmpFb0VtT0Q0VVdXKzZsQmtzVmw5Q0VyUWZ4OTliWlFmVzBRbjZwRG5SL2xpSjdGWFJ2ODBLakhyMkJQeDIvYTY2N2VqTDQ4aUc3WkNzZGMxaUlKTGRKcjQvelA2MTFGKy96d3FGakVwM0pjUmR1aVVyYnVvQ3FtcWZZK2tYNDRDcjBLUm82T296bEJkdHV0QksyZ2R3UWY3dW9zUEltaVZOWXFCRFF6a1dDOUIzZG1oelk1MmpVakVzeTF4NHJjNTk2d3BIcmF1M1VjdUVod0ZpbWErTFd4SHRSdmc0eUtjZzV6OEdQRzdNMERDS2lwd3pweGJpTEVkdE94ZlJsVkJOM1dXMUw2Q3NsNDNJUUZSL0NIVWZkMm5NMnA5NXdYZmJEcW9zNGtjY2FVbFFGZXlra2lqMXRvVjVtRFl2bmFDVHJMOWRhdWlXMnNyaTlkMk5zS1BNRDExd0xLUXVLQ2NDMUJGR0hBaWtUcEwyenBmdEt0a2tRVVVrVHBPNVZRTk9hc1AxMXJmOW1HN0VpNEIzUWFmamU3V25RaEhHRnR4UlZCNm1heHJZT3NveFJHM2M5TFdNOEtYVzZUQlhnbFRwSGo2N3NjSUFOY1lGU1Npa05lNTFkTk0waXFsTWtiWFZOTE9ocnJVVnFEODhLdkM3QkdzdWxWWndPYlp3bUlyOEpXc3E1SjBUQlI3ZlNJcU90SVVpMm9BOGEreHcwZFcrWi9nN3dtajVpeXE5YzBoakVOS0pNS3hqakQyVzFWc1lWWHkyNXkxZkNCTUJ3ck90dFNWdlU5Rk5qeEJ0dzNYR0w2dklLejRJODBSZ2pqYTAxQjhjTVFMMzNnRzM4VXFidXcxUVNJbnRvcDk3b0I4YXRSVGtENnpxVGtQQzZUcE1JbnpJM0JCTzhkMDY2cm1KVVhFSkZCNEJidkcwYlY3NStuZWh2Q3YweENET01WVHFNTlRjTlQ5L0o2TGIySVZTZTJWTUphNE5rVVlNcERtcVlZYzcxbzlVYzI3WDNleERSU2U2MVVMNmpMSm5rcElQSFZENm5ydHpOVjNNYXpZRWRPOVM0WERKSUtxeEZwMVRnV2tZK3h2MjgwVHpmYnpSSE5JVWtRaDFGcSsyVmM1d1RuUCtMQ0dEeU5pcllkQnJJY3RCcjhyV2o2c1piUEdrYm8ybjg4SWlaeHN3Mis5dUM3Q0w0WXpoTFhZdHRHMlJ2UEE2cTZTN094S2dWcG4vZHJ5ZnZQckhySVFxek9wOXgzWGJWMjJLL2ErYURySVdvWFN5VHBhZC9kRlVvZTd2NUlXV1d6YkhlczdKdEw0aG05N09pWldmUE1IaVRBVHRLZUpaQjJPRXViQU9vVFZGUVZTRzdQbG5KMUQzR0hxVUtlZWdNQVJvZ3NFNnB6ekZXRVVOTC91dzRJSm15K3hpS251VWhnK2tPM3J3ZHU4cjRBWHR0RzFlZmU5bm9nWkVaU3RPWGpPWEY4QXpseEU4NmtnOEh2NlYyejQ4WFBqMDJoN0tXUEFxUXA0MjMxeHRHOHhjd0tXT1BhSllGVFJ5QmtRajJpUGFvOXRDYXQwbFJjczRzMzNWT0l6SHdMenhQSkM2L09JTDM2OXlJckRKeHAvcEZjWnlkVUo3R25kck9OMUhuc2RKRWNrOUdGdHJjTER0bFk4OEgyVy9YNzBENk5pTWNmdThCRysvNWJrUUFmWktpcWdjcW9nWWFEVzNEQzQwUkZVSUVqb0s2QnZQTlZCa2tTck90OThsQmhCb29RUjNrdWxsMXIrSkE3N3BWRnhTRjZNU09LZlJwWlIwaEVvVGw4cVloQzdXTTN2TzRlWVZ3RHZoRjZxWDkzRzNoRS9INTZzUDNXR1NZQmgyOHBiUEFMNmhKRUFNR3VzYmZ1b21KZFJiL0M5akZwUFhhdVlFVGkvZ2lXd0JRelBlMUhyNGNIbVZ3ZnBCamhHYStFcVV0dk11WVFRcWx0MUMzTEVDSXN0UDBaa1JoSUMrSU9qbThXSkpDUDh2bHpLOXlCcmh3bENFZ0lCYkJ1cXJ1MnB0VHRNQlZsbmNTWVJaTFlkSmV4YVl0YnFWajUwR1gvT0MwbXh0NGE5dGtjb1c0VDdVNC9ra09ITTArbnNkWmc1WFVwS3ZtSWpTSklVUWVzRFNsN3lReFRmMWlCU0J5a1lmSVdYaHhGaFloUGoyVC92a09VczAvYUF0TE1na1dYMENpRmc0TllLRUtoREhvaktTTmIya2dBLzZ4TU5lWHc2Ti9iMi9RSFBiL1lFbG0zbDRXQkxWekJibFQyUkFJMElaMnpFV2FzNGRSMGI2OXhIaG0ySUdLcG9SaDNYb1krczQzOUFUSVl6VlVBYVVpU20xWHZIVVRGendBbUhBdXNRQmdoTTBLb3VNVUd6bFN5eWtJQklnbFNCcVhMMkNKU1E1Q1FLMjZNL1czR0pMOEtJSk9veU1WSGtXU3RXS2haaW5mdGloSVU0R2tueWdjK1h6anJaanVRWVlRS2hpQU1VY2FucndEbXR2Vk5ncWdoSVlueElISEc2RmxuWnI5c2pkVzFlREdFanFtMVZkKzBKaXpTMktmeFVQc1M2aUVVYWhTbHVjKzZ4UGZxZm96T0VKUnR4ZFpzZ3FlUlg4QUlNNkFSc2xPUWpld252Z3o5bWI1NXQyQkdWN1VwV3dtWlZNYlEySmQyRHMySVc5eUgyWTJTUmN3a2pHMmtrNERVQXNnYlhlQXBzODVIdGxld1h1Y2oybUlSN2dqL1Mrc1l3d3p1NVh1TStUeTRrYkpXRnZIM0FCd2VYZ1gxZit3dnNmcWhjS2U2OVhKbXdINFZjdS9ZdHc2T25abVhtV0dzQUFBQUFTVVZPUks1Q1lJST0iLz4NCiAgICAgIDxnIGlkPSJHcm91cF8xNzUiIGRhdGEtbmFtZT0iR3JvdXAgMTc1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjYyIDEuNTcxKSI+DQogICAgICAgIDxnIGlkPSJHcm91cF8xNzQiIGRhdGEtbmFtZT0iR3JvdXAgMTc0Ij4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xMzQiIGRhdGEtbmFtZT0iUGF0aCAxMzQiIGQ9Ik02OTAuNTY4LDUxNS4xOGMuMDA4LjExNS4wMTQuMi4wMTcuMjU5czAsLjEwOCwwLC4xNTFhNC41MjgsNC41MjgsMCwwLDEtLjA2OC44MTcsMi41NTIsMi41NTIsMCwwLDEtLjIwNS42NTIsMy4wNDYsMy4wNDYsMCwwLDEtMS4wMjYsMS4yNzIsMi42MzYsMi42MzYsMCwwLDEtMS41LjQxOCwyLjkxMywyLjkxMywwLDAsMS0xLjE4NS0uMjQsMi43MzMsMi43MzMsMCwwLDEtLjk1MS0uNjk0LDMuMTgyLDMuMTgyLDAsMCwxLS42MjYtMS4wNyw0LjAyOSw0LjAyOSwwLDAsMS0uMjA3LTEuMzI4LDQuMDg0LDQuMDg0LDAsMCwxLC4yMDktMS4zMzgsMy4xOSwzLjE5LDAsMCwxLC42MjQtMS4wNzYsMi41NTUsMi41NTUsMCwwLDEsLjk0My0uNjgyLDMuMTI5LDMuMTI5LDAsMCwxLDEuMjI1LS4yMzIsMi43NDUsMi43NDUsMCwwLDEsMS4zMjYuMzEsMi45MjIsMi45MjIsMCwwLDEsMS4wMTIuOTVsLTEuMDQ2LjgwOWExLjcyMSwxLjcyMSwwLDAsMC0uNTYyLS42MjQsMS4zNzYsMS4zNzYsMCwwLDAtLjc0Ni0uMiwxLjMzNCwxLjMzNCwwLDAsMC0xLjEyOS41NjYsMi40ODQsMi40ODQsMCwwLDAtLjQyMSwxLjUxOSwyLjQ1NSwyLjQ1NSwwLDAsMCwuNDM1LDEuNTI3LDEuMzgxLDEuMzgxLDAsMCwwLDEuMTU1LjU2OSwxLjMxLDEuMzEsMCwwLDAsLjkyLS4zNDIsMS4yMTUsMS4yMTUsMCwwLDAsLjQtLjg2MWgtMS40ODV2LTEuMTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjg0LjgxOCAtNTEyLjA4OSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTYpIi8+DQogICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTM1IiBkYXRhLW5hbWU9IlBhdGggMTM1IiBkPSJNNzA0LjYxOSw1MTguNzQ5YTIuNywyLjcsMCwwLDEtMS4xMTktLjIyNSwyLjM3NywyLjM3NywwLDAsMS0uODY1LS42NzIsMy4zNDQsMy4zNDQsMCwwLDEtLjU4OS0xLjA5NCw0LjM2Myw0LjM2MywwLDAsMS0uMi0xLjM0LDQuMzEsNC4zMSwwLDAsMSwuMi0xLjM0NiwzLjM1LDMuMzUsMCwwLDEsLjU5NC0xLjA5MywyLjI1OCwyLjI1OCwwLDAsMSwuODUxLS42NjQsMi42OTEsMi42OTEsMCwwLDEsMS4xMTYtLjIyNiwyLjY1NCwyLjY1NCwwLDAsMSwxLjEwOS4yMjYsMi4zNDIsMi4zNDIsMCwwLDEsLjg1NS42NjQsMy4zLDMuMywwLDAsMSwuNTc5LDEuMDksNC44Myw0LjgzLDAsMCwxLDAsMi43LDMuMzIyLDMuMzIyLDAsMCwxLS41NzMsMS4wODQsMi4zOTEsMi4zOTEsMCwwLDEtLjg1NS42NjhBMi42MTYsMi42MTYsMCwwLDEsNzA0LjYxOSw1MTguNzQ5Wm0tLjAwOC0xLjI2M2ExLjA2LDEuMDYsMCwwLDAsLjkyOC0uNTYsMy4zOCwzLjM4LDAsMCwwLDAtMy4wMDksMS4wNzksMS4wNzksMCwwLDAtLjk1LS41NiwxLjA0NiwxLjA0NiwwLDAsMC0uOTE5LjU2MiwzLjQxNSwzLjQxNSwwLDAsMCwwLDMuMDFBMS4wNjcsMS4wNjcsMCwwLDAsNzA0LjYxLDUxNy40ODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjk1LjMwNyAtNTEyLjA4OSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTYpIi8+DQogICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTM2IiBkYXRhLW5hbWU9IlBhdGggMTM2IiBkPSJNNzE5Ljc1Miw1MTguODQydi02LjM4NmgxLjQyNHY1LjEyN2gzLjIzMXYxLjI1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDYuMzMyIC01MTIuMzE1KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtNikiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xMzciIGRhdGEtbmFtZT0iUGF0aCAxMzciIGQ9Ik03MzQuMTQ1LDUxOC44NDJ2LTYuMzg2aDEuODQyYTcuOTM0LDcuOTM0LDAsMCwxLDEuMjQuMDgzLDIuNTI1LDIuNTI1LDAsMCwxLC44MjEuMjU1LDIuNzg4LDIuNzg4LDAsMCwxLDEuMTMxLDEuMTM3LDMuNTQyLDMuNTQyLDAsMCwxLC4zODYsMS43LDMuNjU1LDMuNjU1LDAsMCwxLS4zNiwxLjY3OCwyLjc2NywyLjc2NywwLDAsMS0xLjA3MiwxLjEzNCwyLjU5MywyLjU5MywwLDAsMS0uOS4zMDgsOC44NTQsOC44NTQsMCwwLDEtMS40NTMuMDk1Wm0yLTUuMTM1aC0uNTgzdjMuODc1aC41ODNhMi4wMTEsMi4wMTEsMCwwLDAsMS40NzMtLjQ4NywxLjk3NCwxLjk3NCwwLDAsMCwuNDkxLTEuNDYxLDEuOTQ5LDEuOTQ5LDAsMCwwLS40ODctMS40NDlBMi4wMjgsMi4wMjgsMCwwLDAsNzM2LjE0NSw1MTMuNzA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxNS4xOTYgLTUxMi4zMTUpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC02KSIvPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    background-size: 100% 100%;

  }
}
.candidate-gold{
  position: relative;
  display: inline-block;

  & .gold-logo-badge{
    position: absolute;
    bottom: -10px;
    right: 5px;
    width: 58px;
    height: 41px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTYuMDczIiBoZWlnaHQ9IjE1Ljk5OSIgdmlld0JveD0iMCAwIDU2LjA3MyAxNS45OTkiPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAuNzk4IiB5MT0iLTExLjM3NCIgeDI9IjAuMDg5IiB5Mj0iLTExLjIzNiIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZhODE2Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDc1IiBzdG9wLWNvbG9yPSIjZmZkMjMxIi8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAuOTQ5IiBzdG9wLWNvbG9yPSIjZmZhODE2Ii8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0yIiB4MT0iMC41IiB5MT0iMC44NjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1NzU3NTciLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMC4xNjciIHN0b3AtY29sb3I9IiM2MTYxNjEiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMC40NjEiIHN0b3AtY29sb3I9IiM3ZjdmN2YiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMC44NDQiIHN0b3AtY29sb3I9IiNhZWFlYWUiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMyIgeDE9Ii03OC4wNDgiIHkxPSItMTEuNiIgeDI9Ii03OC43NjYiIHkyPSItMTEuNDYiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQiLz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC00IiB4MT0iMC41IiB5MT0iMC44NjYiIHgyPSIwLjUiIHkyPSIxLjAwMSIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudC0yIi8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNSIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNiIgeTE9IjAuNSIgeDI9IjEiIHkyPSIwLjUiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2EwNjEwMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjA5OCIgc3RvcC1jb2xvcj0iI2FlNzAwOSIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjM1OSIgc3RvcC1jb2xvcj0iI2QxOTQyMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjYwMyIgc3RvcC1jb2xvcj0iI2VhYWUzMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjgyMiIgc3RvcC1jb2xvcj0iI2Y5YmUzYSIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjk5NCIgc3RvcC1jb2xvcj0iI2ZmYzQzZSIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Ikdyb3VwXzE3NyIgZGF0YS1uYW1lPSJHcm91cCAxNzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NDQuNDQ5IC01MDAuNjM5KSI+DQogICAgPGcgaWQ9Ikdyb3VwXzE3MyIgZGF0YS1uYW1lPSJHcm91cCAxNzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0NC40NDkgNTAwLjYzOSkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTI4IiBkYXRhLW5hbWU9IlBhdGggMTI4IiBkPSJNNjQ0LjQ0OSw1MDkuMTYxYy4wMTMsMCwxLjQsMS4xNDcsMy40LDIuODEyLDEuOTg4LDEuNiw0LjU4MSwzLjcxMiw2LjgwOSw0LjA3Ny44NjItNi41NCwxLjgyNC05LjI4NywxLjkxNS0xMS44MTMtLjAxMS0uMDE1LTQuNTc5LS45LTYuODc3LTEuMzc0YTcuNyw3LjcsMCwwLDEtLjM4OCwzLjkxQTI1LjQsMjUuNCwwLDAsMSw2NDQuNDQ5LDUwOS4xNjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjQ0LjQ0OSAtNTAyLjAwOSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTI5IiBkYXRhLW5hbWU9IlBhdGggMTI5IiBkPSJNNjY3LjUzNyw1MDUuOThhNjUuMTY0LDY1LjE2NCwwLDAsMS01LjkyOCw1LjUwOGMtLjg3OC4zMTQtMS43NzguNi0yLjY4NC44MjZhNDIuNTUyLDQyLjU1MiwwLDAsMSw0LjY1MSw1LjY1NEM2NjUuMzE2LDUxMS41NjQsNjY2LjkzNyw1MDguNTg2LDY2Ny41MzcsNTA1Ljk4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1My4zNjQgLTUwMy45MjgpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC0yKSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTMwIiBkYXRhLW5hbWU9IlBhdGggMTMwIiBkPSJNNzcxLjIzNSw1MDkuMjI3Yy0uMDEzLDAtMS40MDcsMS4xMzctMy40LDIuOC0xLjk4NywxLjU5My00LjU3NSwzLjcwNi02Ljc5Myw0LjA4OC0uODEzLTYuNDU4LTEuNzEyLTkuMTUyLTEuNzcxLTExLjYxNS4wMS0uMDE1LDQuNjA2LS44NjQsNi45MjMtMS4zMjRhNy40MTcsNy40MTcsMCwwLDAsLjI5MSwzLjc3NUEyNC4wMjIsMjQuMDIyLDAsMCwwLDc3MS4yMzUsNTA5LjIyN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTUuMTYyIC01MDIuMjAxKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtMykiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzEzMSIgZGF0YS1uYW1lPSJQYXRoIDEzMSIgZD0iTTc1My45MjUsNTA2LjE1NWE2NC44MzYsNjQuODM2LDAsMCwwLDUuODM5LDUuMzg1Yy44NjkuMywxLjc1OS41NzYsMi42NTUuNzkxYTQxLjUyNiw0MS41MjYsMCwwLDAtNC42NzQsNS42MTRDNzU2LjA1OCw1MTEuNjI5LDc1NC41LDUwOC43LDc1My45MjUsNTA2LjE1NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTEuODcgLTUwNC4wMzYpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC00KSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTMyIiBkYXRhLW5hbWU9IlBhdGggMTMyIiBkPSJNNzAzLjkyNiw1MDguOTM2YTI4LjM0MywyOC4zNDMsMCwwLDEtNC4xNjYsMi43LDM3LjY4NSwzNy42ODUsMCwwLDEtMTguMzI4LDUsMzcuMjU3LDM3LjI1NywwLDAsMS0xOC4zMzktNC45MDgsMjcuMzM4LDI3LjMzOCwwLDAsMS00LjE2Mi0yLjcwOWMyLTMuNjM0LDMuOTU3LTUuNjgsMy45NTctOC4zODIuMDM1LDAsNi4yLDEuNDMsMTguNTg5LDEuNSwxMi4zOTIuMDE2LDE4LjYwNi0xLjM1NiwxOC42MzYtMS4zNTVDNzAwLjExMyw1MDMuNCw3MDIsNTA1LjM4Niw3MDMuOTI2LDUwOC45MzZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUzLjM2OCAtNTAwLjYzOSkiIGZpbGw9IiMzMDMwMzAiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzEzMyIgZGF0YS1uYW1lPSJQYXRoIDEzMyIgZD0iTTY4Ny44MTQsNTAyLjE0Yy0xMi4zODktLjA3MS0xOC41NTQtMS41LTE4LjU4OC0xLjUsMCwuMDczLDAsLjE0NiwwLC4yMTguMDI2LDAsNi4xNjEsMS40MjYsMTguNTkyLDEuNTA2LDEyLjQzMiwwLDE4LjYxOC0xLjM3NiwxOC42NDEtMS4zNjcsMC0uMDcsMC0uMTQsMC0uMjExQzcwNi40Miw1MDAuNzg0LDcwMC4yMDUsNTAyLjE1Niw2ODcuODE0LDUwMi4xNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTkuNzA1IC01MDAuNjM5KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtNSkiLz4NCiAgICA8L2c+DQogICAgPGcgaWQ9Ikdyb3VwXzE3NiIgZGF0YS1uYW1lPSJHcm91cCAxNzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1OC4zMzYgNTAzLjQ2NykiPg0KICAgICAgPGltYWdlIGlkPSJSZWN0YW5nbGVfNzkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDc5IiB3aWR0aD0iMjkuMTk1IiBoZWlnaHQ9IjExLjUyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgb3BhY2l0eT0iMC43NSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFd0FBQUFlQ0FZQUFBQ0cwZmpYQUFBQUFYTlNSMElBcnM0YzZRQUFBQVJuUVUxQkFBQ3hqd3Y4WVFVQUFBaTFTVVJCVkdoRDdkbHBreTFGRWNieHk0NkF5STZDSXJJWlFNZ2J2ditud0pBUWxVVkZSVm1VVGZaTC9zN3QvMURUYzJZSmVFdEdaTlRwNnNwOE1wL01xdTZldWVuNjlldlhmcFNyeTVVSXUybWtuOXU0bDRPVDhYV3VzMHQ4bkd1LzJKMlNpN0RJSlhpclhCcjdLaGNTdG9IU216ZnR1aUFZcDk5c2VuQW9nQ1hvYkZjZnlXcmY3NE9Qa2RabVIwNnRKU2FUSmVic2ptR1NjRloveGd2Sk8wcllBZ3JzMXRIYk5yMWwwOEFaZjczcEY2TmZiWG9BSHJIT2VqN3k0N29rQ2pLN0w3ZlIzQjZmSFlIVk9yKy9LY0V0YmpaaDNyNk5LeWF4UHV6VjN4bWZlemxEMkE0VTRKMmpkMjE2eDZqZzNTY0FnWDArK3Nub3A2T2ZqUUxtT0I4L1daU1BFb2dzWkxQOS82WjhFc25DdjN1VUgySXRMT3NPUlpvYytCRTdueEVsM251Mk1lTGtSaU1MdHRqRHpTZDg5L0YyaXFCVGhDMWtGU2pBZTBmdkg3MXZWT0FsVEZRRDRNZWpINHkrUC9yaEtHQ09CZnJUMFo4dEtvRklGMVJrL1hkUjErN0Jndi9nS0R2aTNudWoxc0dGZnlCc2hFODI0aGJ2STZOaUwyNzNpZGpxTFA3RS9MOVJQajhhamJpdkswWnlRdGlPTEowZzBJZEhnZjVpOU5GdERwSFdFQlhpSE5BL1I5OGVmV2NVS0NCSjh2SHpVZllQalNLdzRLM1JrUUwrOXlnZi94aEZQdC9aLzJvVUFRVFdXNlBXS3BDRTYwaUZZUFBBNk9PalQ0OCt0bDNMcVVMRHJkaGlmWGNVL3IrMkViNHVkaDlwSjEyMUoyd2xTNEpQakFxV0NseWw5bHRTSlNTQnJEZEgvellxRVNKSnRyOGVSVHJDSkJUaHdDV3JVd1RLOXZWUnBDbUVXTmc5TzZyTGlPVCtPQXBMZ2hKZUNWTVFCZnJONk8rMnNkZ3JVcW9vQ0JldlFpc0VsWXN1UnByOHZqc25GOEk2YjVDbHF3QTlOL3JrcUtETld4TVk2VHpnV1BCdmpFb0VtT0Q0VVdXKzZsQmtzVmw5Q0VyUWZ4OTliWlFmVzBRbjZwRG5SL2xpSjdGWFJ2ODBLakhyMkJQeDIvYTY2N2VqTDQ4aUc3WkNzZGMxaUlKTGRKcjQvelA2MTFGKy96d3FGakVwM0pjUmR1aVVyYnVvQ3FtcWZZK2tYNDRDcjBLUm82T296bEJkdHV0QksyZ2R3UWY3dW9zUEltaVZOWXFCRFF6a1dDOUIzZG1oelk1MmpVakVzeTF4NHJjNTk2d3BIcmF1M1VjdUVod0ZpbWErTFd4SHRSdmc0eUtjZzV6OEdQRzdNMERDS2lwd3pweGJpTEVkdE94ZlJsVkJOM1dXMUw2Q3NsNDNJUUZSL0NIVWZkMm5NMnA5NXdYZmJEcW9zNGtjY2FVbFFGZXlra2lqMXRvVjVtRFl2bmFDVHJMOWRhdWlXMnNyaTlkMk5zS1BNRDExd0xLUXVLQ2NDMUJGR0hBaWtUcEwyenBmdEt0a2tRVVVrVHBPNVZRTk9hc1AxMXJmOW1HN0VpNEIzUWFmamU3V25RaEhHRnR4UlZCNm1heHJZT3NveFJHM2M5TFdNOEtYVzZUQlhnbFRwSGo2N3NjSUFOY1lGU1Npa05lNTFkTk0waXFsTWtiWFZOTE9ocnJVVnFEODhLdkM3QkdzdWxWWndPYlp3bUlyOEpXc3E1SjBUQlI3ZlNJcU90SVVpMm9BOGEreHcwZFcrWi9nN3dtajVpeXE5YzBoakVOS0pNS3hqakQyVzFWc1lWWHkyNXkxZkNCTUJ3ck90dFNWdlU5Rk5qeEJ0dzNYR0w2dklLejRJODBSZ2pqYTAxQjhjTVFMMzNnRzM4VXFidXcxUVNJbnRvcDk3b0I4YXRSVGtENnpxVGtQQzZUcE1JbnpJM0JCTzhkMDY2cm1KVVhFSkZCNEJidkcwYlY3NStuZWh2Q3YweENET01WVHFNTlRjTlQ5L0o2TGIySVZTZTJWTUphNE5rVVlNcERtcVlZYzcxbzlVYzI3WDNleERSU2U2MVVMNmpMSm5rcElQSFZENm5ydHpOVjNNYXpZRWRPOVM0WERKSUtxeEZwMVRnV2tZK3h2MjgwVHpmYnpSSE5JVWtRaDFGcSsyVmM1d1RuUCtMQ0dEeU5pcllkQnJJY3RCcjhyV2o2c1piUEdrYm8ybjg4SWlaeHN3Mis5dUM3Q0w0WXpoTFhZdHRHMlJ2UEE2cTZTN094S2dWcG4vZHJ5ZnZQckhySVFxek9wOXgzWGJWMjJLL2ErYURySVdvWFN5VHBhZC9kRlVvZTd2NUlXV1d6YkhlczdKdEw0aG05N09pWldmUE1IaVRBVHRLZUpaQjJPRXViQU9vVFZGUVZTRzdQbG5KMUQzR0hxVUtlZWdNQVJvZ3NFNnB6ekZXRVVOTC91dzRJSm15K3hpS251VWhnK2tPM3J3ZHU4cjRBWHR0RzFlZmU5bm9nWkVaU3RPWGpPWEY4QXpseEU4NmtnOEh2NlYyejQ4WFBqMDJoN0tXUEFxUXA0MjMxeHRHOHhjd0tXT1BhSllGVFJ5QmtRajJpUGFvOXRDYXQwbFJjczRzMzNWT0l6SHdMenhQSkM2L09JTDM2OXlJckRKeHAvcEZjWnlkVUo3R25kck9OMUhuc2RKRWNrOUdGdHJjTER0bFk4OEgyVy9YNzBENk5pTWNmdThCRysvNWJrUUFmWktpcWdjcW9nWWFEVzNEQzQwUkZVSUVqb0s2QnZQTlZCa2tTck90OThsQmhCb29RUjNrdWxsMXIrSkE3N3BWRnhTRjZNU09LZlJwWlIwaEVvVGw4cVloQzdXTTN2TzRlWVZ3RHZoRjZxWDkzRzNoRS9INTZzUDNXR1NZQmgyOHBiUEFMNmhKRUFNR3VzYmZ1b21KZFJiL0M5akZwUFhhdVlFVGkvZ2lXd0JRelBlMUhyNGNIbVZ3ZnBCamhHYStFcVV0dk11WVFRcWx0MUMzTEVDSXN0UDBaa1JoSUMrSU9qbThXSkpDUDh2bHpLOXlCcmh3bENFZ0lCYkJ1cXJ1MnB0VHRNQlZsbmNTWVJaTFlkSmV4YVl0YnFWajUwR1gvT0MwbXh0NGE5dGtjb1c0VDdVNC9ra09ITTArbnNkWmc1WFVwS3ZtSWpTSklVUWVzRFNsN3lReFRmMWlCU0J5a1lmSVdYaHhGaFloUGoyVC92a09VczAvYUF0TE1na1dYMENpRmc0TllLRUtoREhvaktTTmIya2dBLzZ4TU5lWHc2Ti9iMi9RSFBiL1lFbG0zbDRXQkxWekJibFQyUkFJMElaMnpFV2FzNGRSMGI2OXhIaG0ySUdLcG9SaDNYb1krczQzOUFUSVl6VlVBYVVpU20xWHZIVVRGendBbUhBdXNRQmdoTTBLb3VNVUd6bFN5eWtJQklnbFNCcVhMMkNKU1E1Q1FLMjZNL1czR0pMOEtJSk9veU1WSGtXU3RXS2haaW5mdGloSVU0R2tueWdjK1h6anJaanVRWVlRS2hpQU1VY2FucndEbXR2Vk5ncWdoSVlueElISEc2RmxuWnI5c2pkVzFlREdFanFtMVZkKzBKaXpTMktmeFVQc1M2aUVVYWhTbHVjKzZ4UGZxZm96T0VKUnR4ZFpzZ3FlUlg4QUlNNkFSc2xPUWpld252Z3o5bWI1NXQyQkdWN1VwV3dtWlZNYlEySmQyRHMySVc5eUgyWTJTUmN3a2pHMmtrNERVQXNnYlhlQXBzODVIdGxld1h1Y2oybUlSN2dqL1Mrc1l3d3p1NVh1TStUeTRrYkpXRnZIM0FCd2VYZ1gxZit3dnNmcWhjS2U2OVhKbXdINFZjdS9ZdHc2T25abVhtV0dzQUFBQUFTVVZPUks1Q1lJST0iLz4NCiAgICAgIDxnIGlkPSJHcm91cF8xNzUiIGRhdGEtbmFtZT0iR3JvdXAgMTc1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjYyIDEuNTcxKSI+DQogICAgICAgIDxnIGlkPSJHcm91cF8xNzQiIGRhdGEtbmFtZT0iR3JvdXAgMTc0Ij4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xMzQiIGRhdGEtbmFtZT0iUGF0aCAxMzQiIGQ9Ik02OTAuNTY4LDUxNS4xOGMuMDA4LjExNS4wMTQuMi4wMTcuMjU5czAsLjEwOCwwLC4xNTFhNC41MjgsNC41MjgsMCwwLDEtLjA2OC44MTcsMi41NTIsMi41NTIsMCwwLDEtLjIwNS42NTIsMy4wNDYsMy4wNDYsMCwwLDEtMS4wMjYsMS4yNzIsMi42MzYsMi42MzYsMCwwLDEtMS41LjQxOCwyLjkxMywyLjkxMywwLDAsMS0xLjE4NS0uMjQsMi43MzMsMi43MzMsMCwwLDEtLjk1MS0uNjk0LDMuMTgyLDMuMTgyLDAsMCwxLS42MjYtMS4wNyw0LjAyOSw0LjAyOSwwLDAsMS0uMjA3LTEuMzI4LDQuMDg0LDQuMDg0LDAsMCwxLC4yMDktMS4zMzgsMy4xOSwzLjE5LDAsMCwxLC42MjQtMS4wNzYsMi41NTUsMi41NTUsMCwwLDEsLjk0My0uNjgyLDMuMTI5LDMuMTI5LDAsMCwxLDEuMjI1LS4yMzIsMi43NDUsMi43NDUsMCwwLDEsMS4zMjYuMzEsMi45MjIsMi45MjIsMCwwLDEsMS4wMTIuOTVsLTEuMDQ2LjgwOWExLjcyMSwxLjcyMSwwLDAsMC0uNTYyLS42MjQsMS4zNzYsMS4zNzYsMCwwLDAtLjc0Ni0uMiwxLjMzNCwxLjMzNCwwLDAsMC0xLjEyOS41NjYsMi40ODQsMi40ODQsMCwwLDAtLjQyMSwxLjUxOSwyLjQ1NSwyLjQ1NSwwLDAsMCwuNDM1LDEuNTI3LDEuMzgxLDEuMzgxLDAsMCwwLDEuMTU1LjU2OSwxLjMxLDEuMzEsMCwwLDAsLjkyLS4zNDIsMS4yMTUsMS4yMTUsMCwwLDAsLjQtLjg2MWgtMS40ODV2LTEuMTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjg0LjgxOCAtNTEyLjA4OSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTYpIi8+DQogICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTM1IiBkYXRhLW5hbWU9IlBhdGggMTM1IiBkPSJNNzA0LjYxOSw1MTguNzQ5YTIuNywyLjcsMCwwLDEtMS4xMTktLjIyNSwyLjM3NywyLjM3NywwLDAsMS0uODY1LS42NzIsMy4zNDQsMy4zNDQsMCwwLDEtLjU4OS0xLjA5NCw0LjM2Myw0LjM2MywwLDAsMS0uMi0xLjM0LDQuMzEsNC4zMSwwLDAsMSwuMi0xLjM0NiwzLjM1LDMuMzUsMCwwLDEsLjU5NC0xLjA5MywyLjI1OCwyLjI1OCwwLDAsMSwuODUxLS42NjQsMi42OTEsMi42OTEsMCwwLDEsMS4xMTYtLjIyNiwyLjY1NCwyLjY1NCwwLDAsMSwxLjEwOS4yMjYsMi4zNDIsMi4zNDIsMCwwLDEsLjg1NS42NjQsMy4zLDMuMywwLDAsMSwuNTc5LDEuMDksNC44Myw0LjgzLDAsMCwxLDAsMi43LDMuMzIyLDMuMzIyLDAsMCwxLS41NzMsMS4wODQsMi4zOTEsMi4zOTEsMCwwLDEtLjg1NS42NjhBMi42MTYsMi42MTYsMCwwLDEsNzA0LjYxOSw1MTguNzQ5Wm0tLjAwOC0xLjI2M2ExLjA2LDEuMDYsMCwwLDAsLjkyOC0uNTYsMy4zOCwzLjM4LDAsMCwwLDAtMy4wMDksMS4wNzksMS4wNzksMCwwLDAtLjk1LS41NiwxLjA0NiwxLjA0NiwwLDAsMC0uOTE5LjU2MiwzLjQxNSwzLjQxNSwwLDAsMCwwLDMuMDFBMS4wNjcsMS4wNjcsMCwwLDAsNzA0LjYxLDUxNy40ODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjk1LjMwNyAtNTEyLjA4OSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTYpIi8+DQogICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTM2IiBkYXRhLW5hbWU9IlBhdGggMTM2IiBkPSJNNzE5Ljc1Miw1MTguODQydi02LjM4NmgxLjQyNHY1LjEyN2gzLjIzMXYxLjI1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDYuMzMyIC01MTIuMzE1KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtNikiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8xMzciIGRhdGEtbmFtZT0iUGF0aCAxMzciIGQ9Ik03MzQuMTQ1LDUxOC44NDJ2LTYuMzg2aDEuODQyYTcuOTM0LDcuOTM0LDAsMCwxLDEuMjQuMDgzLDIuNTI1LDIuNTI1LDAsMCwxLC44MjEuMjU1LDIuNzg4LDIuNzg4LDAsMCwxLDEuMTMxLDEuMTM3LDMuNTQyLDMuNTQyLDAsMCwxLC4zODYsMS43LDMuNjU1LDMuNjU1LDAsMCwxLS4zNiwxLjY3OCwyLjc2NywyLjc2NywwLDAsMS0xLjA3MiwxLjEzNCwyLjU5MywyLjU5MywwLDAsMS0uOS4zMDgsOC44NTQsOC44NTQsMCwwLDEtMS40NTMuMDk1Wm0yLTUuMTM1aC0uNTgzdjMuODc1aC41ODNhMi4wMTEsMi4wMTEsMCwwLDAsMS40NzMtLjQ4NywxLjk3NCwxLjk3NCwwLDAsMCwuNDkxLTEuNDYxLDEuOTQ5LDEuOTQ5LDAsMCwwLS40ODctMS40NDlBMi4wMjgsMi4wMjgsMCwwLDAsNzM2LjE0NSw1MTMuNzA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxNS4xOTYgLTUxMi4zMTUpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC02KSIvPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    background-size: 100% 100%;

  }
  & .sidebar-badge{
    bottom: -17px !important;
    right: -4px !important;
  }

  & .candidate-gold-badge{
    position: absolute;
    bottom: -8px;
    left: 4px;
    width: 37px;
    height: 33px;
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS45ODEiIGhlaWdodD0iMzAuNzkzIiB2aWV3Qm94PSIwIDAgMjUuOTgxIDMwLjc5MyI+DQogIDxnIGlkPSJoaXJlbWVlLWdvbGQtYmFkZ2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzLjQ3MikiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEyNCIgZGF0YS1uYW1lPSJQYXRoIDEyNCIgZD0iTTkxLjU4NSwwaC04LjY2TDcwLjQxNSwxOC4yODNoOC42NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Mi4xMzIpIiBmaWxsPSIjYmYzOTJjIi8+DQogICAgPHBhdGggaWQ9IlBhdGhfMTI1IiBkYXRhLW5hbWU9IlBhdGggMTI1IiBkPSJNMjMuNDcyLDBoOC42NmwxMi41MSwxOC4yODNoLTguNjZaIiBmaWxsPSIjZTI1NzRjIi8+DQogICAgPHBhdGggaWQ9IlBhdGhfMTI2IiBkYXRhLW5hbWU9IlBhdGggMTI2IiBkPSJNNjIuMjIzLDkzLjg4N2ExMC41ODUsMTAuNTg1LDAsMSwxLTEwLjU4NSwxMC41ODVBMTAuNTU1LDEwLjU1NSwwLDAsMSw2Mi4yMjMsOTMuODg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjI3OSAtODQuMjY0KSIgZmlsbD0iI2VmYzc1ZSIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEyNyIgZGF0YS1uYW1lPSJQYXRoIDEyNyIgZD0iTTg3LjUsMTIyLjA1M2E3LjcsNy43LDAsMSwwLDcuNyw3LjdBNy43MjEsNy43MjEsMCwwLDAsODcuNSwxMjIuMDUzWm0wLDEzLjQ3MmE1Ljc3NCw1Ljc3NCwwLDEsMSw1Ljc3NC01Ljc3NEE1Ljc5MSw1Ljc5MSwwLDAsMSw4Ny41LDEzNS41MjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTAuNTU4IC0xMDkuNTQzKSIgZmlsbD0iI2Q3YjM1NCIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 6px;
  }
}
.wid-label{
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 300;
  display: inline-block;
  width: 100%;
  color: $white;
  letter-spacing: 3px;
}
.gold-credit-count{
  font-family: 'Roboto Condensed', sans-serif;
  padding: 8px;
  margin: 0 0 8px 0;
  & .count{
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #060606;
    border: 1.8px solid #fff;
    line-height: 56px;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    margin:4px 2px;

  }
}
.gold-modal-form{
  font-family: 'Roboto Condensed', sans-serif;
  & .modal-footer{
    padding: 4px 0 4px 0;
    margin-top: 12px;
  }
  & .modal-body{
    padding: 15px 15px 0 15px;

    & .alert-content{
      color: lighten($black, 40%);
      font-size: 12px;
      margin-bottom: 16px;
    }
  }
}
.gold-jobinars{
  font-family: 'Roboto Condensed', sans-serif;
  width: 256px;
  margin: 0 12px 12px 0;
  overflow: hidden;
  position: relative;
  height: 300px;
  border: 0.5px solid lighten($black, 80%);
  display: inline-block;
  border-radius: 3px;
  &:hover{
    box-shadow: 0 0 8px lighten($black, 80%);
    transition: all 0.2s ease-in-out;
    & .thumbnail{
      & .overlay{
        display: inline-block;
        z-index: 1;
      }
      & img{
        transform: scale(1.3);
      }
    }

  }
  & .thumbnail{
    overflow: hidden;
    width: 100%;
    height: 145px;
    border-radius: 3px;
    position: relative;
    margin-bottom: 8px;
    & .overlay{
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      background: rgba($black, 0.7);
      display: none;
      z-index: 1;
    }
    & img{
      width: 100%;
      border-radius: 3px;
      height: 145px;
      z-index: 0;
      transition: all 0.3s ease-in-out;
    }
  }
  & .title{
    font-size: 16px;
    font-weight: 400;
    padding: 8px 8px 2px 8px;
    line-height: 1.3;
  }
  & .details{
    font-size: 13px;
    font-weight: 400;
    padding: 2px 8px 2px 8px;
    color: lighten($black, 70%);
    line-height: 1.3;

  }
  & .footer{
    width: 248px;
    font-size: 12px;
    font-weight: 300;
    color: lighten($black, 70%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;

    & .credits{
      position: absolute;
      left: 8px;
      bottom: 8px;
      font-size: 10px !important;
      & p{
        margin: 0;
        padding: 0;
      }
    }
    & .action{
      transition: all 0.3s ease-in-out;
      font-size: 14px;
      border-radius: 50%;
      border: 1px solid $blue;
      color: $blue;
      width: 40px;
      height: 40px;
      position: absolute;
      line-height: 40px;
      text-align: center;
      display: block;
      right: 8px;
      bottom: 8px;
      &:hover{
        transform: scale(1.2);
        background: $blue !important;
        color: $white !important;
        transition: all 0.3s ease-in-out;
      }
    }
  }
}
.active{
  .pcoded-micon{
    & .gold-icon{
      width: 24px;
      height: 24px;
      display: inline-block;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4xNzgiIGhlaWdodD0iMjUuMSIgdmlld0JveD0iMCAwIDIxLjE3OCAyNS4xIj4NCiAgPGcgaWQ9ImhpcmVtZWUtZ29sZC1iYWRnYWdlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfODUiIGRhdGEtbmFtZT0iUGF0aCA4NSIgZD0iTTE3OC4yNzEsMGgtNy4wNTlsLTEwLjIsMTQuOWg3LjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTcuMDkzKSIgZmlsbD0icmdiYSgxMDMsMTU4LDIsMC44KSIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzg2IiBkYXRhLW5hbWU9IlBhdGggODYiIGQ9Ik01My42NzIsMGg3LjA1OWwxMC4yLDE0LjlINjMuODY5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzLjY3MikiIGZpbGw9IiM2NzllMDIiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF84NyIgZGF0YS1uYW1lPSJQYXRoIDg3IiBkPSJNMTI2LjcwNiwyMTQuNjg3YTguNjI4LDguNjI4LDAsMSwxLTguNjI4LDguNjI4QTguNiw4LjYsMCwwLDEsMTI2LjcwNiwyMTQuNjg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNS43MjUgLTIwNi44NDMpIiBmaWxsPSIjOWJkNTMwIi8+DQogICAgPHBhdGggaWQ9IlBhdGhfODgiIGRhdGEtbmFtZT0iUGF0aCA4OCIgZD0iTTE4OC43NTksMjc5LjA5M2E2LjI3NSw2LjI3NSwwLDEsMCw2LjI3NSw2LjI3NUE2LjI5Myw2LjI5MywwLDAsMCwxODguNzU5LDI3OS4wOTNabTAsMTAuOTgxYTQuNzA2LDQuNzA2LDAsMSwxLDQuNzA2LTQuNzA2QTQuNzIsNC43MiwwLDAsMSwxODguNzU5LDI5MC4wNzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc3Ljc3OCAtMjY4Ljg5NikiIGZpbGw9IiM1MTdkMDEiLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-left: 3px;
      margin-top: 6px;
    }
    & .gold-icon-star{
      width: 24px;
      height: 24px;
      display: inline-block;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzE4IiBoZWlnaHQ9IjI1LjUwNyIgdmlld0JveD0iMCAwIDI3LjcxOCAyNS41MDciPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeTE9IjAuNSIgeDI9IjEiIHkyPSIwLjUiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2EwNjEwMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjA5OCIgc3RvcC1jb2xvcj0iI2FlNzAwOSIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjM1OSIgc3RvcC1jb2xvcj0iI2QxOTQyMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjYwMyIgc3RvcC1jb2xvcj0iI2VhYWUzMCIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjgyMiIgc3RvcC1jb2xvcj0iI2Y5YmUzYSIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjk5NCIgc3RvcC1jb2xvcj0iI2ZmYzQzZSIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMiIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMyIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNCIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNSIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNiIgeDE9IjAiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiB4bGluazpocmVmPSIjbGluZWFyLWdyYWRpZW50Ii8+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Ikdyb3VwXzE1NTIiIGRhdGEtbmFtZT0iR3JvdXAgMTU1MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU4Mi45MSAtMTg4LjAwNCkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzE1MjciIGRhdGEtbmFtZT0iUGF0aCAxNTI3IiBkPSJNNjA3LjA4MiwxOTUuNjIzbC03LjI0LS42NDYtMi44NzYtNi40MThhLjU4OS41ODksMCwwLDAtLjc2Mi0uMjkxLjU2NC41NjQsMCwwLDAtLjMuMjkxbC0yLjg3Niw2LjQxOC03LjI0LjY0NmEuNTY1LjU2NSwwLDAsMC0uNTI0LjYwOC41NS41NSwwLDAsMCwuMTk0LjM2Nmw1LjQ2Myw0LjYxMy0xLjYsNi44MjFhLjU1OC41NTgsMCwwLDAsLjQzOS42NjYuNi42LDAsMCwwLC40MjMtLjA2NGw2LjI1Mi0zLjU3Miw2LjI1MywzLjU3MmEuNi42LDAsMCwwLC44LS4yLjU0NC41NDQsMCwwLDAsLjA2Ni0uNDA2bC0xLjYtNi44MjEsNS40NjQtNC42MTNhLjU0My41NDMsMCwwLDAsLjA1MS0uNzg4QS41ODMuNTgzLDAsMCwwLDYwNy4wODIsMTk1LjYyM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzM2IDAuMDMxKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIi8+DQogICAgPGcgaWQ9Ikdyb3VwXzEzMTgiIGRhdGEtbmFtZT0iR3JvdXAgMTMxOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTgyLjkxIDE4OC4wMDQpIj4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzE1MjgiIGRhdGEtbmFtZT0iUGF0aCAxNTI4IiBkPSJNNTg4Ljc2NCwxODguMzY1YTQzLjIxOCw0My4yMTgsMCwwLDEsMi4wMDYsMy44NDQuMTg5LjE4OSwwLDAsMS0uMDk1LjI1Ny4yMS4yMSwwLDAsMS0uMjI2LS4wMzRjLTEuMDI4LS45MzUtMi43ODYtMi41NTYtMy4xNTQtMy4wNWEuODQ4Ljg0OCwwLDAsMSwuMjA2LTEuMjE0QS45MjguOTI4LDAsMCwxLDU4OC43NjQsMTg4LjM2NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01ODIuMzA3IC0xODguMDA0KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtMikiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzE1MjkiIGRhdGEtbmFtZT0iUGF0aCAxNTI5IiBkPSJNNjAxLjc2MywxODguMzY1YTQzLjE1OCw0My4xNTgsMCwwLDAtMi4wMDcsMy44NDQuMTkxLjE5MSwwLDAsMCwuMS4yNTcuMjA4LjIwOCwwLDAsMCwuMjI1LS4wMzRjMS4wMjktLjkzNSwyLjc4Ny0yLjU1NiwzLjE1NS0zLjA1YS44NDguODQ4LDAsMCwwLS4yMDYtMS4yMTQuOTMuOTMsMCwwLDAtMS4yNjQuMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01ODAuNTAyIC0xODguMDA0KSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtMykiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzE1MzAiIGRhdGEtbmFtZT0iUGF0aCAxNTMwIiBkPSJNNjA3LjE5MywyMDEuMDQ5Yy0uNi0uMTg3LTMuMDE1LS41LTQuNDE5LS42N2EuMi4yLDAsMCwwLS4yMjQuMTY4LjE5My4xOTMsMCwwLDAsLjEuMTk0YzEuMjM5LjY1NywzLjM3OSwxLjc3NCwzLjk3OSwxLjk2M2EuOTE1LjkxNSwwLDAsMCwxLjE0Mi0uNTU4QS44NjUuODY1LDAsMCwwLDYwNy4xOTMsMjAxLjA0OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01ODAuMSAtMTg2LjIzNCkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTQpIi8+DQogICAgICA8cGF0aCBpZD0iUGF0aF8xNTMxIiBkYXRhLW5hbWU9IlBhdGggMTUzMSIgZD0iTTU4My41MzUsMjAxLjA0OWMuNi0uMTg3LDMuMDE0LS41LDQuNDE4LS42N2EuMi4yLDAsMCwxLC4yMjQuMTY4LjE5My4xOTMsMCwwLDEtLjEuMTk0Yy0xLjIzOC42NTctMy4zNzksMS43NzQtMy45NzksMS45NjNhLjkxNS45MTUsMCwwLDEtMS4xNDItLjU1OGgwQS44NjUuODY1LDAsMCwxLDU4My41MzUsMjAxLjA0OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01ODIuOTEgLTE4Ni4yMzQpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudC01KSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTUzMiIgZGF0YS1uYW1lPSJQYXRoIDE1MzIiIGQ9Ik01OTQuMjY2LDIxMC4xMDhhNDIuMzgsNDIuMzgsMCwwLDEsLjcwOC00LjI0Ny4yLjIsMCwwLDEsLjQsMCw0Mi4zNTMsNDIuMzUzLDAsMCwxLC43MDYsNC4yNDcuOTA1LjkwNSwwLDAsMS0xLjgxLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTgxLjI4NSAtMTg1LjQ3MSkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50LTYpIi8+DQogICAgPC9nPg0KICAgIDxwYXRoIGlkPSJQYXRoXzE1MzMiIGRhdGEtbmFtZT0iUGF0aCAxNTMzIiBkPSJNNTk4LjAxMSwxOTAuODlsLTEuMDQ1LTIuMzM1YS41OS41OSwwLDAsMC0uNzY0LS4yOS41Ny41NywwLDAsMC0uMy4yOWwtMi44NzUsNi40MTgtNy4yNDEuNjQ2YS41NjQuNTY0LDAsMCwwLS41MjIuNjA4LjU1Mi41NTIsMCwwLDAsLjE5My4zNjdsNS40NjQsNC42MTMtMS42LDYuODIxYS41NTguNTU4LDAsMCwwLC40NC42NjYuNi42LDAsMCwwLC40MjItLjA2NWwuODMyLS40NzRBNDIuMzQxLDQyLjM0MSwwLDAsMSw1OTguMDExLDE5MC44OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzM2IDAuMDMxKSIgZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQtMykiLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-left: 3px;
      margin-top: 6px;
    }
  }
}
.pcoded-micon{


  & .gold-icon{
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4xNzgiIGhlaWdodD0iMjUuMSIgdmlld0JveD0iMCAwIDIxLjE3OCAyNS4xIj4NCiAgPGcgaWQ9ImhpcmVtZWUtZ29sZC1iYWRnYWdlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfODUiIGRhdGEtbmFtZT0iUGF0aCA4NSIgZD0iTTE3OC4yNzEsMGgtNy4wNTlsLTEwLjIsMTQuOWg3LjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTcuMDkzKSIgZmlsbD0iIzIxMjEyMSIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzg2IiBkYXRhLW5hbWU9IlBhdGggODYiIGQ9Ik01My42NzIsMGg3LjA1OWwxMC4yLDE0LjlINjMuODY5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzLjY3MikiIGZpbGw9IiM0NjQ2NDYiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF84NyIgZGF0YS1uYW1lPSJQYXRoIDg3IiBkPSJNMTI2LjcwNiwyMTQuNjg3YTguNjI4LDguNjI4LDAsMSwxLTguNjI4LDguNjI4QTguNiw4LjYsMCwwLDEsMTI2LjcwNiwyMTQuNjg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNS43MjUgLTIwNi44NDMpIiBmaWxsPSIjODg4Ii8+DQogICAgPHBhdGggaWQ9IlBhdGhfODgiIGRhdGEtbmFtZT0iUGF0aCA4OCIgZD0iTTE4OC43NTksMjc5LjA5M2E2LjI3NSw2LjI3NSwwLDEsMCw2LjI3NSw2LjI3NUE2LjI5Myw2LjI5MywwLDAsMCwxODguNzU5LDI3OS4wOTNabTAsMTAuOTgxYTQuNzA2LDQuNzA2LDAsMSwxLDQuNzA2LTQuNzA2QTQuNzIsNC43MiwwLDAsMSwxODguNzU5LDI5MC4wNzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc3Ljc3OCAtMjY4Ljg5NikiIGZpbGw9IiM0YjRiNGIiLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 6px;
  }
}
span.new-badge{
    position: absolute;
    right: 31px !important;
    top: 17px;
    text-transform: uppercase;
    background: lighten($black, 45%);
    color: #E6D814;
    padding: 0 6px;
    border-radius: 14px;
    font-size: 12px;
    &:hover{
      background: #E6D814 !important;
      color: lighten($black, 2%) !important;
    }
}
.header-navbar .navbar-wrapper .navbar-container{
  margin-left: 0;
}
// Theme Overwrites
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
    right: 12px !important;
    width: 12rem !important;
    top: 61px !important;
}
.pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a{
  background: transparent;
}
.main-body .page-wrapper .page-header-breadcrumb {
    padding-right: 5px;
}
.light-card{
  width: 100%;
  min-height: 150px;
  padding: 8px;
  border-radius: 3px;
  margin-bottom: 16px;
  background: $white;
  font-family: 'Roboto Condensed', sans-serif;

  & .card-header{
    padding: 0;
    background: transparent;
    border-bottom: none;
    margin-bottom: 8px;
    & h3{
      font-size: 18px;
      font-weight: 400;
    }
    button{
      width: 36px;
      height: 36px;
      border-radius: 36px;
      background: transparent;
      border: none;

      &:focus{
        color: lighten($black, 100%) !important;
      }

      & .card-more-dd{
        display: inline-block;
        color: lighten($black, 30%);
        transform: rotate(90deg);
        position: absolute;
        top:8px;
        left: 10px;
      }
    }
  }
  .card-body{
    padding: 0;
    & .owl-prev{
      position: absolute !important;
      top: 30% !important;
      left: -20px !important;
      width: 30px !important;
      border-radius: 50% !important;
      background: #fff !important;
      opacity: 1 !important;
      color: #333 !important;
      box-shadow: 0 0 4px #bbb !important;
      font-size: 16px !important;
    }
    & .owl-next{
      position: absolute !important;
      top: 30% !important;
      font-size: 16px !important;
      width: 30px !important;
      right: -20px !important;
      border-radius: 50% !important;
      background: #fff !important;
      opacity: 1 !important;
      color: #333 !important;
      box-shadow: 0 0 4px #bbb !important;
    }
    & .scroll-list{
      width: 100%;
      padding: 15px 20px;
      min-height: 120px;
      border-radius: 8px;
      background: linear-gradient(#815900 0%, #ce9b28 100%);
      color: $white;


      & h5{
        font-size: 16px;
        line-height: 1.2;
        font-weight: 400;
        width: 100%;
        margin-bottom: 2px;
      }
      & p{
        margin: 1px 0;
        padding: 0;
        font-size: 15px;
        font-weight: 300;
        & small{
          font-size: 12px;
          font-weight: 300;
        }
        & .key-info{
          padding: 3px 10px;
          border-radius: 20px;
          color: lighten($black, 30%);
          background: $white;
          font-size: 13px;
          font-weight: 500;
        }
      }
    }
    & .fact-data-wrapper{
      color: #7B5500;
      text-align: center;
      width: 108px;
      height: 108px;
      padding: 12px;
      margin: 0 8px 12px 0;
      border-radius: 8px;
      background: #f8e9ac;
      & .data{
        font-size: 40px;
        line-height: 40px;
      }
      & .data-label{
        font-size: 15px;
        margin: 6px 0;
      }
    }
  }
}
.gold-candidate-list{
  width: 100%;
  background: $white;
  padding: 8px;
  min-height: 80px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  margin-bottom: 15px;
  &:hover{
    box-shadow: 0 0 12px lighten($black, 83%);
  }

  & .user-avatar{
    width: 56px;
    height: 56px;
    border-radius: 56px;
    background-color: lighten($black, 90%);
    margin-right: 12px;
    & img{
      width: 56px;
      height: 56px;
      border-radius: 56px;
    }
  }
  & .user-info{
    margin: 0 4px;
    width: 60%;
    & h6{
      font-size: 16px;
      font-weight: 500;
      color: lighten($black, 15%);
    }
    & p{
      margin: 2px 0;
      padding: 0;
      color: lighten($black, 55%);
      & .designation{
        display: inline-block;
        margin: 0 24px 0 0;
      }
      & .year{
        display: inline-block;
        margin: 0 24px 0 0;
        font-style: italic;
      }
      & .lnr{
        margin-right: 15px;
        color: lighten($black, 40%);
        font-weight: 500;
      }
      & .selected-track{
        color: #7B5500;
        font-weight: 600;
      }
    }
  }
  & .user-placement-track{
    position: absolute;
    right: 8px;
    bottom: 8px;
    text-align: right;
    & p{
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      color: lighten($black, 55%);

       & .shortlisted{
         color: #B5810A;
         font-weight: 500;
       }

       & .hired{
         color: #2379F9;
         font-weight: 500;
       }
    }
  }
  & .user-score{
    margin: 0 0 0 4px;
    width: 40%;

    & h5{
      font-size: 18px;
      text-align: center;
      color: lighten($black, 30%);
      font-weight: 500;
      margin: 16px 0 6px 0;
    }
    & .graph-wrapper{
      width: 100px;
      padding: 8px 8px 0 8px;
    }
    & p{
      font-size: 10px;
      text-align: center;
      margin-top: 8px;
      font-weight: 500;
      color: lighten($black, 55%);
    }
  }
}
.app-widget-area{
  overflow-x: hidden;
  overflow-y: auto;
}
.gold-fixed-filter{
  position: fixed;
  z-index: 200;
  margin-top:-7px;
}
.gold-placement-wrapper{
  & .gold-candidate-list{
    width: 520px;
    margin-right: 15px;
    &:hover{
        & a{

          &:hover{
            color: $white;
            border: 1px solid darken(#2379F9, 8%);
            background: #2379F9;
          }
      }
    }

    & a{
      width: 36px;
      height: 36px;
      border-radius: 36px;
      line-height: 36px;
      text-align: center;
      display: inline-block;
      position: absolute;
      top: 10px;
      font-weight: 600;
      font-size: 24px;
      color: #2379F9;
      right: 10px;
      transition: all 0.3s ease-in-out;
    }
  }
}
.gold-candidate-filter{
  width: 100%;
  height: 48px;
  background: $white;
  border-radius: 3px;
  border: 1px solid lighten($black, 90%);
  padding: 2px 12px;
  display: inline-block;

  & .form-label{
    color: lighten($black, 55%);
    font-size: 16px;
    font-weight: 400;
    margin-right: 16px;


  }
  & .form-wrapper{
    & .gold-btn-seccondary{
      background: $white !important;
      color: lighten($black, 40%) !important;
      padding-left: 10px;
      padding-right: 18px;
      min-width: 160px;
      border: 1px solid lighten($black, 45%);
      height: 36px;
      position: relative;
      text-align: left;
      & [class^="hiremee-"]{
        position: absolute;
        right: 12px;
        top: 9px;
      }

    }
    & .gol-btn-info{
      height: 36px;
      background: #5896F2;
      color: $white;
      line-height: 36px;
      padding: 0 16px;
    }
  }
  & .action-wrapper{
    & a{
      height: 36px;
      border-radius: 3px;
      min-width: 100px;
      padding: 0 10px;
      line-height: 36px;
      display: inline-block;
      font-size: 18px;
      color: $white;
      background: #00D49D;
      transition: all 0.3s ease-in-out;
      &:hover{
        background: darken(#00D49D, 8%);
      }
    }
  }
}
.gold-fixed-widget-area{
  position: fixed;
  right: 0;
  width: 280px;
}
.gold-card{
  top: 0;
  right: -6px;
  width: 100%;
  padding: 8px;
  border-radius: 2px;
  background: lighten($black, 15%);
  box-shadow: 2px 2px 8px rgba(6, 6, 6, 0.16);
  border: none;
  & .card-header{
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    display: inline-block;
  }

  & .card-body-text{
    font-size: 13px;
    line-height: 1.5 !important;
    text-align: center;
    font-weight: 400;
    width: 100%;
    color: lighten($black, 65%);
    display: inline-block;
  }
}
.gold-sidebar-activate{
  padding: 16px;
  & .card-body-text{
    font-size: 12px;
    line-height: 1.2 !important;
    text-align: center;
    font-weight: 400;
    width: 100%;
    color: lighten($black, 48%);
    display: inline-block;
  }
}
// Diashboard Content Styling
.gold-section-header{
  font-size: 18px;
  color: #CE9B28;
  position: relative;
  padding-left: 20px;
  margin: 16px 0;
  & .marker{
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    margin-right: 16px;
    width: 0;
    margin-left: -7px;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent lighten($black, 40%);
    animation: slideRight 1.8s infinite;
  }
}
.benefits-wrapper{
  width: 100%;
  margin: 48 auto 24px auto;
  & .benefits-items{
    background: lighten($black, 35%);
    color: $white;
    width: 320px;
    margin: 4px;
    height: 100px;
    font-size: 14px;
    font-weight: 200;
    padding: 12px;
    border-radius: 8px;

    & .count{
      display: inline-block;
      width: 80px;
      height: 64px;
      font-weight: 700;
      position: relative;
      text-align: center;
      border-radius: 32px;
      border: 2px solid lighten($black, 65%);
      margin-right: 16px;
      & span{
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 40px;
        font-weight: 300;
        background-image: linear-gradient(to right, $gole-primary-clr, $gold-secondary-clr);
        -webkit-background-clip: text;
        background-clip: text;
        -moz-background-clip: text;
        color: transparent;
      }
    }
    & .content{
      display: inline-block;
      width: 256px;
      padding-top: 4px;
    }
  }
}
// Golf Offer dashboard
.gold-offer{
  width: 340px;
  margin: 6px;
  min-height: 90px;
  font-size: 14px;
  font-weight: 200;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 4px lighten($black, 65%);
	& .caption{
		margin-top: .6rem;
		font-size: 1.2rem;
		font-weight: 400;
    line-height: 1.6;
		text-align: left;
    & .icon{
      width: 24px;
      height: 24px;
      display: inline-block;
      margin-right: 16px;
    }
	}
	& p{
		font-size: .9rem;
		color: darken($white, 55%);
		text-align: left;
		margin-top: 1.2rem;
		line-height: 1.3;
		font-weight: 300;
	}
}
// Gold Tracks dashboard
.tracks-wrapper{
  margin: 24px auto;
  width: 100%;
  & .tracks-tab{
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 12px ;
    padding: 16px;
    text-align: center;
    transition: ease-in-out;
    border-radius: 8px;
    &:hover{
      transition: all 200ms ease-in-out;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 0 0 12px lighten($black, 2%);
    }
    &:nth-child(odd){
      background: lighten($black, 25%);
    }
    &:nth-child(even){
      background: #AB760A;
    }
    & img{
      width: 64px;
      height: 64px;
      margin: 8px auto;
    }
    & p{
      color: $white;
      font-size: 14px;
      margin-top: 4px;
      line-height: 1;
    }
  }
}
.gold-activate{
  position: fixed;
  bottom: 8px;
  left: 235px;
  right: 0;
  margin: auto;
  background: rgba($white, 0.6);
  padding: 16px 16px 24px 16px;
  width: 300px;
  height: 86px;
  display: inline-block;
  border-radius: 8px;
  animation: bounceInBottom 500ms;
}
.btn-gold{
  border-radius: 4px;
  background: linear-gradient(to right, lighten($black, 5%), lighten($black, 45%));
  border: none;
  font-weight: 700;
  font-size: 20px;
  &:hover{
		background: linear-gradient(to left, lighten($black, 45%), lighten($black, 15%));
		color: $black !important;
    transform: translateY(-2px);
    box-shadow: 0 0 12px lighten($black, 15%);
	}
}
.gold-landing-cta{
  height: 40px;
  min-width: 100px;
  border-radius: 20px;
  background: lighten($gold-secondary-clr, 0);
  color: lighten($gold-secondary-clr, 90%);
  border: 2px solid $gole-primary-clr;
  &:hover{
    border: 2px solid lighten($gold-secondary-clr, 15%);
    background: lighten($gold-secondary-clr, 20%);
    color: $white;
  }
}
.gold-top-recruiter{
  border-radius: 3px;
  min-height: 220px;
  width: 100%;
  overflow: hidden;
  right: -6px;
  & .wiget-job-list{
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 4px 18px;
    padding: 4px 4px 40px 4px;
    border: 1px solid lighten($black, 80%);
    & .icon{
      width: 80px;
      height: 80px;
      background-color: $white;
      margin-right: 8px;
      display: inline-block;
      & img{
        width: 100%;
        margin: auto;
      }
    }
    & .content{
      width: 100%;
      & h3{
        font-size: 15px;
        font-weight: 500;
      }
      & p{
        line-height: 1;
        padding: 0;
        margin: 0 0 4px 0;
        font-size: 12px;
        color: lighten($black, 65%);
      }
    }
    & .action{
      position: absolute;
      bottom: 6px;
      right: 6px;
      padding: 2px 6px;
      font-size: 12px;
      border-radius: 2px;
      border: 1px solid #3F69DE;
      &:hover{
        background: #3F69DE;
        color: $white !important;
        & a{
          color: $white !important;
        }
      }
    }
    & .chips{
      font-size: 12px;
      color: lighten($black, 65%);
      display: inline-block;
      margin: 3px 3px 3px 0;
      padding: 6px 12px;
      border-radius: 16px;
      border: 1px solid lighten($black, 85%);
    }
  }
  & .card-header{
    background: #2C3E50;
    text-align: center;
    font-size: 15px;
    width: 100%;
    color: $white;
  }
  & .list{
    height: 48px;
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
     & .logo{
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background-color: lighten($black, 55%);
       background-repeat: no-repeat;
       background-size: contain;
       margin-right: 8px;
       display: inline-block;
       background-position: center center;
     }

     & .title{
       font-size: 14px;
       font-weight: 500;
       text-align: left;
       line-height: 1.4;
     }
  }

}
.gold-dashboard-welcome{
  margin-top: 24px;
  & .icon{
    width: 56px;
    height: 56px;
    margin-right: 16px;
     & img{
       width: 56px;
       height: 56px;
     }
  }
  & .content{
     & h2{
       font-size: 20px;
       color: #939393;
       font-weight: 300;
       & span{
         color: $black;
         font-style: italic;
       }
     }
     & h1{
       font-size: 24px;
       color: $black;
       font-weight: 400;
     }
  }
}
.hot-jobs-wrapper{
  display: inline-block;
  border: 1px solid lighten($black, 90%);
  padding: 8px;
  border-radius: 3px;
  width: 380px;
  margin: 8px 16px 8px 0;
  position: relative;
  min-height: 140px;
  background: lighten($black, 100%);


  & .credits{
    position: absolute;
    left: 8px;
    bottom: 8px;
    font-size: 12px;
    & .date{
      line-height: 1.3;
      display: block;
      color: #3FA9F5;
    }
    & .location{
      line-height: 1.3;
      display: block;
      color: $black;
    }
  }
  & .apply-button{
    position: absolute;
    right: 8px;
    bottom: 8px;
    border-radius: 3px;
    padding: 2px 8px;
    color: $white;
    font-size: 14px;
    background: $hiremee;
    & span{
      margin-right: 8px;
    }
    &:hover{
      background: darken($hiremee, 5%);
      transform: translateY(-2px);
    }
  }
}
.company{
   & .logo{
     width: 64px;
     height: 64px;
     margin-right: 16px;
     background-color: lighten($black, 100%);
     background-repeat: no-repeat;
     background-size: contain;
     display: inline-block;
     background-position: center center;
   }

   & .details{
     font-size: 15px;
     line-height: 1.5;
     & .detail-label{
       color: lighten($black, 75px);
       display: inline-block;
       width: 90px;
     }
     & .detail-data{
       color: lighten($black, 10px);
       font-size: 14px;
     }
   }
}
.search-wrapper{
  margin: 32px auto;
  min-height: 80px;
  display: block;
  width: 75%;
  & .btn-outline-secondary{
    color: lighten($black, 45%);
    border: 1px solid lighten($black, 80%);
    background: lighten($black, 100%);
    padding-left: 16px;
    padding-right: 40px;
    position: relative;
    border-right: none;
    & .lnr{
      position: absolute;
      top: 12px;
      right: 8px;
    }
  }
  & .dropdown-menu{
    width: 180px;

    & .dropdown-item{
      font-size: 16px;
      font-weight: 400;
    }
  }
}
.sweet-alert{
  width: 420px;
  border-radius: 2px;

  & h2{
    font-size: 20px;
    margin: 16px 0;
  }
  & p{
    font-size: 15px;
    font-weight: 300;
    margin: 16px 0;
  }
  & button{
    border-radius: 2px;
    font-weight: 100;
    margin: 10px 5px 0 5px;
  }
  & .sa-icon {
    margin: 3px auto;
  }
}
.fc button{
  padding: 5px 10px;
}
.fc-toolbar.fc-header-toolbar{
  margin-bottom: .5em !important;
}
.fc-button-group{
  margin-right: 0 !important;
}
.assessment-wrapper{
  width: 520px;
  min-height: 100px;
  padding: 10px 8px;
  margin: 8px 16px 8px 0px;
  position: relative;
  display: inline-block;
  background-color: $white;
  border: 1px solid lighten($black, 94%);
  border-radius: 2px;

  & h3{
    font-size: 16px;
    color: lighten($black, 45%);
    padding-right: 24px;
    font-weight: 400;
    margin-left: 48px;
    line-height: 1.4;
  }

  & .content{
    padding-right: 16px;
    margin-left: 48px;

    & p{
      margin: 4px 0 4px 0;
      & .info{
        color: #064D9E;
        margin-right: 16px;
      }

    }
  }
  & .chips{
    font-size: 12px;
    color: lighten($black, 65%);
    display: inline-block;
    margin: 3px 3px 3px 0;
    padding: 6px 12px;
    border-radius: 16px;
    border: 1px solid lighten($black, 85%);
  }

  & .badge{
    width: 36px;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px 36px 36px 2px;
    & .text{
      display: inline-block;
      line-height: 20px;
      color: $white;
      transform: rotate(270deg);
      position: absolute;
      left: -15px;
      top: 74px;
      font-size: 16px;
      font-weight: 400;
    }
  }

  & .action{
    position: absolute;
    right: 8px;
    top:8px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iZXhwYW5kIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi43NjQiIGhlaWdodD0iMjIuNzY0IiB2aWV3Qm94PSIwIDAgMjIuNzY0IDIyLjc2NCI+DQogIDxnIGlkPSJHcm91cF83MTMiIGRhdGEtbmFtZT0iR3JvdXAgNzEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfODQwIiBkYXRhLW5hbWU9IlBhdGggODQwIiBkPSJNMjIuMzM3LDBILjcxOEEuNTY3LjU2NywwLDAsMCwuMTUuNTY4VjEwLjkzM2EuNTY3LjU2NywwLDAsMCwuNTY4LjU2OC41NzQuNTc0LDAsMCwwLC41NzItLjU2OFYxLjE0SDIxLjc3NHYyMC40OEgxMS45MTRhLjU3Mi41NzIsMCwxLDAsMCwxLjE0NEgyMi4zMzdhLjU3Mi41NzIsMCwwLDAsLjU3Mi0uNTcyVi41NzJBLjU3Mi41NzIsMCwwLDAsMjIuMzM3LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xNDYpIiBmaWxsPSIjMmQ1Y2RlIi8+DQogICAgPHBhdGggaWQ9IlBhdGhfODQxIiBkYXRhLW5hbWU9IlBhdGggODQxIiBkPSJNLjA1LDMwMi4wNDFhLjUyLjUyLDAsMCwwLC41MTcuNTIxSDcuNzkxYS41MjEuNTIxLDAsMCwwLC41MjEtLjUyMXYtNy4yMmEuNTIxLjUyMSwwLDAsMC0uNTIxLS41MjFILjU3MWEuNTE3LjUxNywwLDAsMC0uNTE3LjUyMXY3LjIyWm0xLjAzOS02LjdINy4yNzR2Ni4xODZIMS4wODlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4wNSAtMjc5LjgwMykiIGZpbGw9IiMyZDVjZGUiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF84NDIiIGRhdGEtbmFtZT0iUGF0aCA4NDIiIGQ9Ik0yMTkuNSw5My40NTJhLjUyMi41MjIsMCwwLDAsLjczOCwwbDUuODc2LTUuODhWOTAuOTZhLjUyMS41MjEsMCwxLDAsMS4wNDMsMFY4Ni4zMjFhLjUyMS41MjEsMCwwLDAtLjUyMS0uNTIxSDIyMmEuNTIxLjUyMSwwLDEsMCwwLDEuMDQzaDMuMzg3bC01Ljg4LDUuODc2QS41MTcuNTE3LDAsMCwwLDIxOS41LDkzLjQ1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDguNTk3IC04MS41OTUpIiBmaWxsPSIjMmQ1Y2RlIi8+DQogIDwvZz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
  }

  & .action-bottom{
    padding: 6px;
    border-radius: 2px;
    position: absolute;
    right: 8px;
    bottom:8px;
    background: #F9AA0D;
    color: $white;
  }
}
.no-learning-material{
  padding: 64px;
  text-align: center;
  & img{
    width: 64px;
    height: 64px;
    margin: 24px auto;

  }
  & .end-of-record{
    font-size: 16px;
    font-weight: 300;
    & .star{
      width: 16px;
      height: 14px;
      margin-right: 3px;
      margin-left: 3px;
      display: inline-block;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy42NDYiIGhlaWdodD0iMTMuMDc3IiB2aWV3Qm94PSIwIDAgMTMuNjQ2IDEzLjA3NyI+DQogIDxnIGlkPSJyYXRlLXN0YXItYnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC02LjM3NSkiPg0KICAgIDxnIGlkPSJzdGFyLXJhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNi4zNzUpIj4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzEwNTIiIGRhdGEtbmFtZT0iUGF0aCAxMDUyIiBkPSJNNi44MjMsMTYuMzgybDQuMjA4LDMuMDctMS41OTItNSw0LjIwOC0yLjk1N0g4LjUyOUw2LjgyMyw2LjM3NSw1LjExNywxMS40OTJIMGw0LjIwOCwyLjk1Ny0xLjU5Miw1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNi4zNzUpIiBmaWxsPSIjOWE5MjkyIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
      background-repeat: no-repeat;
      background-size: contain;
    }
  }
  & h4{
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
  }

  & p{
    font-size: 14px;
  }

  & p.greeting{
    font-size: 20px;
    text-align: center;
    color: lighten($black, 45%);
    text-transform: uppercase;
  }

  & .link{
    padding: 12px 20px;
    font-size: 16px;
    border: 1px solid #B1D3EF;
    color: #545E73;
    border-radius: 3px;
    margin: 16px auto;
    display: inline-block;
    &:hover{
      background: #B1D3EF;
      border-color: darken(#B1D3EF, 15%);
      color: darken(#B1D3EF, 35%);
    }
  }
}
.nav-tabs .nav-link{
  border-top: 2px solid transparent;
}
.nav-tabs{
  border-bottom: none;
}
.nav-link{
  font-size: 16px !important;
  font-weight: 400;
  color: darken($white, 35%) !important;
  border-radius: 0;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{
  border-color: $white;
  font-size: 16px;
  color: darken($white, 65%) !important;
  font-weight: 400;
  border-top-color: $hiremee;
}
#elearning{

  & .tab-content{
    background: $white;
    min-height: 550px;
  }
}
#accordion-answer .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion-answer a {
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: 400;
}
#accordion-answer .panel .panel-body{
  margin-bottom: 8px;
  padding: 8px;

}
#accordion-answer .panel-heading a.collapsed:hover,
#accordion-answer .panel-heading a.collapsed:focus {
  background-color: #fff;
  color: #333;
  transition: all 0.2s ease-in;
}
#accordion-answer .panel-heading .panel-title{
  text-align: left;
}

#accordion-answer .panel-heading a.collapsed:hover::after,
#accordion-answer .panel-heading a.collapsed:focus::after {
  text-align: left;
}
#accordion-answer .panel-heading {
  padding: 8px;
  border-radius: 0px;
  text-align: center;
}
#accordion-answer .panel-heading a:not(.collapsed) {
  color: #333;
  background-color: #fff;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion-answer .panel-heading .accordion-toggle::after {
  font-family: 'Linearicons-Free';
  content: "\e882";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
  position: absolute;
  top: 30px;
  right: 16px;
  font-size: 24px;
}
#accordion-answer .panel-heading .accordion-toggle.collapsed::after {
  font-family: 'Linearicons-Free';
  content: "\e881";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
  position: absolute;
   top: 30px;
   right: 16px;
   font-size: 24px;
}
#gold-benefits-tab{

  & .card-title{
    background: linear-gradient(#e8bd5e 0%, #d9a93e 40.17%, #b98202 100%);
    border: 1px solid #ce9b28;
    color: $white;
    & .new{
      position: absolute;
      right: 56px;
      top: 9px;
      padding: 4px 10px;
      border-radius: 10px;
      display: inline-block;
      background: rgba($black, 0.7);
      color: $yellow;
      text-transform: uppercase;
      font-weight: 500;
    }
  }
  & a{
    border: none;
    color: $white;
    & .info{
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      margin: 0 8px;
      display: inline-block;
      color: $white;
      font-size: 14px;
      padding: 0;
      border-radius: 18px;
      font-weight: 500;
      background-color: $blue;
    }
    &:after{
      color: $white !important;
    }
  }


}
.info-comp{
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 0 8px;
  display: inline-block;
  color: $white;
  font-size: 14px;
  padding: 0;
  border-radius: 18px;
  font-weight: 500;
  background-color: $blue;
}
.other-details{
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom:8px;
  font-size: 14px;
  & .data-label{
    width: 145px;
    display: inline-block;
    color: lighten($black, 65%);
  }
  & .data-info{
    width: 100%;
    display: inline-block;
    color: lighten($black, 3%);
  }
}
#accordion{
  & .card-title{
    position: relative;
  }

  & .tracks-wrapper {
    margin: 0px auto;
    & .tracks-tab{
      width: 90px;
      height: 90px;
      padding: 4px;
      margin: 8px;
      & img{
        width: 32px;
        height: 32px;
      }

      & p{
        font-size: 10px;
      }
    }
  }

  & .accordion-content{
    border: 1px solid #3fa8f4;
  }
}
#accordion .card-title a::after {
  font-family: 'Linearicons-Free';
  content: "\e881";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
  position: absolute;
  top: 11px;
  right: 8px;
  font-size: 18px;
  color: lighten($black, 75%);
}
#accordion .card-title a:not(.collapsed)::after {
  font-family: 'Linearicons-Free';
  content: "\e882";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
  position: absolute;
  top: 11px;
  right: 8px;
  font-size: 18px;
  color: lighten($black, 75%);
}
#accordion-answer{

  & .panel-body{
    background: lighten($black, 95%);
    padding-bottom: 20px;
  }
  & .panel-heading{
    border: 1px solid lighten($black, 65%);
    border-radius: 3px;
    margin-bottom: 4px;
    position: relative;
    & .answer-accordion{

      & p{
        margin-bottom: 4px;
        min-height: 20px;
      }
    }
    & h4{
      font-size: 20px;
      font-weight: 400;
      line-height: 20px;
      margin-bottom: 0;
      & .count{
        width: 40px;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 40px;
        color: $white;
        margin-right: 16px;
        background-color: #CE9B28;
      }
      & .chips{
        font-size: 14px;
        color: lighten($black, 65%);
        display: inline-block;
        margin-left: 24px;
        padding: 6px 12px;
        border-radius: 16px;
        min-width: 120px;
        border: 1px solid lighten($black, 85%);

        & strong{
          color: lighten($black, 5%);
        }
      }
      & .percentage-wrap{
        margin-left: 24px;
        & .caption{
          width: 80px;
          font-size: 14px;
          text-align: right;
          color: lighten($black, 55%);
          margin-right: 24px;
        }
        & .meter{
          width: 80px;

        }
      }
      & a{
        color: lighten($black, 55%);
      }
    }
  }
}
.gold-education{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  padding: 0 8px;
  & .heading{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
  }

  & .edu-label{
    color: lighten($black, 60%);
    width: 180px;
    line-height: 1.4;
  }
  & .edu-info{
    color: lighten($black, 8%);
    line-height: 1.4;
    width: 100%;
  }
  .skill-progress{
    margin: 16px 0;
    position: relative;
    & .progress-label{
      font-size: 16px;
      width: 120px;
      color: lighten($black, 45%);
      margin-right: 16px;
      display: inline-block;
    }

  }
  .progress-linear {
    padding: 1px;
    background: lighten($black, 85%);
    border-radius: 20px;
    position: relative;
    width: 260px;
    margin: 6px;
    & .title-text{
      font-size: 12px;
      color: $black;
      position: absolute;
      display: inline-block;
      right: -40px;
      top: -9px;
      width: 30px;
      height: 30px;
      border-radius: 30px;
      color: $white;
      background: darken($hiremee, 15%);
      line-height: 30px;
      text-align: center;
    }
  }
  & .chips{
    font-size: 14px;
    color: lighten($black, 65%);
    display: inline-block;
    margin-left: 0;
    margin-right: 6px;
    padding: 4px 8px;
    border-radius: 16px;
    min-width: 40px;
    margin-bottom: 8px;
    border: 1px solid lighten($black, 85%);

    & strong{
      color: lighten($black, 100%);
    }
  }
}
.gold-video-wrapper{
  width: 150px;
  margin: 8px;
  font-family: 'Roboto Condensed', sans-serif;
  position: relative;
  &:hover{
    & .overlay{
      display: inline-block;
      transition: all 0.2s ease-in-out;
      animation: zoomInCenter 0.2s;
    }
  }
  & .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba($black, 0.7);
    display: none;
    & #chartContainer{
      font-family: 'Roboto Condensed', sans-serif;
      width: 100%;
      height: 400px;
    }
    & .link{
      position: absolute;
      width: 40px;
      height: 40px;
      display: inline-block;
      margin: auto;
      top:0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij4NCiAgPGcgaWQ9Ikdyb3VwXzE5NzQiIGRhdGEtbmFtZT0iR3JvdXAgMTk3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OCAtMTc0NykiPg0KICAgIDxnIGlkPSJFbGxpcHNlXzc2IiBkYXRhLW5hbWU9IkVsbGlwc2UgNzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2OCAxNzQ3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPg0KICAgICAgPGNpcmNsZSBjeD0iMjgiIGN5PSIyOCIgcj0iMjgiIHN0cm9rZT0ibm9uZSIvPg0KICAgICAgPGNpcmNsZSBjeD0iMjgiIGN5PSIyOCIgcj0iMjciIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogICAgPHBhdGggaWQ9IlBvbHlnb25fNSIgZGF0YS1uYW1lPSJQb2x5Z29uIDUiIGQ9Ik0xNCwwLDI4LDIzSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTIuNSAxNzYxLjUpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
      background-repeat: no-repeat;
      background-size: contain;
      outline: none;
      border: none !important;
      &:hover{
        transform: scale(1.5);
      }
    }
  }
  & .poster{
    width: 100%;

    & img{
      width: 100%;
    }
  }
  & .title{
    background: lighten($black, 15%);
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: $white;
    width: 100%;
    padding: 8px 0;
    text-transform: uppercase;
  }
}
.report-comp{
  margin: 12px 0;
  font-family: 'Roboto Condensed', sans-serif;
  & .tracks-wrapper{
    & .tracks-tab{
      width: 130px;
      height: 130px;
      margin: 12px 24px 12px 0;
      position: relative;
      & img{
        width: 48px;
        height: 48px;
      }
      & p{
        font-size: 12px;
      }
      & .recommended{
        position: absolute;
        top:-13px;
        right: -8px;
        width: 48px;
        height: 48px;
        background-color: rgba(#000000, 0.98);
        border-radius: 48px;
        display: inline-block;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMiA1MTIuMDAyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAyIDUxMi4wMDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjM2LjkzODIiIHkxPSI0NTguNDI4NCIgeDI9IjIzNi45MzgyIiB5Mj0iLTcxLjE4MTYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NiA1NTcuNTM1MikiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkNGOTUiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjQyNyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQzk1NCIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkMyMDAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKTsiIGQ9Ik0yNzQuODQsMjMuMjEybDY3LjcyMiwxMzcuMjE4bDE1MS40MjksMjIuMDA0YzE3LjIzMiwyLjUwMywyNC4xMTIsMjMuNjgsMTEuNjQ0LDM1LjgzNQ0KCUwzOTYuMDU4LDMyNS4wNzdsMjUuODY3LDE1MC44MTdjMi45NDQsMTcuMTYyLTE1LjA3LDMwLjI1LTMwLjQ4MiwyMi4xNDdMMjU2LDQyNi44MzVsLTEzNS40NDIsNzEuMjA2DQoJYy0xNS40MTIsOC4xMDItMzMuNDI2LTQuOTg1LTMwLjQ4Mi0yMi4xNDdsMjUuODY3LTE1MC44MTdMNi4zNjcsMjE4LjI2OGMtMTIuNDY5LTEyLjE1NS01LjU4OC0zMy4zMywxMS42NDQtMzUuODM1bDE1MS40MjktMjIuMDA0DQoJbDY3LjcyMS0xMzcuMjE3QzI0NC44NjgsNy41OTcsMjY3LjEzMyw3LjU5NywyNzQuODQsMjMuMjEyeiIvPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzNjEuMzM4IiB5MT0iMzkwLjEzMTQiIHgyPSIyMDEuMjM4IiB5Mj0iMzkwLjEzMTQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NiA1NTcuNTM1MikiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkMyMDA7c3RvcC1vcGFjaXR5OjAiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjIwMyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQkIwMDtzdG9wLW9wYWNpdHk6MC4yMDMiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjQ5OSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQTcwMDtzdG9wLW9wYWNpdHk6MC40OTkiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjg1MiIgc3R5bGU9InN0b3AtY29sb3I6I0ZGODgwMDtzdG9wLW9wYWNpdHk6MC44NTIiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY3ODAwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8yXyk7IiBkPSJNMzQyLjU2LDE2MC40M0wyNzQuODQsMjMuMjEyYy0zLjg1My03LjgwNy0xMS4zNDYtMTEuNzExLTE4LjgzOS0xMS43MTF2MjU5Ljc4OQ0KCUwzNDIuNTYsMTYwLjQzeiIvPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzODguNjg3NCIgeTE9IjE0NC44MzgzIiB4Mj0iMzQ2LjI4NzQiIHkyPSIzNTMuNjM4MyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY2IDU1Ny41MzUyKSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQzIwMDtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuMjAzIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZCQjAwO3N0b3Atb3BhY2l0eTowLjIwMyIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNDk5IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZBNzAwO3N0b3Atb3BhY2l0eTowLjQ5OSIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuODUyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY4ODAwO3N0b3Atb3BhY2l0eTowLjg1MiIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjc4MDAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzNfKTsiIGQ9Ik0zOTYuMDU4LDMyNS4wNzdsMTA5LjU3NS0xMDYuODFjNi4xNTEtNS45OTYsNy41ODYtMTQuMTg1LDUuMzk5LTIxLjI0N0wyNTYsMjcxLjI4OQ0KCUwzOTYuMDU4LDMyNS4wNzd6Ii8+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE4My4wOTc3IiB5MT0iMzUuMTA4NyIgeDI9IjM0OS4xNTc3IiB5Mj0iMjAxLjE2ODciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NiA1NTcuNTM1MikiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkMyMDA7c3RvcC1vcGFjaXR5OjAiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjIwMyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQkIwMDtzdG9wLW9wYWNpdHk6MC4yMDMiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjQ5OSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQTcwMDtzdG9wLW9wYWNpdHk6MC40OTkiLz4NCgk8c3RvcCAgb2Zmc2V0PSIwLjg1MiIgc3R5bGU9InN0b3AtY29sb3I6I0ZGODgwMDtzdG9wLW9wYWNpdHk6MC44NTIiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY3ODAwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF80Xyk7IiBkPSJNNDEzLjYzLDQ5Ni4zOTNMMjU2LDI3MS4yODl2MTU1LjU0NmwxMzUuNDQyLDcxLjIwNg0KCUMzOTkuMTc2LDUwMi4xMDcsNDA3LjU2Myw1MDAuODM1LDQxMy42Myw0OTYuMzkzeiIvPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2NC42Nzc3IiB5MT0iMjQ1LjEwOCIgeDI9IjE4Ny4wNzc3IiB5Mj0iMTQyLjcwOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY2IDU1Ny41MzUyKSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQzIwMDtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuMjAzIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZCQjAwO3N0b3Atb3BhY2l0eTowLjIwMyIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNDk5IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZBNzAwO3N0b3Atb3BhY2l0eTowLjQ5OSIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuODUyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY4ODAwO3N0b3Atb3BhY2l0eTowLjg1MiIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjc4MDAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzVfKTsiIGQ9Ik0yNTYsMjcxLjI4OWwtMTQwLjA1OCw1My43ODhMOTAuMDc2LDQ3NS44OTRjLTEuNDY3LDguNTUsMi4yNzEsMTYuMDg3LDguMjk0LDIwLjQ5OQ0KCUwyNTYsMjcxLjI4OXoiLz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTU2LjQzMzQiIHkxPSI0MTQuMDIiIHgyPSIxMDYuODMzNCIgeTI9IjI3My4yMiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY2IDU1Ny41MzUyKSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQzIwMDtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuMjAzIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZCQjAwO3N0b3Atb3BhY2l0eTowLjIwMyIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNDk5IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZBNzAwO3N0b3Atb3BhY2l0eTowLjQ5OSIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuODUyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY4ODAwO3N0b3Atb3BhY2l0eTowLjg1MiIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjc4MDAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzZfKTsiIGQ9Ik0wLjk2OCwxOTcuMDIxTDI1NiwyNzEuMjg5bC04Ni41Ni0xMTAuODZMMTguMDExLDE4Mi40MzQNCglDOS4yOCwxODMuNzAyLDMuMjE0LDE4OS43NjcsMC45NjgsMTk3LjAyMUwwLjk2OCwxOTcuMDIxeiIvPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzNDMuMTM5OSIgeTE9IjM5OS4zMTY0IiB4Mj0iLTIxLjI2MDEiIHkyPSIyNDQuMTE2NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY2IDU1Ny41MzUyKSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQzIwMDtzdG9wLW9wYWNpdHk6MCIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuMjAzIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZCQjAwO3N0b3Atb3BhY2l0eTowLjIwMyIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuNDk5IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZBNzAwO3N0b3Atb3BhY2l0eTowLjQ5OSIvPg0KCTxzdG9wICBvZmZzZXQ9IjAuODUyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY4ODAwO3N0b3Atb3BhY2l0eTowLjg1MiIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjc4MDAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzdfKTsiIGQ9Ik0xMTUuOTQzLDMyNS4wNzdMNi4zNjcsMjE4LjI2OGMtNi4xNTEtNS45OTYtNy41ODYtMTQuMTg1LTUuMzk5LTIxLjI0N0wyNTYsMjcxLjI4OQ0KCUwxMTUuOTQzLDMyNS4wNzd6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');
        background-repeat: no-repeat;
        background-size: 65% 65%;
        background-position: center center;
      }
    }
  }
  & .header{
    font-size: 18px;
    height: 40px;
    font-weight: 500;
    line-height: 40px;
    border-bottom: 1px solid lighten($black, 65%);
  }
  & .content{
    margin: 24px auto;
    & p{
      font-size: 15px;
      line-height: 1.4;

      & span{
        font-weight: 500;
        font-size: 15px;
        display: inline-block;
        margin-bottom: 4px;
        line-height: 15px;
        color: darken($hiremee, 5%);
        }
      }
    }
    & .graph{
      width: 200px;
      height: 200px;
      margin-right: 80px;
      & svg{
        width: 200px;
        height: 200px;
      }
    }

    & .description-title{
      width: 100%;

      & .list{
        width: 100%;
        height: 36px;
        border-radius: 3px;
        background: #fff;
        border: 0.5px solid lighten($black, 80%);
        position: relative;
        padding: 0 16px;
        line-height: 36px;
        margin: 3px 0;
        & .badge{
          display: inline-block;
          padding: 3px 12px;
          color: $white;
          background: rgba($black, 0.6);
          margin-left: 24px;
          font-weight: 300;
        }
        &:hover {
          background: lighten(#3fa8f4, 30%);

        }
      }
    }
  }
.information{
  min-height: 40px;
  padding: 8px 0;
  display: inline-block;

  & .icon{
    display: inline-block;
    width: 41px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: $white;
    border-radius: 40px;
    font-weight: 500;
    padding: 0;
    margin-right: 8px;
    font-size: 24px;
    background-color: #4779DE;
  }
  & .description{
    font-size: 15px;
    color: lighten($black, 50%);
    line-height: 1.4;
    width: 100%;

  }
}
.divider{
  width: 100%;
  height: 1px;
  background: lighten($black, 85%);
  display: block;
  margin: 8px 0;
}
.gold-contact-info{
  width: 100%;
  min-height: 48px;
  display: inline-block;
  & .icon{
    width: 56px;
    background: #1E2834;
    line-height: 48px;
    text-align: center;
    position: relative;
    & .verified{
      position: absolute;
      top: 3px;
      right: 3px;
      width: 16px;
      height: 16px;
      display: inline-block;
      border-radius: 16px;
      background: green;
      text-align: center;
      line-height: 18px;
      color: $white;
      & .check{
        font-size: 8px;
        line-height: -6px;
        margin-top: 2px;
        display: inline-block;
        position: absolute;
        left: 4px;
      }
    }
    & .not-verified{
      position: absolute;
      top: 3px;
      right: 3px;
      width: 16px;
      height: 16px;
      display: inline-block;
      border-radius: 16px;
      background: red;
      text-align: center;
      line-height: 18px;
      color: $white;
    }
    & .holder{
      width: 30px;
      height: 30px;
      margin: 0 auto;
      border-radius: 30px;
      background: $white;
      display: inline-block;
      color: #1E2834;
      line-height: 30px;
      text-align: center;
      & i{
        line-height: 31px;
      }
    }
  }
  & .details{
    font-family: 'Roboto Condensed', sans-serif;
    background: lighten(#1E2834, 5%);
    line-height: 48px;
    text-align: left;
    width: 100%;
    display: inline-block;
    padding: 0 8px;
    font-weight: 300;
    color: $white;
    font-size: 14px;
    border-left: 1px solid darken(#1E2834, 5%);
  }
}
.assessmen-overview{
  margin: 8px 4px;
  h5{
    font-size: 16px;
    font-weight: 400;
    margin: 16px 8px 8px 12px;
    color: lighten($black, 5%);
  }
  & .chips{
    font-size: 14px;
    color: lighten($black, 65%);
    display: inline-block;
    margin-left: 8px;
    padding: 6px 12px;
    border-radius: 16px;
    min-width: 120px;
    border: 1px solid lighten($black, 85%);

    & strong{
      color: lighten($black, 100%);
    }
  }
}
.progress-ranking-2 {
  width: $size-ranking;
  height: $size-ranking;
  line-height: $size-ranking;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  &:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: $borderWidth solid $border-color-default-dark;
    position: absolute;
    top: 0;
    left: 0;
  }
  > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .progress-left {
    left: 0;
  }
  .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: $borderWidth;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: $border-color-fill-gold;
  }
  .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: ($size-ranking/2);;
    border-bottom-right-radius: ($size-ranking/2);;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  .progress-right {
    right: 0;
    .progress-bar {
      left: -100%;
      border-top-left-radius: ($size-ranking/2);;
      border-bottom-left-radius: ($size-ranking/2);;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right;
    }
  }
  .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    div {
      margin-top: 0;
      text-align: center;
    }
    span {
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
    }
  }
}
.progress-ranking {
  width: $size-ranking;
  height: $size-ranking;
  line-height: $size-ranking;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  &:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: $borderWidth solid $border-color-default-dark;
    position: absolute;
    top: 0;
    left: 0;
  }
  > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .progress-left {
    left: 0;
  }
  .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: $borderWidth;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: $border-color-fill-green;
  }
  .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: ($size-ranking/2);;
    border-bottom-right-radius: ($size-ranking/2);;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  .progress-right {
    right: 0;
    .progress-bar {
      left: -100%;
      border-top-left-radius: ($size-ranking/2);;
      border-bottom-left-radius: ($size-ranking/2);;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right;
    }
  }
  .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    div {
      margin-top: 0;
      text-align: center;
    }
    span {
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
    }
  }
}

.progress-profile {
  width: $size-profile;
  height: $size-profile;
  line-height: $size-profile;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  &:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: $borderWidthProfile solid $border-color-default-dark;
    position: absolute;
    top: 0;
    left: 0;
  }
  > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .progress-left {
    left: 0;
  }
  .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: $borderWidthProfile;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: $border-color-fill-gold;
  }
  .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: ($size-profile/2);;
    border-bottom-right-radius: ($size-profile/2);;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  .progress-right {
    right: 0;
    .progress-bar {
      left: -100%;
      border-top-left-radius: ($size-profile/2);;
      border-bottom-left-radius: ($size-profile/2);;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right;
    }
  }
  .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-weight: 300;
    div {
      margin-top: 0;
      text-align: center;
    }
    span {
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
    }
  }
}

// CIRCULAR PROGRESS PERCENTAGE
.circular-progress {
  width: $size;
  height: $size;
  line-height: $size;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  &:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: $borderWidth solid $border-color-default;
    position: absolute;
    top: 0;
    left: 0;
  }
  > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .progress-left {
    left: 0;
  }
  .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: $borderWidth;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: $border-color-fill;
  }
  .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: ($size/2);;
    border-bottom-right-radius: ($size/2);;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  .progress-right {
    right: 0;
    .progress-bar {
      left: -100%;
      border-top-left-radius: ($size/2);;
      border-bottom-left-radius: ($size/2);;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right;
    }
  }
  .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-weight: 300;
    div {
      margin-top: 0;
      text-align: center;
    }
    span {
      font-size: 12px;
      text-transform: uppercase;
    }
  }
}
@for $i from 1 through $howManySteps {
	$stepName: ($i*(100 / $howManySteps));

	//animation only the left side if below 50%
	@if $i <= ($howManySteps/2) {
		.progress-ranking-2[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				 animation: loading-#{$i} $animationTime linear forwards;
			}
			.progress-left .progress-bar {animation: 0;}
		}
	}
	//animation only the right side if above 50%
	@if $i > ($howManySteps/2)  {
		.progress-ranking-2[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				animation: loading-#{($howManySteps/2)} $animationTime linear forwards; //set the animation to longest animation
			}
			.progress-left .progress-bar {
      animation: loading-#{$i - ($howManySteps/2)} $animationTime linear forwards $animationTime;
    }
		}
	}
}
@for $i from 1 through $howManySteps {
	$stepName: ($i*(100 / $howManySteps));

	//animation only the left side if below 50%
	@if $i <= ($howManySteps/2) {
		.circular-progress[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				 animation: loading-#{$i} $animationTime linear forwards;
			}
			.progress-left .progress-bar {animation: 0;}
		}
	}
	//animation only the right side if above 50%
	@if $i > ($howManySteps/2)  {
		.circular-progress[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				animation: loading-#{($howManySteps/2)} $animationTime linear forwards; //set the animation to longest animation
			}
			.progress-left .progress-bar {
      animation: loading-#{$i - ($howManySteps/2)} $animationTime linear forwards $animationTime;
    }
		}
	}
}

@for $i from 1 through $howManySteps {
	$stepName: ($i*(100 / $howManySteps));

	//animation only the left side if below 50%
	@if $i <= ($howManySteps/2) {
		.progress-profile[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				 animation: loading-#{$i} $animationTime linear forwards;
			}
			.progress-left .progress-bar {animation: 0;}
		}
	}
	//animation only the right side if above 50%
	@if $i > ($howManySteps/2)  {
		.progress-profile[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				animation: loading-#{($howManySteps/2)} $animationTime linear forwards; //set the animation to longest animation
			}
			.progress-left .progress-bar {
      animation: loading-#{$i - ($howManySteps/2)} $animationTime linear forwards $animationTime;
    }
		}
	}
}
@for $i from 1 through $howManySteps {
	$stepName: ($i*(100 / $howManySteps));

	//animation only the left side if below 50%
	@if $i <= ($howManySteps/2) {
		.progress-ranking[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				 animation: loading-#{$i} $animationTime linear forwards;
			}
			.progress-left .progress-bar {animation: 0;}
		}
	}
	//animation only the right side if above 50%
	@if $i > ($howManySteps/2)  {
		.progress-ranking[data-percentage="#{$stepName}"] {
			.progress-right .progress-bar {
				animation: loading-#{($howManySteps/2)} $animationTime linear forwards; //set the animation to longest animation
			}
			.progress-left .progress-bar {
      animation: loading-#{$i - ($howManySteps/2)} $animationTime linear forwards $animationTime;
    }
		}
	}
}

//animation
@for $i from 1 through ($howManySteps/2) {
	$degrees: (180/($howManySteps/2));
	$degrees: ($degrees*$i);
	@keyframes loading-#{$i}{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate($degrees);
			transform: rotate(#{$degrees}deg);
    }
	}
}
.answer-wrapper{
  padding: 8px 16px 4px 16px;
  & .counter{
    width: 40px;
    min-height: 40px;
    display: inline-block;
    color: lighten($black, 40%);

    & .marker{
      width: 16px;
      height: 16px;
      display: inline-block;
      margin: 2px auto;
      border-radius: 16px;
      background-color: lighten($black, 85%);
    }
  }
  & .content{
    font-size: 15px;
    color: lighten($black, 55%);
    font-weight: 400;
    width: 100%;
    margin-left: 40px;
    & .header{
      font-style: italic;
      font-weight: 600;
      text-decoration: underline;
    }
  }
}
.profile-pic{
  background-color: lighten($black, 35%);
  position: relative;

  & .hme-id{
    background: rgba(lighten($black, 5%), 0.8);
    padding: 4px 8px 4px 32px;
    width: 170px;
    border-radius: 24px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    & span.text{
      background-image: linear-gradient(to right top, $gole-primary-clr, $gold-secondary-clr);
      -webkit-background-clip: text;
      background-clip: text;
      -moz-background-clip: text;
      -o-background-clip: text;
      text-rendering: optimizeLegibility;
      letter-spacing: 2px;
      color: transparent;
      font-weight: 800;
      display: inline-block;

    }
  }
}
.gold-profile{

  & .profile-pic{
    background-color: lighten($black, 35%);
    position: relative;

    & .hme-id{
      background: rgba(lighten($black, 5%), 0.8);
      padding: 4px 8px 4px 32px;
      width: 170px;
      border-radius: 24px;
      display: inline-block;
      font-size: 20px;
      text-align: center;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      & span.text{
        background-image: linear-gradient(to right top, $gole-primary-clr, $gold-secondary-clr);
        -webkit-background-clip: text;
        background-clip: text;
        -moz-background-clip: text;
        -o-background-clip: text;
        text-rendering: optimizeLegibility;
        letter-spacing: 2px;
        color: transparent;
        font-weight: 800;
        display: inline-block;

      }
    }
  }
}
.hme-gold-badge{
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4xMjciIGhlaWdodD0iMjMuODU1IiB2aWV3Qm94PSIwIDAgMjAuMTI3IDIzLjg1NSI+DQogIDxnIGlkPSJoaXJlbWVlLWdvbGQtYmFkZ2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzLjQ3MikiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEyNCIgZGF0YS1uYW1lPSJQYXRoIDEyNCIgZD0iTTg2LjgxNSwwSDgwLjEwNkw3MC40MTUsMTQuMTY0aDYuNzA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzLjIxNikiIGZpbGw9IiNiZjM5MmMiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF8xMjUiIGRhdGEtbmFtZT0iUGF0aCAxMjUiIGQ9Ik0yMy40NzIsMGg2LjcwOWw5LjY5MSwxNC4xNjRIMzMuMTYzWiIgZmlsbD0iI2UyNTc0YyIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEyNiIgZGF0YS1uYW1lPSJQYXRoIDEyNiIgZD0iTTU5LjgzOCw5My44ODdhOC4yLDguMiwwLDEsMS04LjIsOC4yQTguMTc3LDguMTc3LDAsMCwxLDU5LjgzOCw5My44ODdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUuOTMgLTg2LjQzMikiIGZpbGw9IiNlZmM3NWUiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF8xMjciIGRhdGEtbmFtZT0iUGF0aCAxMjciIGQ9Ik04NS43NjgsMTIyLjA1M2E1Ljk2NCw1Ljk2NCwwLDEsMCw1Ljk2NCw1Ljk2NEE1Ljk4MSw1Ljk4MSwwLDAsMCw4NS43NjgsMTIyLjA1M1ptMCwxMC40MzdhNC40NzMsNC40NzMsMCwxLDEsNC40NzMtNC40NzNBNC40ODYsNC40ODYsMCwwLDEsODUuNzY4LDEzMi40OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MS44NTkgLTExMi4zNjIpIiBmaWxsPSIjZDdiMzU0Ii8+DQogIDwvZz4NCjwvc3ZnPg0K');
  margin-right: 12px;
  position: absolute;
  top: 8px;
  left: 14px;
}

// Track details
.track-toggle{
  font-family: 'Roboto Condensed', sans-serif;
  .card {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 16px 8px 4px 8px;

    & .header{
      border-bottom: 1px solid lighten(#F1C667, 5%);
      & h1{
        font-size: 18px;
        line-height: 40px;
        height: 40px;
        padding-top: 5px;
      }

      & .track-confirm{
        font-family: 'Roboto Condensed', sans-serif;
        height: 40px;
        border-radius: 20px;
        background: lighten($black, 30%);
        padding-right: 16px;
        padding-left: 16px;
        color: #F1C667;
        &:hover{
          background: darken(#F1C667, 5%);
          color: $black;
          transform: translateY(-2px);
        }
      }
    }
  }

}
.gold-profile-report{
  width: 60%;
  .gold-profile-avatar{
    width: 100px;
    height: 100px;
    border-radius: 60px;
    display: inline-block;
    margin-right: 16px;
    border: 2px solid #CE9B28;

    & img{
      width: 96px;
      height: 96px;
      border-radius: 60px;
    }
  }
}
.rank-wrapper{
  width: 40%;
  font-family: 'Roboto Condensed', sans-serif;

  & .ranking{
    height: 40px;
    width: 160px;
    background: lighten($black, 90%);
    display: inline-block;
    margin-bottom: 8px;
    border-radius: 20px;
    position: relative;
    & .items{
      padding: 0 48px 8px 16px;
      line-height: 40px;
      font-size: 16px;
    }
    & .chart{
      position: absolute;
      right: 0;
      top: 0;
    }

}
}
.track-steps{
  margin: 16px 0;
  font-family: 'Roboto Condensed', sans-serif;
  & .steps{
    min-width: 155px;

    &:after{
      display: inline-block;
      width: 18px;
      content: '';
      height: 16px;
      background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4xOTUiIGhlaWdodD0iMTEuODgiIHZpZXdCb3g9IjAgMCAxNy4xOTUgMTEuODgiPg0KICA8ZyBpZD0iZmFzdC1mb3J3YXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC04LjUpIj4NCiAgICA8cGF0aCBpZD0iUGF0aF8xMTc2IiBkYXRhLW5hbWU9IlBhdGggMTE3NiIgZD0iTTguNDQxLDE0LjQ0OSwwLDIwLjM4NVY4LjUxM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDA5KSIgZmlsbD0iIzY3NDcwMCIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzExNzciIGRhdGEtbmFtZT0iUGF0aCAxMTc3IiBkPSJNMzYuNDQxLDE0LjQ0LDI4LDIwLjM4VjguNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4yNDYpIiBmaWxsPSIjNjc0NzAwIi8+DQogIDwvZz4NCjwvc3ZnPg0K');
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 3px;
      margin-left: 3px;
    }
    &:last-child:after{
      display: none;
    }


    & .wrap{
      min-width: 148px;
      height: 36px;
      border-radius: 18px;
      background: linear-gradient(#0d0d0d 0%, #80796b 100%);
      display: inline-block;
      position: relative;
      margin-bottom: 8px;

      & .count{
        width: 36px;
        height: 36px;
        border-radius: 17.5px;
        background: #fff;
        color: #CE9B28;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        display: inline-block;
      }
      & .title{
        padding-left: 8px;
        line-height: 36px;
        font-size: 15px;
        color: $white;
        position: absolute;
        left: 36px;
        top: 1px;
        display: inline-block;
      }
    }
  }
}
.skill-progress{
  margin: 16px 0;
  position: relative;
  & .progress-label{
    font-size: 16px;
    width: 120px;
    color: lighten($black, 45%);
    margin-right: 16px;
    display: inline-block;
  }

}
.track-content{
  font-family: 'Roboto Condensed', sans-serif;
  margin: 8px 0;
  & .header{
    height: 36px;
    font-size: 18px;
    font-weight: 500;
    color: lighten($black, 35%);
  }
  & .content{
    padding: 8px 0;
    & .title{
      width: 100%;
      height: 36px;
      border-radius: 3px;
      background: #fff;
      border: 0.5px solid lighten($black, 80%);
      position: relative;
      padding: 0 16px;
      line-height: 36px;
      margin: 4px 0;
      &:hover {
        & .link{
          color: $white !important;
          background: #3fa8f4;
        }

      }
      & .link{
        position: absolute;
        right: 8px;
        width: 24px;
        height: 24px;
        border-radius: 24px;
        display: inline-block;
        top: 6px;
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 0 !important;

        & .lnr{
          position: absolute;
          top: 5px;
          left: 4px;
          margin: auto;
        }
      }
    }

  }
  & .logo{
    padding: 8px 0;
    & img{
      width: 100px;
      height: auto;
      margin-right: 2px;
      margin-bottom: 4px;
    }
  }
}
.progress-linear {
  padding: 1px;
  background: lighten($black, 85%);
  border-radius: 20px;
  position: relative;
  width: 460px;
  margin: 6px;
  & .title-text{
    font-size: 18px;
    color: $black;
    position: absolute;
    display: inline-block;
    right: -40px;
    top: -9px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    color: $white;
    background: darken($hiremee, 15%);
    line-height: 30px;
    text-align: center;
  }
}

.gold-download-btn{

  margin-left: 16px;
  border-radius: 40px;
  background-color: lighten($black, 40%);
  color: $white;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  & span{
    display: inline-block;
  }
  & .lnr{
    margin-left: 8px;
  }

  &:hover{
    background-color: lighten($gole-primary-clr, 2%);
    color: lighten($black, 20%);
    & .lnr{
      animation: slideInDown 2s infinite;
    }
  }
}

.progress-linear-bar {
  height: 10px;
  border-radius: 20px;
  background-color: $hiremee;
  background-image: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background-image: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.05)
  );
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25),
    inset 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25),
    inset 0 1px rgba(255, 255, 255, 0.1);
}
.d-header{
  font-weight: 400 !important;
  margin-bottom: 12px !important;
  border-left-width: 2px;
}
.dp-footer{
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin: 12px 0;
  color: lighten($black, 55%);
  & p{
    line-height: 16px;
    margin-bottom: 3px;
  }
}
.gold-digital-profile{
  width: 800px;
  margin: 8px auto;
  border: 1px solid lighten($black, 80%);
  min-height: 320px;
  position: relative;
  background: $white;

  & .report-comp{
    margin: 0 auto;
    & .content{
      margin: 0 auto;
    }
    & .description-title{
      & .badge{
        margin-left: 12px;
        display: inline-block !important;
        margin-top: -3px;
      }
      & .list{
        height: 34px;
      }
    }
    & .graph {
      width: 160px;
      height: 160px;
      margin-right: 16px;
      & svg{
        width: 160px;
        height: 160px;
      }
    }
  }
  & .dp-header{
    border-bottom: 1px solid lighten($black, 80%);
    height: 70px;
    & .header-label{
      text-align: right;
      width: 100px;
      font-size: 16px;
      color: lighten($black, 50%);
      font-weight: 400;
      line-height: 1.3;
      margin-right: 8px;
    }
    & .hme-gold{
      width: 180px;
      position: relative;

      & img{
        width: 180px;
      }
      & .gold-logo-badge{
        position: absolute;
        bottom: -15px;
        right: -6px;
      }
    }
  }

  & .back-link{
    position: fixed;
    top:2px;
    width: 180px;
    padding: 10px;
    z-index: 200;
    border-radius: 40px;
    left: 0;
    right: 0;
    margin: 8px auto;
    background: rgba($black, 0.7);
    color: $white;
    font-size: 16px;
    display: inline-block;
    &:hover{
      background: rgba($white, 0.9);
      transform: translateY(-2px);
      color: $black;
      box-shadow: 0 0 8px lighten($black, 80%);
    }
  }
}


@keyframes slideInDown{
  from{
    margin-top: -8px;
    opacity: 0;
  }
  to{
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes slideRight{
  from{
    margin-left: -8px;
    opacity: 1;
  }
  to{
    margin-left: 8px;
    opacity: 0;
  }
}
@keyframes zoomInCenter{
  from{
    transform: scale(0);
  }
  to{
    transform: scale(1);
  }
}
@keyframes bounceInBottom{
  0%{
    margin-bottom: -100px;
    opacity: 0;
  }
  50%{
    margin-bottom: 10px;
    opacity: .8;
  }
  100%{
    margin-bottom: 0;
    opacity: 1;
  }
}