/* MaterialDesignIcons.com */
@font-face {
    font-family: "Material Design Icons";
    src: url("fonts/materialdesignicons-webfont.eot?v=1.6.50");
    src: url("fonts/materialdesignicons-webfont.eot?#iefix&v=1.6.50") format("embedded-opentype"), url("fonts/materialdesignicons-webfont.woff2?v=1.6.50") format("woff2"), url("fonts/materialdesignicons-webfont.woff?v=1.6.50") format("woff"), url("fonts/materialdesignicons-webfont.ttf?v=1.6.50") format("truetype"), url("fonts/materialdesignicons-webfont.svg?v=1.6.50#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.display-none{
    display: none !important;
}

.display-block {
    display: block !important;
}
.display-content {
    display: content !important;
}

.logo b img{
    width: 60px;
    height: 60px;
}

.logo span img{
    width: 149px;
    height: 21px;
}

/*login*/
.login-box .btn-block.btn-login {
    background: #03a9f3 !important;
    border: 1px solid #03a9f3 !important;
}

.login-box .btn-block.btn-login:hover,
.login-box .btn-block.btn-login:focus,
.login-box .btn-block.btn-login:active {
    background: #03a9f3 !important;
    opacity: .8 !important;
    border: 1px solid #03a9f3 !important;
}

.login-box .btn-login.btn-outline {
    color: #03a9f3 !important;
    background-color: transparent !important;
}

.login-box .btn-login.btn-outline:hover,
.login-box .btn-login.btn-outline:focus,
.login-box .btn-login.btn-outline:active {
    background: #03a9f3 !important;
    color: #fff !important;
    border: 1px solid #03a9f3 !important;
}
/*end login*/

/*top banner*/
@media (max-height: 399px){
    .adv-search-icon{
        display: inline-block !important;
    }

    .adv-search-text{
        display: none;
    }
}
@media (max-height: 770px){
    .display-none-device{
        display: none !important;
    }

}
/*end top banner*/

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9,
.col-10, .col-11, .col-12 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.visible-inline-block-xs {
    display: none;
}

@media (max-width: 767px){
    .visible-inline-block-xs {
        display: inline-block!important;
    }
}

.visible-xxs{
    display: none;
}
@media only screen and (max-width: 575px){
    .hidden-xxs{
        display: none;
    }
    .visible-xxs{
        display: block;
    }
}

@media (min-width: 1400px) {
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1800px) {
  .col-xxxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xxxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xxxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

h1, h2, h3, h4, h5, h6{
color: #686868;
}

.text-strong{
    font-weight: bold;
}

.text-line-through{
    text-decoration: line-through;
}

p.info-text{
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.text-split-inline{
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}

.text-default{
   color: #797979 !important;
}

.bg-default{
    background-color: #e4e7ea;
    color: #686868 !important;
}

.color-dark-gray{
    color: #686868 !important;
}

.color-gray{
    color: #9b9b9b;
}

.template-green{
    color: #00c292;
}

.template-red{
    color: #fb9678;
}

.template-yellow{
    color: #fec107;
}

.template-principal{
    color: #03a9f3 !important;
}

.display-inline-block{
    display: inline-block !important;
}
.display-inline-flex{
    display: inline-flex;
}

.display-group-inline {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.display-group-inline .item-group {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.vertical-align-middle{
    vertical-align: middle !important;
}
.vertical-align-top{
    vertical-align: top !important;
}

.write-vertical-180 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.p-l-r-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}

.p-l-r-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.p-l-r-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-t-b-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.p-t-b-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.p-t-b-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.p-t-b-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.p-t-b-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-t-b-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.p-t-b-190 {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
}
 .p-t-b-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
}

.m-r-150 {
    margin-right: 150px !important;
}

.m-r-l-7 {
    margin-left: 7.5px !important;
    margin-right: 7.5px !important;
}

.m-r-l-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.m-r-l-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-r-l-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.m-r-3{
    margin-right: 3px !important;
}

.m-r-4{
    margin-right: 4px !important;
}

.m-r-25{
    margin-right: 25px !important;
}

.m-r-8{
    margin-right: 8px !important;
}

.m-r-28{
    margin-right: 28px !important;
}
.m-r--10{
    margin-right: -10px !important;
}

.l-h-22{
    line-height: 22px;
}

.p-0{
    padding: 0;
}

.p-5{
    padding: 5px !important;
}

.p-15{
    padding: 15px !important;
}

.p-30{
    padding: 30px;
}
.p-t-8{
    padding-top: 8px !important;
}
.p-t-33{
    padding-top: 33px !important;
}
.m-auto{
    margin: auto;
}

.m-b-0{
    margin-bottom: 0;
}

.m-b-4{
    margin-bottom: 4px !important;
}

.m-b-10{
    margin-bottom: 10px;
}

.m-b-12{
    margin-bottom: 12px;
}

.m-b-15{
    margin-bottom: 15px !important;
}

.m-b-20{
    margin-bottom: 20px;
}

.m-b-25{
    margin-bottom: 25px;
}

.m-b-35{
    margin-bottom: 35px;
}

.m-b-40{
    margin-bottom: 40px;
}

.m-b-45{
    margin-bottom: 45px;
}

.m-b-50{
    margin-bottom: 50px;
}
.m-b-55{
    margin-bottom: 55px;
}
.m-b-60{
    margin-bottom: 60px;
}
.m-b-100{
    margin-bottom: 100px;
}

.m-t-0{
    margin-top: 0;
}

.m-t-6{
    margin-top: 6px;
}
.m-t-7{
    margin-top: 7px;
}
.m-t-8{
    margin-top: 8px;
}

.m-t-3{
    margin-top: 3px;
}

.m-t-14{
    margin-top: 14px;
}
.m-t-15{
    margin-top: 15px;
}
.m-t-18{
    margin-top: 18px !important;
}

.m-t-20{
    margin-top: 20px;
}
.m-t--20{
    margin-top: -20px;
}

.m-t-25{
    margin-top: 25px;
}

.m-t-27{
    margin-top: 27px;
}

.m-t-32{
    margin-top: 32px;
}

.m-t-35{
    margin-top: 35px;
}

.m-t-45{
    margin-top: 45px;
}

.m-t-50{
    margin-top: 50px;
}

.m-t-55{
    margin-top: 55px;
}

.m-t-60{
    margin-top: 60px !important;
}

.m-t-70{
    margin-top: 70px !important;
}

.m-t-80{
    margin-top: 80px !important;
}

.m-t-90{
    margin-top: 90px !important;
}

.m-t-100{
    margin-top: 100px;
}
.m-t-160{
    margin-top: 160px;
}

.m-t-16{
    margin-top: 16px;
}

.m-t-110{
    margin-top: 110px;
}
.m-t-120{
    margin-top: 120px;
}

.m-l-15{
    margin-left: 15px;
}

.m-l-0{
    margin-left: 0px !important;
}

.m-l-3{
    margin-left: 3px !important;
}

.m-l-35{
    margin-left: 35px !important;
}

.m-r-0{
    margin-right: 0 !important;
}

.m-r-3{
    margin-right: 3px;
}
.m-t-b-0{
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.m-t-b-15{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-l-r-15{
    margin-left:15px!important;
    margin-right:15px!important;
}
.p-40{
    padding: 40px !important;
}
.p-l-0{
    padding-left: 0 !important;
}

.p-l-5{
    padding-left: 5px !important;
}

.p-l-15{
    padding-left: 15px !important;
}

.p-l-18{
    padding-left: 18px !important;
}

.p-r-0{
    padding-right: 0px !important;
}

.p-r-5{
    padding-right: 5px !important;
}

.p-r-15{
    padding-right: 15px !important;
}

.p-r-17{
    padding-right: 17px !important;
}
.p-r-25{
    padding-right: 25px !important;
}
.p-r-30{
    padding-right: 30px !important;
}
.p-r-40{
    padding-right: 40px !important;
}
.p-r-175{
    padding-right: 175px !important;
}

.p-l-15{
    padding-left: 15px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.p-t-2 {
    padding-top: 2px !important;
}

.p-t-4 {
    padding-top: 4px !important;
}
.p-t-5 {
    padding-top: 5px !important;
}
.p-t-7 {
    padding-top: 7px !important;
}
.p-t-9 {
    padding-top: 9px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-7 {
    padding-top: 7px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-32 {
    padding-top: 32px !important;
}

.p-t-40{
    padding-top: 40px !important;
}
.p-t-50{
    padding-top: 50px !important;
}
.p-t-60{
    padding-top: 60px !important;
}
.p-t-70{
    padding-top: 70px !important;
}
.p-t-90{
    padding-top: 90px !important;
}
.p-t-100{
    padding-top: 100px !important;
}

.p-b-2 {
    padding-bottom: 2px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}
.p-b-7 {
    padding-bottom: 7px !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}
.p-b-50 {
    padding-bottom: 50px !important;
}
.p-b-60 {
    padding-bottom: 60px !important;
}
.p-b-80 {
    padding-bottom: 80px !important;
}
.p-b-90 {
    padding-bottom: 90px !important;
}

.b-b-0{
    border-bottom: 0 !important;
}

.b-b-1{
    border-bottom: 1px solid #e4e7ea !important;
}

.bottom-15{
    position: relative;
    bottom: 15px;
}

.width-0{
    width: 0px;
}
.width-20-px{
    width: 20px;
}
.width-40{
    width: 40px;
}

.with-100{
    width: 100%;
}
.width-85-percent{
    width: 85%;
}

.max-width-250{
    max-width: 250px;
}

.width-200{
    width: 200px;
}

.width-300{
    width: 300px;
}
.width-400{
    width: 400px;
}

.width-60{
    width: 60px;
}
.width-155{
    width: 155px;
}

.min-width-15{
    min-width: 15px;
}

.min-width-150{
    min-width: 150px;
}

.min-width-200{
    min-width: 200px;
}

.min-width-300{
    min-width: 300px !important;
}
.width-600{
    width: 600px;
}

.width-height-15{
    width: 15px !important;
    height: 15px !important;
}

.width-height-20{
    width: 20px !important;
    height: 20px !important;
}

.width-height-22{
    width: 22px !important;
    height: 22px !important;
}

.width-height-30{
    width: 30px !important;
    height: 30px !important;
}

.width-height-45{
    width: 45px;
    height: 45px;
}

.width-height-50{
    width: 50px !important;
    height: 50px !important;
}

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

.width-height-32{
    width: 32px !important;
    height: 32px !important;
}
.width-height-100{
    width: 100px !important;
    height: 100px !important;
}

.height-39{
    height: 39px !important;
}
.height-auto{
    height: auto !important;
}
.height-60{
    height: 65px !important;
}
.height-230{
    height: 230px !important;
}
.height-245{
    height: 245px !important;
}

.height-250{
    height: 250px !important;
}
.height-290{
    height: 290px !important;
}

.height-364{
    height: 364px !important;
}

.height-365{
    height: 365px !important;
}
.height-371{
    height: 371px !important;
}
.height-385{
    height: 385px !important;
}

.height-437{
    height: 437px !important;
}

.height-444{
    height: 444px !important;
}

.height-528{
    height: 528px !important;
}

.height-545{
    height: 545px !important;
}

.height-600{
    height: 600px !important;
}

.height-645{
    height: 645px !important;
}

.height-693{
    height: 693px !important;
}

.height-748{
    height: 748px !important;
}

.height-1020{
    height: 1020px !important;
}

.max-height-385{
    height: 385px;
    max-height: 385px;
    overflow-y: auto;
    overflow-x: hidden;
}

.max-height-400{
    height: 400px !important;
    max-height: 400px!important;
    overflow-y: auto;
    overflow-x: hidden;
}

.middle-table-list{
    height: 385px;
    max-height: 385px;
    overflow-y: auto;
    overflow-x: hidden;
}

.empty-table-vessel-list{
    height: 120px;
    max-height: 385px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bold{
    font-weight: bold;
}

.font-small{
    font-size: 80%;
}

.line-height-inherit{
    line-height: inherit;
}

.break-words{
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

i.fa-trash{
    cursor: pointer;
}

.title-check{
    font-size: 16px;
}

#page-wrapper{
    background-color: #fff;
}

.img-list{
    width: 76px !important;
    height: 76px !important;
}

.img-profile{
    width: 150px !important;
    height: 150px !important;
}

.img-thumbnail{
    display: inline-block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-no-border{
    padding: 0;
    border: 0;
    border-radius: 0;
}

.no-border{
    border: 0 !important;
}

.justify-content-space-between{
    justify-content: space-between;
}

.two-line-clamp{
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.four-line-clamp{
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    -o-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.one-line-clamp{
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.one-line-ellipsis{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.paragraph-lines {
    display: block!important;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    white-space: normal;
}

.img-circle {
    border-radius: 50%;
}

.pagination-area{
    width: 100%;
}

.pagination-area .pagination{
    margin: 0;
}

@media only screen and (max-width: 768px){
    .panel-body{
        padding: 10px !important;
    }

    .panel-body.p-r-15{
        padding-right: 0 !important;
    }
}

.img-text-user{
    display: inline-block;
    vertical-align: middle;
}

.footer-cruise{
    border-top: 1px solid #e4e7ea;
}

footer .show .dropdown-toggle::after,
footer .open .dropdown-toggle::after,
footer .show.open .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

footer a.dropdown-toggle{
    cursor: pointer;
}

.footer.footer-cruise{
    padding: 3px 20px;
    font-size: 12px;
}

.fa-stack.list-flag {
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 3px;
}
.fa-stack-1x.mdi{
    top:6px;
}

.ready-circle{
    color: #fec107;
}

.profile-name{
    color: rgba(0,0,0,.7);
    font-weight: 500;
}

.navbar-top-links.navbar-left .search{
    color: #fff;
    padding: 0 12px;
    line-height: 60px;
    min-height: 60px;
}

.navbar-top-links.navbar-left .search:hover, .navbar-top-links.navbar-left .search:focus{
    color: #fff;
    background: rgba(0,0,0,.1);
    text-decoration: none;
}

.icons-name a i{
    font-size: 14px;
}

.insights-profile{
    padding: 0;
}

.insights-profile .box-title{
    margin: 0px;
}

.insights-number{
    line-height: 35px;
    margin: 5px 0;
}

.insights-box-title{
    line-height: 20px;
}

.col-buttons-right{
    text-align: left;
    margin-top: 15px;
}

.font-30{
    font-size: 30px;
}

.font-36{
    font-size: 36px;
}

.font-50{
    font-size: 50px;
}

@media only screen and (min-width: 1200px) {
    .insights-left{
        padding-right: 15px;
    }
    .insights-right{
        padding-left: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .col-buttons-right{
        text-align: right;
        margin-top: 0;
    }
}

.color-info{
    color: #03a9f3;
}

.button-link-icon{
    display: inline-block;
    font-size: 30px;
    padding: 0;
}



.icon-deactive{
    color: #bcbbbb;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.icon-danger{
    color: #fb9678;
}

.icon-active{
    color: #03a9f3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.icon-active:hover, .icon-active:focus{
    color: #03a9f3;
    opacity: .8;
}

.icon-deactive:hover, .icon-deactive:focus{
    color: #03a9f3;
}

.panel-cruise{
    z-index: 900 ;
}

body[style^='overflow:hidden'] .panel-cruise{
   z-index: 1005 !important;
}

.panel-cruise .panel-heading {
    border-color: #fff;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0,0,0,.7);
    background-color: #fafafa;
    border: 1px solid rgba(120,130,140,.13);
    padding: 20px 25px;
}

.panel-cruise .panel-body{
    border: 1px solid rgba(120,130,140,.13);
    font-size: 16px;
    font-weight: 400;
    border-top: none;
}

.lobipanel.panel-collapsed>.panel-heading {
    border: 1px solid rgba(120,130,140,.13);
}

/*------------------------------------------- Fix edge problems with lists -------------------------------------------*/
ul li{
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
}

.page-legal-no-auth ul li{
    list-style-image: none;
}

.dropdown-user li,
.dropdown-user li > a,
ul.nav-second-level li,
ul.nav-second-level li > a,
ul.nav-third-level li,
ul.nav-third-level li > a{
    float: left;
    width: 100%;
}
/*------------------------------------------- End fix edge problems with lists -------------------------------------------*/
/*------------------------------------------- Fix tooltip problems with calc position -------------------------------------------*/
.tooltip {
    top: 0;
}
/*------------------------------------------- End fix tooltip problems with calc position -------------------------------------------*/

#wrapper #page-wrapper{
    padding: 0 0 24px;
}

@media (min-width: 768px){
    #wrapper.fix-top #page-wrapper {
        padding-top: 55px;
    }
}
.panel-cruise .panel-heading .dropdown .dropdown-menu>li>a{
    color: rgba(0,0,0,.7);
}

.panel-cruise .panel-heading .dropdown .dropdown-menu{
    margin-top: 5px;
}

.panel-cruise .panel-heading .dropdown .dropdown-menu.show{
    width: 160px;
}

.lobipanel .panel-heading .dropdown .dropdown-menu>li>a:focus:hover, .lobipanel .panel-heading .dropdown .dropdown-menu>li>a:hover {
    cursor: pointer;
}

.cursor-pointer{
    cursor: pointer;
}

.cursor-no-allowed{
    cursor: not-allowed !important;
}
.cursor-grab{
    cursor: grab !important;
}

.clear-all:hover{
    color: #363636;
}

.table-performance-review .table.dataTable{
    border: 2px solid #f1f2f7;
}

.chart-container{
    position: relative;
    display: flex;
    height: 100%;
    /*top: 50%;*/
    /*-ms-transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
}

.chart-elements-container{
    margin: auto;
}

@media only screen and (max-width: 991px) {
    .table-performance-review{
        margin-top: 25px;
    }
}

/*Performance Review*/
.top-level-tab-nav li a{
    padding: 9px 10px;
    font-size: 16px;
    color: #363636;
}
.top-level-tab-nav li.active a{
    background: #64c1f6;
    color: #fff;
}
.top-level-tab-nav ul{
    margin-bottom: 0;
}
.top-level-tab-nav ul li{
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

.question-tab ul li a{
    padding: 8px 15px;
    display: block;
    color: #363636;
    border: 1px solid transparent;
    padding-left: 45px;
    position: relative;
}
.question-tab li a:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #b7b7b7;
    position: absolute;
    left: 15px;
    top: 8px;
}
.question-tab li.active a:before{
    background: white;
    border: transparent;
}
.question-tab li.active a:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 15px;
    background: #2489c5;
    position: absolute;
    left: 20px;
    top: 13px;
    display: block;
}
.question-tab li.active a{
    background: #e1e1e1;
}

.question-tab li{
    position: relative;
}
.question-tab li.active:after{
    content: "\f105";
    z-index: 9;
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    right: 9px;
    top: 11px;
    color: #363636;
}

.qa-builder-heading{
    color: #363636;
    font-size: 16px;
    margin-bottom: 10px;
}

.qa-builder-heading .fa-info-circle{
    color: rgba(0,0,0,.7);
}

.qa-question-input-wrapper{
    /*padding-right: 60px;*/
    margin-bottom: 15px;
}

.question-lists li{
    margin-bottom: 10px;
}
.qa-answer-option-item{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 15px;
}
.iradio_css{
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    border: 1px solid #b8b8b8;
    cursor: pointer;
}
.iradio_css.checked:before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: block;
    background: #2489c5;
    top: 4px;
    left: 4px;
    position: absolute;
    z-index: 1;
}
.qa-answer-option-item .icheck_box{
    position: absolute;
    left: 0;
    top: 8px;
}

.qa-answer-separator{
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.qa-optional-inputs label{
    font-weight: 400!important;
    color: #404040!important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 14px!important;
}

.qa-optional-inputs{
    margin-bottom: 20px;

}
.qa-submit{
    background: #30c6a3;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    outline: none !important;
    border: none;
}

.qa-answer-text{
    margin-bottom: 15px;
}
.qa-answer-text-limit{
    font-weight: 700;
    margin-bottom: 15px;
}
.form-control.only-bottom-border{
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}

.question-lists li a{
    display: block;
    position: relative;
    padding-right: 25px;
    font-weight: 500;
}
.question-lists li{
    padding-left: 30px;
    position: relative;
}
.delete-question {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    border-radius: 30px;
    text-align: center;
    line-height: 15px;
    color: #fff;

    position: absolute;
    right: 6px;
    top: 10px;
    border: none;
    outline: none !important;
    background: transparent!important;
}
.delete-question button {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    border-radius: 30px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 6px;
    top: 10px;
    border: none;
    outline: none !important;
    background: white!important;
}
.delete-question i:before {

    color: #686868;

}
.fa-trash:hover:before {
    color: red;
    transition: all .8s;
}


.qa-answer-input-wrapper{
    padding-left: 0;

}

.qa-answer-option-item li:before{
    content: "\f0c9";
    width: 10px;
    height: 10px;
    background: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    left: 0;
    top: 5px;
    color: #929394;
}

.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: #979898;
    text-decoration: none;
    font-weight: bold;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd3-content a{
    color: #686868;
    text-decoration: none;
}
.dd3-content a:hover, .dd3-content a:focus,.dd3-content a:active{
    color: #03a9f3 !important;
}


.custom-dd-empty .dd-list .dd3-content {
    height: auto;
    border: none;
    padding: 8px 19px 8px 46px;
    background: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.custom-dd-empty .dd-list .dd3-handle {
    border: none;
    background: #fff;
    height: 36px !important;
    width: 36px !important;
}

.custom-dd-empty .dd-list .dd3-handle:before {
    color: inherit;
    top: 7px;
}

.dd {
    max-width: 100%!important;
    margin: 0 0 0 10px!important;
}

.qa-header:hover{
    background: #f2f2f2!important;
    transition: all .8s;
}

.w80{
    width: 79%;
    display: inline-block;
}

.w20{
    width: 20%;
    display: inline-block;
}

.qa-answer-option-item span {
    position: absolute;
    left: 5px;
    top: 10px;
}

.qa-answer-option-item button span {
    position: inherit;
    left: 0;
    top: 0;
}

.question-tab-content .tab-content{
    margin-top: 0;
}

.one a {
    text-decoration: none;
    font-weight: 400;
    position: relative;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    margin: 20px auto;
    color: #797979 !important;
    background: #fff;
    width: 35%;
}

.one a:hover {
    color: #03a9f3 !important;
    background-color: #fff;
    transition: all .6s;
}

.one a:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #03a9f3;
    content: '';
    -webkit-transform: translateY(8px);
    opacity: 0;
    transition-property: -webkit-transform, opacity;
    transition-duration: .6s;
}

.one a:hover:before {
    -webkit-transform: translateY(0);
    opacity: 1;
}

.card-box {
    padding: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.card-box {
    border: none;
    padding: 20px!important;
}

.card-box {
    border: none;
}

.qa-header {
    background: #e1e1e1;
    padding: 1px 0 1px 10px;
    margin: 5px 0;
    color: #979898;
    text-decoration: none;
    transition: all .8s;
}

.qa-header:hover {
    background: #f2f2f2!important;
    transition: all .8s;
}

.bg-temporal {
    background: #f1f1f1!important;
}

.with25 {
    width: 25%!important;
}

.right{
    float: right;
    text-align: right;
}

.fix-width {
    max-width: 65%!important;
}

.header-title.text-overflow {
    position: relative;
}

.text-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
}

/* .name-two-lines{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 42px;
} */

.text-two-lines {
    width: 100%;
    height: 42px; /* Ensures space for up to 2 lines */
    text-align: center; /* Centers text horizontally */

    display: flex;
    align-items: center; /* Centers the inner container vertically */
    justify-content: center; /* Optional: Centers horizontally */
}

.text-two-lines h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits text to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 42px; /* Prevents more than 2 lines */

    margin: 0; /* Removes default margin */
    padding: 0; /* Ensures no extra spacing */
    font-weight: normal; /* Optional: adjust font weight */
}

.two-row-clamp-min-width-230 {
    min-width: 230px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits text to 2 lines */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 43px; /* Ensures only 2 lines are visible */
}

.text-paragraph{
    white-space: normal;
    margin: 0;
}
    
.text-pink{
    color: #d12cab;
}

.label-section-region {
    float: left;
}

.right-options {
    margin: 7px 12px 7px 7px;
    position: absolute;
    top: 0;
    right: 0;
}

.right-options a{
    color: #686868;
}

.right-options a.mdi-pencil:hover, .right-options a.mdi-pencil:focus{
    color: #03a9f3;
    cursor: pointer;
}

.input-group-btn .btn {
    padding: 8px 12px 7px;
}

/*Performance Review*/
.form-control:focus {
    box-shadow: none;
    border-color: #03a9f3;
}

.add-section-region-general, .add-section-region{
    padding: 5px 5px 5px 0;
}

.add-section-region-general .input-group-addon, .add-section-region .input-group-addon {
    padding: 6px 4px;
    font-size: 14px;
}

.b-l-1-dark{
    border-left: 1px solid !important;
}

.b-l-1{
    border-left: 1px solid rgba(120,130,140,.13) !important;
}

.b-r-0{
    border-right: 0 !important;
}

.b-r-1{
    border-right: 1px solid rgba(120,130,140,.13) !important;
}


.border-radius-0{
    border-radius: 0!important;
}

.border-radius-50{
    border-radius: 50%;
}

.visibility-hidden{
    visibility: hidden;
}

.badge-custom {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0;
    background-color: #03a9f3!important;
    min-width: 10px;
    padding: 3px 7px;
    line-height: 1;
}

.panel-group .panel .panel-heading.panel-audience a[data-toggle=collapse]{
    display: inline;
}

.acordion-options {
    margin-right: 40px;
    margin-top: -19px;
    text-align: -webkit-right;
    text-transform: lowercase!important;
}

.acordion-options span {
    border-left: 1px solid #d6d6d6;
    padding-left: 10px;
    padding-right: 10px;
}

.acordion-options span:last-child {
    border-right: 1px solid #d6d6d6;
}

.panel-group .panel{
    margin-top: 5px;
}

.tagcloud06 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tagcloud06 ul li {
    display: inline-block;
    margin: .3em;
    padding: 0;
}

.tagcloud06 ul li a {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 1em 0 .75em;
    background-color: #e5e5e4;
    border-radius: 3px;
    color: #555;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.tagcloud06 ul li[data-type="ship"] a{
    background-color: #b3dcf7;

}

.tagcloud06 ul li a:hover, .tagcloud06 ul li a:focus, .tagcloud06 ul li.selected a {
    background: #03a9f3 !important;
    color: #fff!important;
}

.radio, .checkbox {
    margin-top: -5px;
}

/*workflow*/
.workflow-card-box{
    padding: 20px;
    border: 2px solid #f3f3f3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 20px;
    background-color: #ffffff;
}

/*.workflow-card-box, .add-workflow{*/
    /*height: 315px;*/
/*}*/

.thumb-xl {
    height: 120px;
    width: 120px;
}

.star-padding-0 {
    -webkit-padding-start: 0px!important;
}

ul.sortable{
    list-style: none;
}

.min-width-50{
    min-width: 50px;
}

.min-width-70{
    min-width: 70px;
}

.min-width-80{
    min-width: 80px;
}

.min-width-120{
    min-width: 120px;
}

.min-width-150{
    min-width: 150px;
}
.min-width-170{
    min-width: 170px;
}
.min-width-200{
    min-width: 170px;
}
.width-100{
    width: 100%;
}
.width-70-percent{
    width: 70%;
}
.width-50-percent{
    width: 50%;
}

.width-25-px{
    width: 25px !important;
}
.width-30-px{
    width: 30px;
}
.width-35-px{
    width: 35px;
}
.width-40-px{
    width: 40px !important;
}
.width-50-px{
    width: 50px;
}
.width-60-px{
    width: 60px;
}
.width-70-px{
    width: 70px;
}
.width-100-px{
    width: 100px;
}
.width-120-px{
    width: 120px;
}
.width-125-px{
    width: 125px;
}
.width-150-px{
    width: 150px;
}
.width-200-px{
    width: 200px;
}
.width-250-px{
    width: 250px !important;
}
.width-300-px{
    width: 300px !important;
}
.width-50{
    width: 50%;
}
.width-78{
    width: 78% !important;
}
.width-20{
    width: 20% !important;
}

.width-130{
    width: 130px;
}

.width-145{
    width: 145px;
}

.width-80{
    width: 80px;
}

@media only screen and (max-width: 1200px) {
    .btn-application-action{
        font-size: 12px;
        padding: 0.2rem 0.8rem;
    }
}
@media only screen and (max-width: 480px) {
    .btn-application-action{
        width: 100%;
        margin: 0 0 5px 0;
    }
}

.dropdown-toggle.card-drop::after {
    content: none;
}

.workflow-card-box .dropdown-menu, .options-questions .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    padding: 5px 0;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
}

.dropdown-item.disabled:hover, .dropdown-item.disabled:focus{
    color: #6c757d !important;
    background-color: transparent;
    cursor: default;
}

.workflow-card-box .dropdown-menu>li>a:focus, .workflow-card-box .dropdown-menu>li>a:hover,
.options-questions .dropdown-menu>li>a:focus, .options-questions .dropdown-menu>li>a:hover {
    color: #03a9f3;
    background: #f7fafc;
}

.workflow-card-box:focus, .workflow-card-box:hover {
    box-shadow: rgba(0,0,0,.2) 0 3px 3px!important;
    cursor: move !important;
}

.workflow-card-box.first:focus, .workflow-card-box.first:hover {
    box-shadow: rgba(0,0,0,.2) 0 3px 3px!important;
    cursor: default !important;
}

.add-workflow, .add-recognition, .add-disciplinary-action, .add-badge {
    border: 2px dashed #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin: auto;
    background-color: #f9f9f9;
    min-height: 298px;
    padding: 26px 10px;
    transition: all .4s;
}

.workflow-application .add-workflow, .add-recognition, .add-badge, .add-disciplinary-action {
    min-height: 250px;
}
 .add-disciplinary-action {
    min-height: 338px;
     padding: 18px 10px;
}
.cancel-disciplinary-action {
    position: relative;
    top: -18px;
    right: -8px;
}

.add-recognition, .add-badge{
    padding: 9px 10px;
}

.add-workflow span:before, .add-recognition span:before, .add-badge span:before, .add-disciplinary-action span:before {
    font-family: "Material Design Icons";
    content: "\F419";
    font-size: 12.9em;
    color: #dcdcdc!important;
}

.workflow-application .add-workflow span:before, .workflow-application .add-recognition span:before, .workflow-application .add-badge span:before, .workflow-application .add-disciplinary-action span:before {
    line-height: 197px;
}

.add-workflow:hover, .add-recognition:hover, .add-badge:hover, .add-disciplinary-action:hover {
    background-color: #fff;
    color: #fff!important;
    border: 1px solid #eee;
    transition: all .4s;
    box-shadow: rgba(0,0,0,.2) 0 3px 3px!important;
}

.add-workflow span:hover:before,
.add-workflow span:focus:before,
.add-recognition span:hover:before,
.add-recognition span:focus:before,
.add-badge span:hover:before,
.add-badge span:focus:before,
.add-disciplinary-action span:hover:before,
.add-disciplinary-action span:focus:before{
    color: #03a9f3 !important;
}

.form-control.edit-react{
    margin-bottom: 13px;
    padding: 7px !important;
}


.btn-save.form-control{
    color: #ffffff;
}

@media only screen and (max-width: 1200px) {
    .workflow-action, .workflow-action .qa-builder-heading{
        margin: 0 !important;
    }

    .workflow-buttons{
        margin-top: 20px !important;
    }

    .workflow-select-position{
        margin-top: 10px !important;
    }

    .workflow-overdue .qa-builder-heading{
        margin-bottom: 0 !important;
    }

    .workflow-add-card .workflow-overdue{
        margin-top: 20px !important;
    }

    .workflow-add-card .workflow-select-position{
        margin-top: 15px !important;
    }

    .workflow-add-card .qa-builder-heading{
        margin-bottom: 0 !important;
    }
}

/*finalice*/
.title-content {
    margin-top: 25px!important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px!important;
    position: relative!important;
    max-width: 950px!important;
    padding: 15px!important;
    background: #03a9f3!important;
    border-radius: 0!important;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    border: 1px solid #03a9f3!important;
    font-size: 22px;
}

.bg-gray{
    background: #eee!important;
}

.pagination-area ul.pagination li a,
.pagination-area ul.pagination li span{
    height: 34px;
    padding: 6px 12px;
}

.pagination-area .btn-prev-pagination,
.pagination-area .btn-next-pagination,
.pagination-area .btn-pagination,
.pagination-area .btn-pagination{
    height: 34px;
    padding: 5px;
}

.pagination-area .btn-prev-pagination:hover,
.pagination-area .btn-prev-pagination:focus,
.pagination-area .btn-prev-pagination:active,
.pagination-area .btn-next-pagination:hover,
.pagination-area .btn-next-pagination:focus,
.pagination-area .btn-next-pagination:active
{
    box-shadow: none;
    background-color: #03a9f3;
    color: #ffffff;
    border: 1px solid #03a9f3;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #03a9f3;
    border-color: #03a9f3;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: rgba(3, 177, 251, 0.18);
}

.final-header {
    border-bottom: #03a9f3 solid 1px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
    position: relative;
}

.final-header > span {
    border-bottom: #03a9f3 solid 3px;
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 0;
}

.select2-search-field:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f002";
    top: 6px;
    right: 12px;
}

.select2-container-disabled .select2-search-field:before {
    content: "";
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.move-card:before {
    content: "\e6e2";
    font-family: themify;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    margin: 15px -8px;
    color: #ccc;
}

.move-card {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 5px;
    background: white;
    font-size: 14px;
}

.move-card:hover {
    box-shadow: rgba(0,0,0,.2) 0 3px 3px!important;
    cursor: move!important;
}

.calendar-date-out .input-group-addon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0;
    background-color: #eceeef;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.fc .loading{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.input-group-filled .input-group-addon{
    background-color: #eceeef;
    border-radius: 0;
    border-right: 0;
}

.has-error .input-group-filled .input-group-addon {
    color: #686868;
    border: 1px solid rgba(120,130,140,.13);
    background-color: #eceeef;
}

.review-content {
    margin: auto!important;
    position: relative!important;
    max-width: 950px!important;
    padding: 50px!important;
    background: white!important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px!important;
}

.review-content:first-child {
    margin: auto!important;
    border-radius: 0 0 5px 5px !important;
    margin-bottom: 20px !important;
}

.review-pagination{
    max-width: 950px!important;
    margin: auto;
}
.font-8{
    font-size: 8px;
}
.font-9{
    font-size: 9px !important;
}
.font-10{
    font-size: 10px;
}
.font-11{
    font-size: 11px;
}
.font-12{
    font-size: 12px !important;
}
.font-13{
    font-size: 13px !important;
}
.font-14{
    font-size: 14px !important;
}
.font-16{
    font-size: 16px !important;
}
.font-18{
    font-size: 18px !important;
}
.font-20{
    font-size: 20px;
}
.font-22{
    font-size: 22px;
}
.font-26{
    font-size: 26px;
}
.font-28{
    font-size: 28px;
}
.font-30{
    font-size: 30px;
}
.font-35{
    font-size: 35px;
}
.font-40{
    font-size: 40px !important;
}

.l-h-18 {
    line-height: 18px;
}
.opacity-5{
    opacity: .5 !important;
}
.opacity-7{
    opacity: .7 !important;
}


.step-by-step-content.content-wrap section{
    padding: 0;
    min-height: 0;
}

.step-by-step-container nav ul {
    justify-content: center;
}

/*.step-by-step-container nav ul li:first-child {*/
    /*margin-left: 0;*/
/*}*/

.step-by-step-container nav li.tab-current a::after {
    background: #03a9f3;
}

.step-by-step-container nav a:focus, .step-by-step-container nav a:hover {
    color: #03a9f3;
}

.step-by-step-container  nav a:focus::after, .step-by-step-container  nav a:hover::after, .step-by-step-container  nav li.tab-current a::after {
    background: #03a9f3;
}

.tabs-style-linebox nav li.tab-current .text-info {
    color: #fff !important;
}
.text-decoration-underline{
    text-decoration: underline;
}

.block-loading{
    background: rgba(76, 175, 80, 0.3);
    width: 100%;
    height: 100%;
    min-height: 50px;
    position: absolute;
    top:0;

}

.display-inline{
    display: inline;
}

.box-shadow-none{
    box-shadow: none !important;
}

.check-validate label.error, .validated-password label.error{
    color: red;
}

.text-right-responsive, .text-right-responsive-xs, .text-right-responsive-sm, .text-right-responsive-md, .text-right-responsive-lg {
    text-align: right;
}

.pull-right-responsive-xs, .pull-right-responsive-sm{
    float: right;
}


.filters-dashboard{
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
}

.filters-dashboard:first-child{
    margin-left: 0;
}

.width-200-100{
    width: 200px;
}

.width-400{
    width: 400px !important;
}

.ribbon-custom{
    right: -43px;
    top: -35px;
    font-size: 20px;
}

.ribbon-small{
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    top: 6px;
}

.ribbon-small.ribbon-right{
    left: auto;
    right: -5px;
}

.visible-inline-576{
    display: none;
}

@media only screen and (max-width: 768px) {
    .text-right-responsive{
        text-align: left;
    }

    .text-center-xs{
        text-align: center !important;
    }

    .filters-dashboard{
        display: block;
        margin-left: 0;
        margin-bottom: 10px !important;
    }

    .width-200-100{
        width: 100%;
    }

    .ribbon-custom {
        right: -13px;
        top: -13px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .text-right-responsive-lg{
        text-align: left;
    }
}

@media only screen and (max-width: 992px) {
    .text-right-responsive-md{
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .text-right-responsive-sm{
        text-align: left;
    }
    .pull-right-responsive-sm{
        float: none;
    }
}

@media only screen and (max-width: 575px) {
    .text-right-responsive-xs{
        text-align: left;
    }
    .pull-right-responsive-xs{
        float: none;
    }
    .bg-gray{
        padding: 0 !important;
    }
    .visible-inline-576{
        display: inline-block;
    }
}

.white-box.questions-steps{
    padding: 0;
    margin-bottom: 0;
    margin-top: 15px;
}

.questions-steps .thin-steps-numbered-bg .step-title{
    font-size: 18px;
}

.questions-steps .thin-steps-numbered-bg .column-step.active .step-number, .questions-steps .thin-steps-numbered-bg .step-number{
    font-size: 82px;
    bottom: -13px;
}

.questions-steps .thin-steps-numbered-bg .column-step{
    padding: 15px;
}

.questions-steps .thin-steps-numbered-bg{
    margin-left: 0;
    margin-right: 0;
}

.thin-steps-numbered-bg .step-number {
    color: #03a9f3;
}

.thin-steps-numbered-bg .column-step.active .step-number {
    color: #b0e1f7;
}

@media only screen and (max-width: 768px) {
    .questions-steps .thin-steps-numbered-bg .column-step.active .step-number, .questions-steps .thin-steps-numbered-bg .step-number{
        font-size: 50px;
        bottom: -17px;
    }

    .questions-steps .thin-steps-numbered-bg .column-step{
        padding: 10px;
    }
}

/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type:none;
    padding:0;

    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star {
    display:inline-block;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
    font-size:2.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
    color: #ed6e58;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color: #ed5565;
}

/* Character Count styles */
.qa-question-input-wrapper .counter{
    position:relative;
    float: right;
    top: -25px;
    font-size:14px;
    color: #999999;
     margin-right: 17px;
}
.qa-question-input-wrapper .warning{color:#600;}
.qa-question-input-wrapper .exceeded{color:#e00;}



/*Menu nav*/
#side-menu .nav{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f7fafc;
}

#side-menu .nav-second-level li .nav-third-level.collapse.in, .nav-third-level {
    left: 211px;
}
/*end Menu nav*/

/*Menu nav fourth level*/
.sidebar {
    z-index: 998 !important;
}

.sidebar .nav-second-level li a{
    padding-left:15px;
}
.sidebar .nav-third-level li a{
    padding-left:25px;
}
.sidebar .nav-fourth-level li a{
    padding-left:35px;
}

@media (min-width:767px){
    .sidebar .nav-second-level li a{
        padding-left:15px;
    }
    .sidebar .nav-third-level li a{
        padding-left:15px;
    }
    .sidebar .nav-fourth-level li a{
        padding-left:15px;
    }
    #side-menu .nav-second-level li .nav-fourth-level.collapse.in,.nav-fourth-level{
        position:absolute;
        width:220px;
        left:211px;
        top:0;
        display:none;
        box-shadow:5px 10px 20px rgba(0,0,0,.05)
    }
    #side-menu .nav-third-level li:hover .nav-fourth-level,#side-menu .nav-third-level li:hover .nav-fourth-level.collapse.in{
        display:block
    }
    #side-menu .nav-third-level.two-li>li:hover .nav-fourth-level{
        z-index:1;
        box-shadow:2px 0 20px rgba(0,0,0,.05);
    }
}
/*end Menu nav fourth level*/

/*dashboard*/
/*Cards dashboard*/
.card-dashboard{
    border: 1px solid #ddd;
    padding: 25px 25px 15px;
}

.card-dashboard-data{
    height: 70px;
}

.two-part-30-70 li:first-child{
    width: 28%;
}

.two-part-30-70 li i{
    font-size: 50px;
}

@media screen and (max-width: 58em){
    .sttabs nav a span {
         display: block;
    }
    .sttabs.dynamic-tabs-container nav a span {
         display: inline-block;
    }
}

.two-part-30-70 li:last-child{
    width: 69.8%;
}

.number-count{
    line-height: 44px;
    font-size: 40px !important;
}

.text-small-number{
    font-size: 12px;
}

.number-big{
    line-height: 30px;
}

.cards-charts canvas{
    width: 100% !important;
    height: auto !important;
    max-height: 150px !important;
    max-width: 150px !important;
}
.legend-chart .chart-loading{
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (min-width: 992px){

    .cards-charts .fa-spin{
        position: absolute;
        margin-top: 30%;
    }
}

@media (min-width: 766px){

    .cards-charts .fa-spin{
        position: absolute;
        margin-top: 40%;
    }
}

@media (min-width: 576px){

    .cards-charts .fa-spin{
        position: absolute;
        margin-top: 15%;
    }
}

.chart-container .cards-charts .fa-spin{
    top: -50px;
    margin-top: 0;
}

.thin-steps-numbered-bg .column-step.active .step-number, .thin-steps-numbered-bg .step-number{
    z-index: 0;
}


.border-down{
    border-bottom: 1px solid #e4e7ea;
}

/*workflow datatable*/
.bg-gray {
    background: #eee!important;
}

.bg-success{
    background: #00c292!important;
}

.bg-pending{
    background: #fec107!important;
}

.bg-orange {
    background-color: #ec9006!important;
}
.progress.bar-steps{
    position: relative;
    overflow: visible;
    background-color: transparent!important;

}

.progress-bar.progress-hover:first-child{
    margin-left: 0;
    border-radius:  5px 0 0 5px;
}

.progress-bar.progress-hover:last-child{
    border-radius:  0 5px 5px 0;
}

.progress-bar.progress-hover:hover:last-child{
    border-radius:  0 5px 5px 0;
}

.progress-bar.progress-hover.progressbar-unique{
    border-radius:  5px 5px 5px 5px !important;
}
.progress-bar.progress-hover{
    position: relative;
    overflow: hidden;
    margin-left: 1.2%;
}

.progress-hover:hover:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 69px;
    background: rgba(0,0,0,0);
}
.progress-hover:hover{
    box-shadow: rgba(0,0,0,.1) 0 2px 6px!important;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    border: 2px solid rgba(255,255,255,.5);
}

.tooltip-hover{
    left: 50%;
    bottom: 112%;
    background-color: rgba(255,255,255,1);
    border-radius:0 5px 5px 0 ;
    display: none;
    position: absolute;
    min-width: 200px;
    box-shadow: rgba(0,0,0,.1) 0 2px 6px!important;
    color: #575d69 !important;
    font-size: 14px;
    z-index: 999;
}
.progress .progress-bar .tooltip-hover{
    right: 0;
    left: auto;
}

.bg-gray .tooltip-hover{
    border-left: solid 4px #eee;
}

.bg-success .tooltip-hover{
    border-left: solid 4px #00c292;
}

.bg-pending .tooltip-hover{
    border-left: solid 4px #fec107;
}

.tooltip-hover img{
    width: 35px!important;
    height: 35px!important;
    margin-right: 6px !important;
}

.tooltip-hover img.wide{
    width: 100% !important;
    height: auto !important;
}


.progress-hover:hover  .tooltip-hover{
    display: inline-block;
}

.tooltip-hover .fb-inbox-item {
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px 10px;
    margin-top: 5px;
}

.content-wrap section p{
    padding: 0;
}

.font-100{
    font-weight: 100;
}

.font-300{
    font-weight: 300;
}

.font-400{
    font-weight: 400;
}

.font-600{
    font-weight: 600;
}

.tooltip-hover .font-300{
    white-space: normal;
}

/*Datatable*/
.dataTables_wrapper .dataTables_filter{
    margin-bottom: 5px !important;
}

.dataTables_wrapper .dataTables_filter input{
    margin-left: 0 !important;
}
.dataTables_paginate.paging_listbox select{
    background-color: #fff;
    border: 1px solid #e4e7ea;
    border-radius: 0;
    box-shadow: none;
    color: #565656;
    min-width: 40px;
    transition: all 300ms linear 0s;
    text-align-last: center;
}
.dataTables_length label{
    margin-right: 10px;
}
.dataTables_length .dt-button{
    font-size: 14px;
    border-left: 1px #eee solid!important;
    display: inline;
    margin-right: 0;
}

.jsGridTables_length .dt-button{
    font-size: 14px;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 10px;
}


div.dt-buttons{
    margin-top: 5px !important;
}

button.dt-button, div.dt-button, a.dt-button{
    color: rgba(0,0,0,.7);
}

.dt-buttons a{
    border-right: 1px #eee solid!important;
    margin-right: 0 !important;
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
}

.dt-buttons a:active{
    box-shadow: none !important;
}

.dt-buttons a:hover, .dt-buttons a:focus{
    color: #fff !important;
    background-color: #03a9f3 !important;
}

.dt-buttons a:first-child {
    border-left: none!important;
}

.dt-buttons a:last-child {
    border-right: none!important;
    border-left: none!important;
}

.buttons-copy, .buttons-csv, .buttons-pdf, .buttons-excel, .buttons-print, .buttons-refresh {
    background-color: white!important;
    background-image: none !important;
    border: none!important;
}

.fb-inbox-item img {
    width: 50px;
    height: 50px;
    margin-right: 12px;
}

table.dataTable .fb-inbox-widget tbody tr{
    background-color: transparent;
}

table.dataTable .fb-inbox-widget tbody tr:focus, table.dataTable .fb-inbox-widget tbody tr:hover{
    background-color: transparent;
}

.fb-inbox-item-text{
    padding: 8px 10px 8px 0 !important;
}

.fb-inbox-item-center table.fb-inbox-item{
    width: 100%;
}
.fb-inbox-item-center .fb-inbox-item-img{
    text-align: right;
}
.sub-right {
    border-right: solid #eee 1px;
}

.datatable-actions a:hover, .datatable-actions a:focus{
    color: #03a9f3 !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background : none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #03a9f3;
    background-color: #03a9f3;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid rgba(3, 177, 251, 0.18);
    background-color: rgba(3, 177, 251, 0.18);
}


ul.gj-list{
    margin-bottom: 0;
}
.gj-checkbox-md input[type=checkbox]:indeterminate+span:after{
    top:2px !important
}

.gj-checkbox-md input[type=checkbox]:checked+span:after{
    top:1px !important
}

/*start performance review*/

.title-start-performance{
    margin-top: 65px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px !important;
    max-width: 950px!important;
    padding: 15px!important;
    border-radius: 0!important;
    color: #686868;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 22px;
}

.box-questions-workflow{
    padding: 10px;
    border: 1px #eee solid!important;
}

.twi-user.start-performance{
    margin: 0;
}

.workflow-now{
    font-size: 80%;
}

.title-questions-text{
    font-size: 18px;
    color: rgba(0,0,0,.7);
    font-weight: 500;
}

.cant-questions{
    font-size: 40px;
    line-height: 30px;
}

.btn-continue{
    padding: .8rem 6.2rem;
}

.questions-p-30{
    padding: 30px;
}

@media only screen and (max-width: 768px) {
    .twi-user.user-data {
        margin-bottom: 20px;
    }

    .questions-p-30{
        padding: 0;
    }

    .review-content{
        padding: 20px!important;
    }
}

@media only screen and (max-width: 576px) {
    .user-data{
        text-align: center;
    }

    .user-data .img-profile{
        margin-right: 0;
    }
}

/*Career Navigation*/
.color-success{
    color: #00c292 !important;
}

.color-danger{
    color: #fb9678;
}

.color-red{
    color: red;
}

.color-warning{
    color: #fec107;
}

.bg-success{
    background-color: #00c292 !important;
}

.bg-danger{
    background-color: #fb9678;
}

.bg-red{
    background-color: red;
}

.bg-warning{
    background-color: #fec107;
}

.color-blue-career{
    color: #03a9f3;
}

.percent-insights{
    text-align: right;
}

.add-mentor i{
    font-size: 64px;
}

.supervisor .fb-inbox-item img{
    margin-right: 6px;
    margin-left: 6px;
}

.add-mentor .fb-inbox-item img{
    margin-right: 6px;
    margin-left: 6px;
}

.change-supervisor-mentor a:hover i, .change-supervisor-mentor a:hover p, .change-supervisor-mentor a:focus i, .change-supervisor-mentor a:focus p{
   color: #03a9f3;
}

.change-supervisor-mentor a:hover img,.change-supervisor-mentor a:focus img{
    border: 3px solid #03a9f3;
}

/*schedule*/
.column-schedule{
    width: 100%;
    border-radius: 4px;
    /*border: 1px solid #bfbfbf;*/
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.schedule-top-color{
    border-radius: 4px 4px 0 0;
    height: 5px;
    background-color: #03a9f3;
}

.column-schedule-head{
    font-size: 18px;
    color: rgba(0,0,0,.7);
    font-weight: 500;
    text-align: left;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.column-schedule-body{
    width: 100%;
    height: 515px;
    max-height: 515px;
    overflow-y: auto;
    overflow-x: hidden;
}

.column-schedule-body.column-career-dashboard{
    width: 100%;
    height: 852px;
    max-height: 852px;
    overflow-y: auto;
    overflow-x: hidden;
}

.schedule-table.schedule-table-empty .column-schedule-body.column-career-dashboard{
    width: 100%;
    height: 340px;
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
}

.schedule-table.schedule-table-empty .schedule-posts-ul{
    min-height: 330px;
}

.schedule-posts-ul{
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 500px;
}

.schedule-posts-ul li{
    background-color: #fff;
    padding: 20px 15px 5px;
    cursor: move;
}

.schedule-card{
    padding: 5px;
    border-bottom: 1px solid #f6f4f4;

}
.schedule-posts-ul li.new-skill{
    background-color: rgba(11, 144, 253, 0.03);
}

.comments-attach-profile a:hover i, .comments-attach-profile a:focus i{
    color: #03a9f3;
}

.add-task a{
    font-size: 18px;
    color: #bfbfbf;
    font-weight: 500;
}

.column-schedule-footer a{
    color: #bfbfbf;
}

.add-task a:hover, .add-task a:focus, .add-task a:hover, .add-task a:focus{
    color: #03a9f3;
}

.type-task i{
    color: rgba(84, 102, 122, 0.77);
}

.type-task .comment-text{
    color: rgba(84, 102, 122, 0.77);
    font-weight: 300;
    margin-right: 2px;
}

.date-task{
    color: #bfbfbf;
    font-size: 14px;
    font-weight: 300
}

/*.schedule-data{*/
    /*border-style: solid;*/
    /*border-width: 0 1px 1px 1px;*/
    /*border-color: #d8d8d8;*/
    /*border-radius: 0 0 4px 4px;*/
    /*padding: 5px 5px 7px 5px;*/
/*}*/

/*.schedule-data-no-image{*/
    /*border-style: solid;*/
    /*border-width: 3px 1px 1px 1px;*/
    /*border-color: #d8d8d8;*/
    /*border-radius: 4px 4px 4px 4px;*/
    /*padding: 5px 5px 7px 5px;*/
/*}*/

/*.schedule-social .fa{*/
    /*width: 19px !important;*/
    /*height: 19px !important;*/
    /*line-height: 19px !important;*/
    /*font-size: 9px !important;*/
/*}*/

/*.schedule-post-link{*/
/*font-size: 12px;*/
/*font-family: 'Lato', sans-serif;*/
/*color: #f46c93;*/
/*cursor: pointer;*/
/*}*/

/*.schedule-post-link:hover, .schedule-post-link:focus, .schedule-post-link:active, .schedule-post-link:visited{*/
/*font-size: 12px;*/
/*font-family: 'Lato', sans-serif;*/
/*color: #f46c93;*/
/*cursor: pointer;*/
/*}*/

.clear-both{
    clear: both;
}

.comments-attach-profile{
    font-size: 12px;
    font-weight: 700;
}

.comments-attach-profile .comments, .comments-attach-profile .attach{
    color: #bfbfbf;
    font-weight: 300;
}

.comments-attach-profile img{
    width: 30px;
    height: 30px;
}

.comments-attach-profile .mdi-plus-circle-outline{
    color: #bfbfbf;
    font-size: 33px;
}

.schedule-post-text{
    font-size: 16px;
    min-height: 44px;
}

.width-full{
    width: 100%;
}

.priority span{
    border-radius: 4px;
    padding: 3px 13px;
    color: #fff;
}

.priority.low-priority span{
    background-color: #bfbfbf;
}

.priority.high-priority span, .priority.danger-priority span{
    background-color: #fb9678;
}

.priority.med-priority span{
    background-color: #fec107;
}

.priority.success-priority span{
    background-color: #00c292;
}

.priority.info-priority span{
    background-color: #03a9f3;
}

.mini-priority span{
    padding: 2px 5px;
}

/* Desktop large screen */
/*@media (min-width: 1200px) {*/

    /*.schedule-table .schedule-colum:last-child{*/
        /*padding-right: 7.5px !important;*/
        /*padding-left: 25px !important;*/
    /*}*/

    /*.schedule-table .schedule-colum:first-child{*/
        /*padding-right: 25px !important;*/
        /*padding-left: 7.5px !important;*/
    /*}*/

    /*.schedule-colum{*/
        /*padding-left: 25px !important;*/
        /*padding-right: 25px !important;*/
    /*}*/
/*}*/
/*end responsive schedule table*/

/*Career Navigation*/
.position-aplied-chart circle {
    fill-opacity: 1;
    r: 10;
}

.view-upcoming{
    color: #03a9f3;
}

.circle-view{
    color: rgba(0,0,0,.7);
    padding: 2px 5px;
    border-radius: 50%;
    background-color: #bfbfbf;
}

.text-chart p{
    font-size: 18px;
    font-weight: 500;
    color: rgba(0,0,0,.7);
}

.text-chart{
    height: 100%;
}

.display-table{
    display: table;
}

.table-cell{
    display: table-cell;
    vertical-align: middle;
}
.table-cell-top{
    display: table-cell;
    vertical-align: top;
}

.circle-table{
    color: rgba(0,0,0,.7);
    padding: 2px 5px;
    border-radius: 50%;
    background-color: #bfbfbf;
}

.table-label-overdue {
    font-size: 14px;
    padding: 1px 3px;
    color: #fff;
    background-color: #fec107;
}

.table-label-success {
    font-size: 14px;
    padding: 1px 3px;
    color: #fff;
    background-color: #00c292;
}

.table-label-expired {
    font-size: 14px;
    padding: 1px 3px;
    color: #fff;
    background-color: #fb9678;
}

.table td.vertical-middle {
    vertical-align: middle;
}

.check-success{
    color: #00c292;
    font-size: 18px;
}

.link-table-go{
    color: #797979;
}

.link-table-go:hover, .link-table-go:focus{
    color: #03a9f3;
}

.year-applied{
    font-size: 22px;
}

.year-applied .mdi{
    color: rgba(0,0,0,.7);
}

.year-applied .mdi:hover, .year-applied .mdi:focus{
    color: #03a9f3;
}

.leyend-chart{
    font-size: 14px;
}

#morris-line-chart svg{
    cursor: pointer;
}

.p-l-15-7{
    padding-left: 15px;
}

.p-r-15-7{
    padding-right: 15px;
}
.z-index-1000{
    z-index: 1000;
}
@media (max-width: 992px){
    .p-l-15-7{
        padding-left: 7.5px;
    }

    .p-r-15-7{
        padding-right: 7.5px;
    }
}

.table-row{
    height: 35px;
}

.title-position{
    color: rgba(0,0,0,.5);
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 2px solid #03a9f3;
    display: inline-block;
    padding-bottom: 10px;
}
/*End Career Navigation*/

/*dashboard career*/
.white-box-border{
    border: 1px solid #ddd;
}

.btn-small{
    font-size: 12px;
    padding: 0.2rem 0.8rem;
}

.btn-next-back{
    padding-top: 5px;
    border: 1px solid rgba(120,130,140,.13);
    background-color: #fafafa;
}

.btn-next-back:hover{
    background-color: #f5f5f5;
}

.comment-center .mail-contnet .mail-desc{
    height: auto;
}

.pending-career-navigation .comment-body img{
    padding: 2px;
    border: 2px solid #fec107;
}

.completed-career-navigation .comment-body img{
    padding: 2px;
    border: 2px solid #00c292;
}

.completed-career-navigation, .pending-career-navigation{
    padding: 25px 25px 0 25px;
}

.comment-center-career{
    height: 434px;
    max-height: 434px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*End dashboard career*/

.notification-no-read{
    border-left: 2px solid #03a9f3;
}

.asterisk{
    color: #e1313c;
}

.btn-clear-sign{
    position: relative;
    float: right;
    padding: .5rem 1rem;
    top:35px;
    right: 3px;
}

.signature-field{
    border: 2px dotted #cbcbcb;
    background-color: rgba(251, 251, 251, 0.99);
}
.signature-field canvas{
    height: 215px !important;
}
.iradio_square-blue.checked.disabled{
    background-position: -168px 0;
}
.iradio_square-red.checked.disabled{
    background-position: -168px 0;
}
.iradio_square-green.checked.disabled{
    background-position: -168px 0;
}

.icheckbox_square-blue.checked.disabled {
    background-position: -48px 0;
}
.icheckbox_square-red.checked.disabled {
    background-position: -48px 0;
}
.icheckbox_square-green.checked.disabled {
    background-position: -48px 0;
}

.irs-disabled {
     opacity: 1;
}

.form-control:disabled, .form-control[readonly]{
    background-color: #fff;
}


select[readonly]{
    color: #03a9f3;
    font-weight: 500;
}

select[readonly] option{
    color: rgba(0,0,0,.7);
    font-weight: 300;
}

select[readonly] option[selected]{
    color: #03a9f3;
    font-weight: 500;
}

.sub-title{
    margin: 0 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #2b2b2b
}

.border-comment-decisions{
    border-bottom: 1px solid rgba(120,130,140,.13);
}

.border-comment-decisions:last-child{
    border-bottom: 1px solid #03a9f3;
}
.decisions-recognition .border-comment-decisions:last-child{
    border-bottom: none !important;
}

.last-b-b-0:last-child{
    border-bottom: none !important;
}

.comment-center .mail-contnet .mail-desc{
    height: auto;

    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-word;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-word;

    text-align: left;
}

.border-comment-decisions .comment-body{
    border-bottom: none !important;
}



.twi-user{
    margin: 0;
}

.user-data .img-user{
    position:relative;
}

.user-data .fa-stack{
    position: absolute;
    top: 4px;
    left: 5px;
}

.user-data .candidate-flag{
    position: absolute;
    top: 120px;
    left: 5px;
}

.btn-success {
    color: #fff;
}

.btn-info {
    color: #fff;
    background: #03a9f3;
    border: 1px solid #03a9f3;
}

.btn-info:focus{
    color: #fff;
    background: #03a9f3;
    opacity: .8;
    border: 1px solid #03a9f3;
    box-shadow: none;
}

.btn-info.disabled, .btn-info:disabled{
    background: #03a9f3;
    border: 1px solid #03a9f3;
}

.modal-body, .modal-footer{
    padding: 16px 20px;
}

.spinner-center{
    position: absolute;
    margin-top: 40%;
    margin-left: 49%;
}

.employee-details-icon{
    color: #337ab7;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.ribbon-default {
    background: #bfbfbf !important;
}

.evaluation-skill-details p{
    float: left;
    margin-right: 10px;
}

.link-action{
    color: #797979;
}

.link-action:hover{
    color: #337ab7;
}

.img-select2{
    border-radius: 50%;
    width: 22px;
    height: 22px;
}
.select2-selection--multiple .img-select2{
    width: 16px;
    height: 16px;
}

.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple {
    border: 1px solid #e4e7ea;
}

.select2-container--default .select2-selection--single:focus{
    border-color: #03a9f3;
}

.select2-container--open .select2-selection, .select2-container--focus .select2-selection, .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #03a9f3 ;
}

.select2-container{
    width: 100% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #03a9f3;
    color: white;
}

.select2-container--default .select2-selection--single{
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 38px;
}
.select2-html .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: auto;
    top:50%;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0;
    padding-right: 6px;
}

.select2-container .select2-selection--single{
    height: 38px;
    max-width: 100%;
    padding: 5px 12px;
}

.select2-html .select2-container .select2-selection--single{
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    margin-top: 2px;
}

.select2-search input, .select2-selection--multiple {
    background: #fff url('../../images/app/select2.png') no-repeat 100% 6px ;
}

.select2-selection--multiple {
    background: #fff url('../../images/app/select2.png') no-repeat 100% 10px ;
}

.select2-selection--multiple{
    border-radius:0 !important;
    min-height: 38px !important;
    max-width: 100%;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background: #fff !important;
}

.select-form .select2-container--default.select2-container--disabled .select2-selection--multiple{
    background: rgba(228, 228, 228, 0.51) url('../../images/app/select2.png') no-repeat 100% 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 2px 18px 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(228, 228, 228, 0.51);
    border: 1px solid rgba(170, 170, 170, 0.59);
}

.select2-dropdown{
    border-bottom: 1px solid #03a9f3;
    border-right: 1px solid #03a9f3;
    border-left: 1px solid #03a9f3;
}

.jsgrid-invalid .select2-selection{
    background: #ffe3e5;
    border: 1px solid #ff808a !important;
}

.label {
    padding: .4em .4em;
}
.label-default, .color-default {
    color: #686868;
}

.icheckbox_square-blue, .iradio_square-blue{
    width: 22px;
}

.review-content .bar-text{
    margin-bottom: 5px;
}

.a-white, .a-white:visited,.a-white:focus{
    color: #fff !important;
}

.a-white:hover  {
    color: #eee;
}

.a-666{
    color: #666;
}

.panel-body-205 .panel-body{
    height: 205px;
}

.panel-body-310 .panel-body {
    height: 310px;
    overflow-y: auto;
}

.panel-body-537 .panel-body {
    height: 537px;
    overflow-y: auto;
}

.min-panel-body-310 .panel-body  {
    min-height: 310px;
}

.max-height-600{
    max-height: 600px;
    overflow-y: auto;
}

table.no-border-first-tr tr:first-child td {
    border-top: none;
}
.checkbox-m-t-10 label::before,
.checkbox-m-t-10 input[type=checkbox],
.checkbox-m-t-10  input[type=checkbox]:checked+label::before,
.checkbox-m-t-10 input[type=checkbox]:checked+label::after
{
    margin-top: 10px;
}

.checkbox-table label::before{
    border: 1px solid #03a9f3;

}

/*background yellow*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #686868 !important;
}

.login-register {
    height: 100%;
    position: fixed;
    overflow: auto;
}

.login-register-cruise-control {
    background: url(../../images/app/login-register.jpg) center center/cover no-repeat!important;
}

.choose-company-box {
    width: 500px;
}

@media (max-width: 480px){
    .choose-company-box {
        width: 100%;
    }
}

.login-screen .form-material .form-control, .login-screen .form-material .form-control.focus, .login-screen .form-material .form-control:focus{
    background-image: linear-gradient(#03a9f3,#03a9f3) !important;
    border-bottom: solid 1px rgba(120,130,140,.13);
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #03a9f3;
    border-color: #03a9f3;
}

.logo-login{
    width: 130px;
    height: auto;
}

.logo-login-up{
    width: 60px;
    height: auto;
}


.card-login-company{
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.card-login-company:hover{
    background-color: #fafafa;
}

.card-login-company .logo-login-company{
    width: 80px;
    height: auto;
}
.margin-logo-up{
    margin-top: -13px;;
}

.footer-login{
    color: #FFFFFF;
    font-weight: bold;
    background: transparent;
}

.footer-login a{
    color: #FFFFFF;
}

.footer-login a:hover, .footer-login a:focus{
    color: #dcdcdc;
}

.image_picker_selector .image_picker_image{
   width: 80px;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #03a9f3;
}

ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 3px;
    border-radius: 0;
}

.image-picker-vertical .image_picker_selector .image_picker_image{
    width: 100%;
}

@media only screen and (max-width: 575px) {
    .image-picker-vertical .thumbnails li{
        width: 28%;
    }

    .image-picker-vertical .thumbnails li{
        width: 28%;
    }
}

.image-picker-vertical .thumbnail{
    margin-bottom: 0;
}

#preview-template{
    border: 1px solid #dddddd;
}

.user-permissions-btn{
    position: absolute;
    top: 50px;
    left: 70px;
    /*border: 1px solid #337ab7;*/
    padding: 2px 6px !important;
    color: #fff;
    background-color: #03a9f3;
}

.user-permissions-top-btn{
    top: 5px;
}

.user-permissions-btn:hover{
    background-color: #35baf5;
    color:#fff;
}

.remove-btn{
    background-color: #fb9678;
}
.remove-btn:hover{
    background-color: #dc3545;
    color:#fff;
}

#companies-permissions .collapse-content, #ships-departments .collapse-content{
    margin-top: 25px!important;
    margin-bottom: 5px;
    position: relative!important;
    border-radius: 0!important;
    color: #373737;
    border-bottom: 1px solid #03a9f3!important;
    font-size: 16px;
}

#companies-permissions .collapse-content i, #ships-departments .collapse-content i {
    color: #828181;
}

.gj-checkbox-md input[type=checkbox]:checked+span {
    border: 2px solid #03a9f3;
}

.gj-checkbox-md input[type=checkbox]:checked+span:after {
    background-color: #03a9f3;
}

.datepicker{
    text-align: center;
}
.datepicker table tr td{
    cursor: pointer;
}
.datepicker table tr td.active,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background: #03a9f3 !important;
    color: #fff;
}

.datepicker table tr td.range{
    background: #ebebeb;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background: #0878f3;
    color: #fff;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #0878f3;
    color: #fff;
}

.cursor-text{
    cursor: text !important;
}

.picture-picker-body {
    height: 350px;
    overflow-y: auto;
}

.show-password, .clear-input{
    border: none;
    position: relative;
    float: right;
    top: -34px;
    color: rgba(105, 114, 124, 0.52);
    cursor: pointer;
}

.qa-question-input-wrapper.date-range-picker{
    position: relative;
}

.date-range-picker .clear-input{
    border: none;
    position: absolute;
    top: 4px;
    right: 0;
    color: rgba(105, 114, 124, 0.52);
    cursor: pointer;
}

.qa-question-input-wrapper.date-range-picker span.clear-input:hover{
    color:#0878f3;
}


.has-error .form-control:focus~label, .has-error .form-control:valid~label {
    color: red;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: red;
}

.has-error .form-control {
    border-bottom: 1px solid red;
}

.has-error .form-control {
    border-color: red;
}

/*right side bar*/
.left-sidebar {
    left: -340px;
    width: 340px;
}

.shw-rside {
    right: 0;
    width: 400px;
    display: block
}

@media only screen and (max-width: 480px) {
    .shw-rside {
        width: 100%;
    }
}

/*left side bar*/
.left-sidebar {
    position: fixed;
    left: -340px;
    width: 340px;
    display: none;
    z-index: 1005;
    background: #fff;
    top: 0;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
    transition: all .3s ease
}

.right-sidebar {
    z-index: 1005;
}

.search-employees-sidebar, .newsletter-sidebar, .manual-sidebar {
    position: fixed;
    right: -240px;
    width: 240px;
    display: none;
    z-index: 2005;
    background: #fff;
    top: 0;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0,0,0,.1);
    transition: all .3s ease;
}

.search-employees-sidebar.shw-rside, .newsletter-sidebar.shw-rside, .manual-sidebar.shw-rside {
    right: 0;
    width: 400px ;
    display: block;
}
.search-employees-sidebar .rpanel-title, .newsletter-sidebar .rpanel-title, .manual-sidebar .rpanel-title {
    background: #03a9f3;
    display: block;
    padding: 21px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

.search-employees-sidebar .r-panel-body{
    padding: 20px;
}
.search-employees-sidebar .r-panel-body ul , .newsletter-sidebar .r-panel-body ul, .manual-sidebar .r-panel-body ul{
    padding-left: 0px;
}

.search-employees-sidebar .r-panel-body ul li.title{
    padding: 15px 0 15px 15px;
}

.search-employees-sidebar .r-panel-body ul li{
    padding: 0;
}

.newsletter-sidebar .rpanel-title .ti-close, .manual-sidebar .rpanel-title .ti-close {
    margin-right: -15px;
    padding: 20px;
}

.left-sidebar .rpanel-title {
    display: block;
    padding: 21px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    background: #ff6849
}

.left-sidebar .rpanel-title span {
    float: right;
    cursor: pointer;
    font-size: 11px
}

.left-sidebar .rpanel-title span:hover {
    color: #2b2b2b
}

.left-sidebar .r-panel-body {
    padding: 20px
}

.left-sidebar .r-panel-body ul {
    margin: 0;
    padding: 0
}

.left-sidebar .r-panel-body ul li {
    list-style: none;
    padding: 5px 0
}

@media only screen and (max-width: 480px){
    .shw-rside {
        width: 100% !important;
    }
}

.comment-action span {
    float: right;
    margin-right: 10px;
}

.shw-lside {
    left: 0;
    width: 430px;
    display: block
}


@media only screen and (max-width: 480px) {
    .shw-lside {
        width: 100%;
    }
}

.left-sidebar .rpanel-title{
    background: #03a9f3;
}
/*end left side bar*/

.mailbox {
    width: 340px;
}

.navbar-header .search-mobile {
    float: left;
    color: #fff !important;
    padding: 0;
    line-height: 60px;
    min-height: 60px;
    border: 0;
    color: rgba(255,255,255,.5);
    margin: 0;
    display: inline-block;
    border-radius: 0;
}

.navbar-header .navbar-toggle {
    padding: 0 12px;
}

.navbar-header .search-mobile:focus, .navbar-header .search-mobile:hover {
    background: rgba(0,0,0,.1);
    color: #fff;
}

.navbar-header .navbar-toggle{
    color: #fff !important;
}

.navbar-header .navbar-toggle:focus, .navbar-header .navbar-toggle:hover{
    background: rgba(0,0,0,.1);
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .company-home{
        margin-left: 25px;
    }
}

@media only screen and (max-width: 860px) {
    .company-home{
        margin-top: 15px;
    }
}

.notification .icon {
    float: left;
    margin-right: 5px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
}

.notification .icon i {
    color: #ffffff;
    line-height: 30px;
    font-size: 16px;
}

.notification a.unread{
    background: #f2f5f7;
}

.message-center .mail-contnet .mail-desc{
    margin: 0;
}

.message-center a {
    padding: 15px 15px;
}

.right-sidebar .r-panel-body {
    padding: 0;
}

.right-sidebar .r-panel-body ul li.title{
    padding: 15px 0 15px 15px;
}

.right-sidebar .r-panel-body ul li{
    padding: 0;
}

.message-center a:hover {
    background: #f7fafc;
}

@media (min-width: 576px){
    .navbar-right .mailbox {
        left: auto;
        right: 0;
    }
    .navbar-right .dropdown-tasks {
        left: auto;
        right: 0;
    }
}

@media (max-width: 576px){
    .navbar-right .mailbox {
        left: auto;
        right: -98px;
    }
    .navbar-right .dropdown-tasks{
        left: auto;
        right: -61px;
    }
}

.profile-name{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*.img-text-user{*/
    /*display: block;*/
    /*padding: 4px;*/
/*}*/

.list-added-skills, .list-added-competences{
    height: 535px;
    max-height: 535px;
    overflow-y: auto
}

.customtab.nav-tabs .nav-link.active, .customtab.nav-tabs .nav-link.active:focus, .customtab.nav-tabs .nav-link:hover {
    border-bottom: 2px solid #03a9f3;
    color: #03a9f3;
}

.nav-shortcut{
    margin-top: 10px;
    /*margin-right: 20px;*/
}
.nav-shortcut>li{
    display: inline-block;
    list-style: none;
}

.nav-shortcut>li a{
    margin: 0px 4px;
    border: 1px solid rgba(84, 102, 122, 0.47);
    padding: 5px 10px;
    color:rgba(84, 102, 122, 0.77);
}

.nav-shortcut>li a:hover{
    color:#fff;
    border: 1px solid #03a9f3;
    background-color:#03a9f3 ;
    cursor: pointer;
}

.group-form .form-control {
    border-right: 0;
}
.group-form .form-control:hover {
    border-right: 0;
}

.group-form .input-group-addon {
    background-color: #fff;
    border-right: 1px solid #e4e7ea;
    border-top: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
    border-left: 0;
    border-radius: 0 ;
    transition: all 300ms linear 0s;
    padding-top: 9px;
    padding-left: 2px;
}
.group-form .form-control{
    padding-right: 0px;
}
.group-form .form-control:focus + .input-group-addon {
    border-color: #03a9f3;
}


ul.colorpicker{
    display:block
}
ul.colorpicker li{
    display:inline-block
}
ul.colorpicker li:first-child{
    display:block
}
.colorpicker li a{
    width: 38px;
    height: 38px;
    display: inline-block;
    margin: 8px;
    color: transparent;
    position: relative;
}
.colorpicker li a.selected:before{
    content:"\f00c";font-family:FontAwesome;
    font-size:18px;
    line-height:38px;
    width:38px;
    height:38px;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    text-align:center
}

#themecolors li a, .colorpicker li a {
    margin-left: 0;
}

.thumb-number{
    border: 1px solid #e4e7ea;
    padding-top: 15px;
    color: #565656;
    font-size: 60px;
}

thead .backgroud-filled{
    background-color: #f7fafc!important;
}

.app-search .refresh-btn{
    right: 27px;
    font-size: 11px;
    margin-top: 3px;
}

.filter-search{
    position: relative;
    margin: 0;
}

.filter-search a {
    position: absolute;
    top: 9px;
    right: 10px;
    color: #4c5667;
}

.filter-search .refresh-btn{
    right: 27px;
    font-size: 11px;
    margin-top: 3px;
}

.filter-search input{
    padding-right: 25px;
}

.button-link-icon{
    cursor: pointer;
}

/*Tooltip Bootstrap 3*/
.tooltip.bottom {
    padding: 0.4rem 0;
}

.bottom .tooltip-arrow, .bottom .tooltip-arrow {
    top: 0;
}
.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
}

.tooltip-arrow {
    float: right;
    line-height: 1.42857;
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bottom .tooltip-arrow::before, .bottom .tooltip-arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000;
}
/*End Tooltip Bootstrap 3*/

.add-workflow-recognition{
    padding-top: 10px;
}

@media only screen and (max-width: 768px) {
    .add-workflow-recognition{
        padding-top: 0px;
        padding-bottom: 5px;
    }
}

.target-score .input-group>.form-control{
    width: 47px !important;
    max-width: 47px !important;
}

.target-score .input-group-addon{
    padding: 8px 5px;
}

.target-score .bootstrap-touchspin-down, .target-score .bootstrap-touchspin-up{
   height: 38px;
   width: 35px;
}

.bootstrap-touchspin-postfix{
   height: 38px;
   background-color: #eceeef;
}

.padding-l-0-r-10{
    padding: 0 10px 0 0;
}

.padding-r-0-l-10{
    padding: 0 0 0 10px;
}

@media only screen and (max-width: 992px) {
    .padding-l-0-r-10{
        padding: 0;
    }
    .padding-r-0-l-10{
        padding: 0;
    }
}

.text-area-default{
    min-height: 40px;
    max-height: 400px;
}

.thin-steps-numbered-bg .column-step.active .step-number {
    color: #b0e1f7;
}

.preloader .text-preloader{
    position: absolute;
    top: calc(55% - 3.5px);
    text-align: center;
    width: 100%;
    margin-left: 15px;
}

/*Timeline*/
.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    /*max-width: 1200px;*/
    margin: 0 auto;
}

.timeline>li {
    position: relative;
    margin-bottom: 20px;
}

.timeline>li>.timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid rgba(120,130,140,.13);
    border-radius: 0;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.05);
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
}

.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eee;
}


.timeline>li:after, .timeline>li:before {
    content: " ";
    display: table;
}

.timeline>li>.timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
    background-color: #4c5667;
}

.timeline-badge.success {
    background-color: #00c292!important;
}

.timeline-badge.warning {
    background-color: #fec107!important;
}

.timeline-badge.danger {
    background-color: #fb9678!important;
}

.timeline-badge.purple {
    background-color: #9675ce !important;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:after, .timeline>li:before {
    content: " ";
    display: table;
}

.timeline>li.timeline-inverted>.timeline-panel{
    float:right
}

.timeline>li.timeline-inverted>.timeline-panel:before{
    right:auto;
    left:-8px;
    border-right-width:8px;
    border-left-width:0
}

.timeline>li.timeline-inverted>.timeline-panel:after{
    right:auto;
    left:-7px;
    border-right-width:7px;
    border-left-width:0
}

.timeline>li>.timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid rgba(120,130,140,.13);
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(120,130,140,.13);
}

.timeline>li>.timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 31px;
    right: -7px;
    border-top: 7px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
}

ul.timeline>li>.timeline-panel .btn-close-action {
    position: absolute;
    right: 0px;
    top: -1px;
    padding: 2px 4px 2px 5px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 10px;
    background: rgba(120,130,140,.13);
}

ul.timeline>li>.timeline-panel .btn-close-action:hover {
    background: rgba(204, 204, 204, 0.63);
}

ul.timeline>li>.timeline-panel.panel-overdue .btn-close-action {
    color:#fff;
    background: rgba(251, 150, 120, 1);
}
ul.timeline>li>.timeline-panel.panel-overdue .btn-close-action:hover {
    background: rgb(236, 138, 117);
}

ul.timeline>li>.timeline-panel {
    float: right;
}

ul.timeline>li>.timeline-panel {
    width: calc(100% - 70px);
}

ul.timeline>li>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

ul.timeline:before {
    left: 25px;
}

ul.timeline-empty:before{
    display: none;
}

ul.timeline>li>.timeline-badge {
    top: 16px;
    left: 0;
    margin-left: 0;
}

ul.timeline>li>.timeline-panel:after {
    right: auto;
    left: -13px;
    border-right-width: 14px;
    border-left-width: 0;
}

ul.timeline .timeline-panel .user-icon {
    border-radius: 31px;
    overflow: hidden;
    padding: 8px;
    background-color: #02bec9;
    font-size: 34px;
    margin-top: 4px;
    margin-right: 10px;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -7px;
    border-right-width: 7px;
    border-left-width: 0;
}

ul.timeline>li>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline-container{
    width: 100%;
    height: 745px;
    max-height: 750px;
    overflow-y: auto;
    overflow-x: hidden;
}

.timeline-title{
    margin: 0 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    .timeline-title{
        margin: 0 0 5px;
    }
}

.timeline-panel a, .timeline-panel a:active, .timeline-panel a:focus, .timeline-panel a:hover{
    color: #686868;
}

ul.timeline>li>.timeline-badge.background-blue-career{
    background-color: #03a9f3;
}

.timeline-pending-career-navigation .fb-inbox-item-img img{
    padding: 2px;
    border: 2px solid #fec107;
}

.timeline-completed-career-navigation .fb-inbox-item-img img{
    padding: 2px;
    border: 2px solid #00c292;
}

.btn-action{
    width: 150px;
}

.timeline-heading .text-danger{
    color: #fb9678!important;
}

.timeline>li>.timeline-panel.panel-overdue {
    border: 1px solid rgba(251, 150, 120, 1);
}

.timeline>li>.timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 30px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid rgba(120,130,140,.13);
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(120,130,140,.13);
}

.timeline>li>.timeline-panel.panel-overdue:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 30px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid rgba(251, 150, 120, 1);
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(251, 150, 120, 1);
}

.timeline>li>.timeline-panel.panel-overdue:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

ul.timeline{
    padding-right: 10px;
}
/*End timeline*/

.modal>.select2-container.select2-container--default.select2-container--open{
    position: fixed !important;
}

.no-pending-action{
    opacity: 0.4;
    margin-top: 80px;
}

.img-no-pending-action{
    max-width: 100%;
    max-height: 400px;
    width: auto;
}

.no-data-to-show{
    margin-top: 30px;
    opacity: 0.4;
}

.no-data-to-show img{
    width: 200px;
    height: auto;
}

@media only screen and (max-width: 992px) {
    .no-pending-action{
        margin-top: 0;
    }
}

.authors-link, .footer-dropdown{
    color: #58666e;
}

.authors-list{
    list-style: none;
    padding-left: 0;
}

.authors-list>li{
    margin-bottom: 10px;
}

.logo-freepik{
    height: 50px;
    width: auto;
}

.left-sidebar .rpanel-title .ti-close ,.right-sidebar .rpanel-title .ti-close, .search-employees-sidebar .rpanel-title .ti-close{
    margin-right: -15px;
    padding: 20px;
}

.no-to-show{
    color: #bfbfbf;
}

.no-to-show-text{
    font-size: 14px;
    font-family: Poppins,sans-serif;
}

.text-policy p{
    -ms-word-break: break-word;
    word-break: break-word;     /* only WebKit */

    -ms-hyphens: auto;          /* dash to separate into syllables */
    -moz-hyphens: auto;         /*  It depends on lang in <html>      */
    -webkit-hyphens: auto;
    hyphens: auto;
}

[data-custom-class=heading_1], [data-custom-class=heading_2]{
    color: #686868!important;
}

.policy-login{
    font-size: 10px;
}

.modal-header .btn-small{
    padding-top: 5px !important;
    padding-bottom: 2px !important;
    margin-top: -3px;
}

.div-backgroud-filled{
    background: rgba(204, 204, 204, 0.14);
    border: 1px solid rgba(204, 204, 204, 0.28);
    padding:10px;
}

.no-rule-error.div-backgroud-filled {
    border: 1px solid red;
}

.request-sign-box {
    width: 800px;
}

@media (max-width: 800px){
    .request-sign-box {
        width: 100%;
    }
}

.overflow-visible{
    overflow: visible;
}

.overflow-unset{
    overflow: unset;
}

.overflow-y-hidden{
    overflow-y: hidden !important;
}
.overflow-initial{
    overflow: initial !important;
}

.table>tbody>tr>td.column-thin,
.table>tbody>tr>th.column-thin,
.table>tfoot>tr>td.column-thin,
.table>tfoot>tr>th.column-thin,
.table>thead>tr>td.column-thin,
.table>thead>tr>th.column-thin{
    padding: 15px 0 !important;
    width: 3px;
}
/*sortable list*/
.hierachy ul,.hierachy li, #sortableListsBase li {
    list-style-type:none;
    color:#797979;
    font-size: 14px;
    /*border:1px solid #3f3f3f;*/
}

.hierachy .fa.fa-plus, .hierachy-list .fa.fa-plus{
    color:#00c292;
    cursor: pointer;
}

.hierachy .fa.fa-minus, .hierachy-list .fa.fa-minus{
    color:#fb9678;
    cursor: pointer;
}

.hierachy-move-left{
    float: right;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: -33px;
    margin-left: 10px;
    font-size: 1.1em;
}

.hierachy-move-left.hierarchy-position-left{
    margin-right: -80px;
}

.hierachy-move-left a{
    color: #696969;
    padding: 0 10px;
}

.hierachy-move-left a.ti-angle-double-right:hover{
    color: #03a9f3;
    padding: 0 10px;
}

.hierachy ul, .sTree {
    padding:0;
    /*background-color:#151515;*/
}

.sTree li.sorteable-position-item, ul#sortableListsBase li {
    padding-left:35px;
    margin:5px 0;
    cursor: move;
    /*border:1px solid #3f3f3f;*/
    /*background-color:#3f3f3f;*/
}

.sTree.employee-hierarchy > li{
    padding-left:0;
}

.hierachy li.sorteable-position-item div,  #sortableListsBase li div {
    padding:7px 7px 7px 7px;
    background-color:#f5f5f5;
}

.hierachy li.sorteable-position-item div div.hierarchy-name-position-tags {
    padding:0 75px 0 0;
}

.hierachy li.sorteable-position-item, .hierachy ul, .hierachy div,  #sortableListsBase li {
    border-radius: 3px;
}

.label-hierachy .section-tags{
    padding: 0;
}

.tags-save-close{
    width: 80px;
}

.hierarchy-card-container{
    display: table;
    width: 100%;
    padding: 0 !important;
}

.hierarchy-card-check{
    display: none;
    min-width: 25px;
    width: 25px;
    border: 5px solid #f5f5f5;
    border-right: 0;
    padding: 0 !important;
    text-align: center;
}

.hierarchy-card-check.active{
    display: table-cell;
}

.hierarchy-card-check a,
.hierarchy-card-check a:hover,
.hierarchy-card-check a:focus,
.hierarchy-card-check a:active{
    color: #d2d2d2;
}

.hierarchy-card-check.active a,
.hierarchy-card-check.active a:hover,
.hierarchy-card-check.active a:focus,
.hierarchy-card-check.active a:active{
    color: #00c292;
}



.hierarchy-card-check a{
    width: 100%;
}

.hierarchy-card-check a div{
    text-align: center;
    background-color: white !important;
    min-width: 25px;
    width: 25px;
    height: 25px;
    max-height: 25px;
    padding: 2px 0 2px 2px !important;
}

.hierarchy-card-content{
    display: table-cell;
}

.hierarchy-card-container:hover .hierarchy-card-check{
    display: table-cell;
}

.c1 { color:#b5e853; }
.c2 { color:#63c0f5; }
.c3 { color: #f77720; }
.c4 { color: #888; }
.c5 { color: #666667; }
.c6 { color: #888; }

.bgC1, .gray { background-color:#ccc; }
.bgC2, .yellow { background-color:#ff8; }
.bgC3, .red { background-color:#ff9999; }
.bgC4, .blue { background-color:#aaaaff;}
.bgC5, .green { background-color:#99ff99; }
.bgC6, .gree2 { background-color:#bbffbb; }
.bgC7, .brown { background-color:#c26b2b; }

.pT20 { padding-top:20px; }

.pV10 { padding-top:10px; padding-bottom:10px; }

.pR { position: relative; }

.t10 { top: 10px; }

.dN { display:none; }

.zI900 { z-index:900; }
.zI1000 { z-index:1000; }

.small1 { font-size:0.8em; }
.small2 { font-size:0.7em; }
.small3 { font-size:0.6em; }

.tAR { text-align:right; }

.clear { clear:both; }

/*Left list*/
.hierachy-list ul, .hierachy-list li, .department-hierachy ul, .department-hierachy li{
    list-style-type:none;
    color:#797979;
    font-size: 14px;
}

.hierachy-list ul, .department-hierachy ul {
    padding:0;
}

.hierachy-list li, .department-hierachy li {
    padding:0;
    margin:5px 0;
}

.hierachy-list li div, .department-hierachy li div{
    padding:7px 35px 7px 7px;
    background-color:#f5f5f5;
}

.hierachy-panel .panel-body{
    width: 100%;
    height: 745px;
    max-height: 745px;
    overflow-y: auto;
}
.manual-panel .panel-body {
    width: 100%;
    min-height: 745px;
}
.parent-hierarhy-out{
    border:2px dashed #fec107 !important;
}
.sub-list-department {
    padding-left: 35px !important;
}

.hierachy-profile-name{
    margin-bottom: -8px !important;
}

.hierachy-employee li div{
    padding: 5px 5px 5px 10px;
}

.panel-action-hierachy a{
    color: rgba(0,0,0,.7);
    text-transform: capitalize;
    font-size: 14px ;
}

.section-tags .input-group .select2{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    margin-bottom: 0;
}

.section-tags .input-group .select2-selection{
    height: 38px;
}

.section-tags .input-group .select2-search{
    padding-left: 5px;
    margin-top: 2px;
}

/*employee list*/
.list-positions, .employee-hierarchy {
    padding:0;
    /*background-color:#151515;*/
}

.employee-item{
    margin: 5px 0;
    cursor: move;
}

.parent-hierarhy-out .employee-item{
    margin: 0;
}

.sortableTree{
    padding-left:35px;
}


div.label-hierachy {
    padding: 5px 15px 5px 10px;
    background-color: #f5f5f5;
    font-size: 14px;
}

.employee-hierarchy div,  .list-positions div {
    border-radius: 3px;
}
/*end employee list*/

.position-title-hierarchy-up, .position-title-hierarchy{
    font-size: 14px;
}
.position-title-hierarchy-up small{
    background-color: #eee;
    padding: 0 5px 0 5px;
    border-radius: 5px;
}

.tag-hierarchy{
    color: #686868;
    padding: 0px 5px;
    border-radius: 10px;
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: 400;
}

.employee-item .delete-employee, .employee-item .permission-position-btn{
    color: #686868;
    font-size: 14px;
}

.sortableTree .sortable-closed{
    display: none;
}

.sortable-empty, .sortable-loading{
    margin: 5px 0;
    border: 1px #d5d5d5;
    border-style: dashed;
    padding: 15px 15px;
    background-color: #FFFFFF;
}

.sort-placeholder-section {
    height: 42px;
    width: 100%;
    border: 1px dashed gray;
    background-color: #fff;
    margin-bottom: 5px;
}

.sortable-opener-container{
    position: relative;
    width: 35px;
    max-width: 35px;
}

.sortable-opener{
    float: left;
    display: inline-block;
    font-size: 1.1em;
    position: absolute;
    top: 20px;
    left: 10px;
}

.t-35{
    top: 35px !important;
}
.t-50{
    top: 50px !important;
}

/*tooltip*/
.tooltip_templates{
    display: none;
}

.tooltip-content-general{
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    width: 270px;
    min-width: 270px;
    overflow: auto;

    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;

    text-align: left;
}

.tooltip-content-tags{
    padding-right: 10px;
}

.tooltipster-sidetip .tooltipster-box{
    background: #fff;
    border: 2px solid #686868;
    border-radius: 0;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{
    border-left-color: #686868;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{
    border-bottom-color: #686868;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{
    border-right-color: #686868;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{
    border-top-color: #686868;
}

.tooltipster-sidetip .tooltipster-arrow-border{
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{
    border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{
    border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
    border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
    border-right-color: #fff;
}
/*end tooltip*/

.s2-to-tree.select2-container li.select2-results__option--highlighted[aria-selected], .s2-to-tree.select2-container li.select2-results__option[aria-selected="true"]{
    background-color: #03a9f3;
}

.s2-to-tree .select2-results__option.l1 {
    margin-left: 0;
    font-size: 14px;
    padding-left: 10px;
}

.s2-to-tree .select2-results__option.l2 {
    margin-left: 0;
    font-size: 14px;
    padding-left: 20px;
}

.s2-to-tree .select2-results__option.l3 {
    margin-left: 0;
    font-size: 14px;
    padding-left: 30px;
}

.s2-to-tree .select2-results__option.l4 {
    margin-left: 0;
    font-size: 14px;
    padding-left: 40px;
}

.s2-to-tree .select2-results__option.l5 {
    margin-left: 0;
    font-size: 14px;
    padding-left: 50px;
}

.s2-to-tree .select2-results__option.l6 {
    margin-left: 0;
    font-size: 14px;
    padding-left: 60px;
}

.s2-to-tree li.select2-results__option.non-leaf .expand-collapse:before {
    content: "+";
    position: absolute;
    left: inherit;
    top: 0.35em;
    font-size: larger;
}

.s2-to-tree li.select2-results__option--highlighted .expand-collapse:before {
    color: #fff;
}

.s2-to-tree li.select2-results__option[aria-selected="true"] .expand-collapse:before {
    color: #fff;
}

.s2-to-tree .item-label {
    display: inline-block;
    margin-left: 0;
    padding: 6px;
    width: 100%;
}

.s2-to-tree .l1 .item-label, .s2-to-tree .l2 .item-label, .s2-to-tree .l3 .item-label,
.s2-to-tree .l4 .item-label, .s2-to-tree .l5 .item-label, .s2-to-tree .l6 .item-label {
    padding: 6px 6px 6px 15px;
    width: 100%;
}

.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] > span.item-label{
    background-color: #03a9f3;
    color: #fff;
}

.s2-to-tree.select2-container .select2-results__option--highlighted[aria-selected] > span.item-label{
    background-color: #03a9f3;
    color: #fff;
}

.input-group .select2.select2-container{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    margin-bottom: 0;
}

.sorteable-position-item, .position-item{
    position: relative;
}

.btn-input-group{
    height: 38px !important;
}
/*end sortable list*/

.survey-statistics-daterangepicker .clear-input-group{
    position: absolute;
    top: 4px;
    right: 71px;
    z-index: 100;
}

@media only screen and (max-width: 480px)  {
    .login-register{
        background: #FFFFFF center center/cover no-repeat!important ;
    }

    .hide-logo{
        display: none;
    }

    .show-logo{
        display: inline-block !important;
    }
}

@media only screen and (max-width: 480px)  {
    .login-register{
        background: #FFFFFF center center/cover no-repeat!important ;
    }

    .hide-logo{
        display: none;
    }

    .show-logo{
        display: inline-block !important;
    }

    .footer-login, .footer-login a {
        color: #686868;
    }

    .footer-login a:hover, .footer-login a:focus   {
        color: #1d2124;
    }
}

@media only screen and (max-height: 620px) and (min-width: 480px) {
    .footer-login{
        display: none;
    }
}

@media only screen and (max-width: 325px)  {
    #to-recover{
        margin-top: 2px;
        font-size: 12px;
    }
}

/*Sweet alert*/
.swal2-icon{
    text-indent:-999px;
    font: 0/0 a;
    text-shadow: transparent;
    color: transparent;
    text-decoration: none;
    border-radius: 0% !important;
    border: none !important;
    margin: 20px auto !important;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.swal2-warning{
    background-image: url(data:image/png;base64,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)
}

.swal2-error{
    background-image: url(data:image/png;base64,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)
}

.swal2-success{
    background-image: url(data:image/png;base64,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)
}

.swal2-info{
    background-image: url(data:image/png;base64,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)
}

/*delete success design*/
.swal2-success-ring, .swal2-success-circular-line-left, .swal2-success-line-tip.swal2-animate-success-line-tip,
.swal2-success-line-long.swal2-animate-success-line-long, .swal2-success-fix, .swal2-success-circular-line-right{
    display: none !important;
}
/*end delete success design*/

/*delete error design*/
.swal2-x-mark.swal2-animate-x-mark{
    display: none !important;
}

.swal2-animate-error-icon {
    -webkit-animation: none !important;
    animation: none !important;
}
/*end delete error design*/

.swal2-modal .swal2-buttonswrapper .swal2-styled{
    font-size: 14px;
    padding: .8rem 1.2rem;
    font-family: Poppins,sans-serif;
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.swal2-modal .swal2-buttonswrapper .swal2-confirm{
    color: #fff;
    background: #03a9f3 !important;
    border: 1px solid #03a9f3 !important;
}

.swal2-modal .swal2-buttonswrapper .swal2-confirm:hover{
    background: #03a9f3 !important;
    opacity: .8;
    border: 1px solid #03a9f3 !important;
}

.swal2-modal .swal2-buttonswrapper .swal2-styled:focus {
    outline: none;
    box-shadow: none;
}

.swal2-modal .swal2-buttonswrapper .swal2-cancel{
    border: 1px solid #03a9f3;
    color: #03a9f3;
    background-color: transparent !important;
}

.swal2-modal .swal2-buttonswrapper .swal2-cancel:hover{
    color: #FFFFFF;
}

.swal2-modal .swal2-buttonswrapper .delete-message-button{
    color: #fff;
    background: #fb9678 !important;
    border: 1px solid #fb9678 !important;
}

.swal2-modal .swal2-buttonswrapper .delete-message-button:hover{
    background: #fb9678 !important;
    opacity: .8;
    border: 1px solid #fb9678 !important;
}

.swal2-modal{
    border-radius: 0 !important;
}
/*end Sweet alert*/

/*job-system dashboard*********************************************/

.job-chart-title{
    margin: 0 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 12px;
}

.job-legend-chart{
    font-size: 12px;
}
/*----------------------------------- charts*/
.template-green-chart{
    color: #00c292;
}

.template-gray-chart{
    color: #686868;
}

.template-gray-doughnut-chart{
    color: #b9b9b9;
}

.template-cyan-chart{
    color: #02bec9;
}

.template-magenta-chart{
    color: #9675ce;
}

.template-blue-chart{
    color: #03a9f3;
}

.template-red-chart{
    color: #fb9678;
}
/*----------------------------------- calendar*/
.template-green-calendar{
    background: #00c292;
}

.template-orange-calendar{
    background: #F3A213;
}

.template-red-calendar{
    background: #fb9678;
}

.template-red-calendar:hover, .template-orange-calendar:hover, .template-green-calendar:hover{
    opacity: .8;
}
/*----------------------------------- tags*/
.template-green-tag{
    background-color: #00c292;
}

.template-cyan-tag{
    background-color: #02bec9;
}

.template-blue-tag{
    background-color: #03a9f3;
}

/*jobs tags background*/
.template-full-time{
    background-color: #ab8ce4;
}
.template-part-time{
    background-color: #7dc246;
}
.template-temporary{
    background-color: #26ae61;
}
.template-intership{
    background-color: #d12cab;
}
.template-freelnace{
    background-color: #0b1b46;
}
.template-volunteer{
    background-color: #03a9f3;
}

.template-default{
    background-color: #e4e4e4;
    color: #686868;
}
/*end jobs tags background*/

/*-----------------------------------*/
.table-job{
    font-weight: 300;
}

.peity-bar-size{
    width: 50px;
    display: inline-block;
}

#morris-line-chart-logon circle, #morris-line-chart-access circle, #hiring-forecast circle, .morris-line circle{
    fill-opacity: 1;
    r: 5;
}

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

.job-recruiting-panel .select2{
    font-size: 14px;
    font-weight: 300;
}

.display-chart-table{
    display: flex;
    align-items: center;
    height: 400px;
}

/*calendar*/
.fc th.fc-widget-header{
    background: #03a9f3;
    color: #fff;
}
/*end calendar*/
/*end job-system dashboard*********************************************/

/*croppie*/
.image-cropp.image-ready .image-preview-cropp, .upload-image-wrap{
    display: none;
}

.image-cropp.image-ready .upload-image-wrap{
    display: block;
}

.upload-image-wrap {
    width: 100%;
    height: 380px;
}

.image-preview-cropp img{
    width: 100%;
    height: auto;
}

.input-select .input-select-btn {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 10!important;
}

.input-select-placeholder{
    color: #a2a0a0;
}

.load-course-image, .input-select-btn{
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 0;
}

.load-course-image-wrapper{
    display: inline-block !important;
}

.fileinput-filename{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
}

@media only screen and (max-width: 460px) {
    .upload-image-wrap{
        display: none !important;
    }
}
/*end croppie*/

.thumbnails.image_picker_selector li .thumbnail{
    cursor: pointer;
}

.certificates-select ul.thumbnails.image_picker_selector{
    height: 360px;
}

@media only screen and (max-width: 575px) {
    .certificates-select ul.thumbnails.image_picker_selector{
        height: 130px;
    }
}

/*Jobs*/
.job-thumb {
    display: table-cell;
    vertical-align: top;
    width: 107px;
}
.job-thumb img {
    float: left;
    width: 107px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.job-head-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
}

.job-single-head {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    display: table;
}

.job-head-info p {
    float: left;
    margin-right: 40px;
    margin-top: 10px;
}

@media only screen and (max-width: 575px) {
    .job-single-head, .job-thumb, .job-head-info{
        display: block;
    }

    .job-thumb img{
        float: none;
    }

    .job-thumb{
        text-align: center;
        width: 100%;
    }

    .job-head-info{
        padding-left: 0;
    }

}

.tag-cloud-categories ul li {
    margin: 0 6px 0 0;
    cursor: default;
}

.tag-cloud-categories ul li a {
    cursor: default;
}

.tag-cloud-categories ul li a:hover, .tag-cloud-categories ul li a:focus, .tag-cloud-categories ul li.selected a{
    background: #e5e5e4 !important;
    color: #555 !important;
}

.job-statistic span {
    float: none;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 7px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.job-statistic p {
    float: none;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    margin: 0 20px;
}
/*End Jobs*/

.select-card{
    background-color: #fff;
    border: 1px solid #e4e7ea;
    cursor: pointer;
}

.has-error .select-card{
    border: 1px solid red;
}

.select-card:hover{
    background-color: #edf1f5;
}

.select-card .select-card-ribbon{
    display: none;
}

.select-card.active{
    border: 2px solid #03a9f3;
}

.select-card.active .select-card-ribbon{
    display: block;
}

.btn-send-review, .box-title .btn-view-career, .box-title .request-career-btn{
    font-weight: 300;
    text-transform: none;
    float: right;
}
/*Icon select*/
.icons-selector .selector {
    width: 100px;
    height: 37px;
}

.fip-grey.icons-selector .selector{
    border: 1px solid #e4e7ea;
}

.fip-grey.icons-selector span.current-icon, .fip-grey.icons-selector span.current-icon:hover {
    background-color: #03a9f3;
    color: #fff;
    border: 1px solid #298CBA;
}

.fip-grey.icons-selector .selector-search i {
    color: #aaa;
}

.icons-selector .selector-search i {
    position: absolute;
    right: 10px;
    top: 10px;
}

.fip-grey.icons-selector input::placeholder {
    color: #999;
}
.fip-grey.icons-selector input::-webkit-input-placeholder {
    color: #999;
}
.fip-grey.icons-selector input::-moz-placeholder {
    color: #999;
}
.fip-grey.icons-selector input:-ms-input-placeholder {
    color: #999;
}
.fip-grey.icons-selector input:-moz-placeholder {
    color: #999;
}

.icons-selector input::-webkit-input-placeholder{
    text-transform: none;
}

.fip-grey.icons-selector .selector-category select, .fip-grey.icons-selector .selector-search input[type=text],
.fip-grey.icons-selector .selected-icon i{
    color: #565656;
}

.icons-selector .selector-popup{
    width: 228px;
}

.fip-grey.icons-selector .selector-search input[type=text]{
    font-family: Poppins, sans-serif;
}

.icons-selector .fip-icons-container{
    max-height: 147px;
    overflow-y: auto;
}

.fip-box i{
    font-size: 18px;
}
/*End icon select*/

/*contact cards*/
.contact-cards .ribbon-wrapper-right-bottom{
    padding: 15px 50px 15px 15px;
}

.contact-cards .select-card{
    height: 200px;
    min-height: 200px;
    margin-bottom: 20px;
}

.contact-hr{
    margin-top: 0;
}

.card-info-contact h4, .card-info-contact p{
    height: 22px;
    min-height: 22px;
}

.card-info-contact h4.text-center{
    padding-left: 35px;
    margin-top: 71px;
}
/*end contact cards*/

/*company overview*/
.company-head{
    display: table;
}

.company-head-image{
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.company-head-image img {
    width: 100px;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.company-head-info{
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.company-head-info h4{
    margin-top: 0;
    margin-bottom: 10px;
}

.company-head-info p{
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
}
/*end company overview*/

/*company external dashboard*/
.company-external-dashboard p{
    float: none;
}

.company-info-table tr td,
.company-info-table tr th{
    text-align: center;
    border: 0 !important;
    padding: 5px 8px !important;
}

.company-info-table tr td{
    vertical-align: bottom !important;
}

.company-external-dashboard .info-icons span:last-child{
    margin-right: 0 !important;
}


@media only screen and (max-width: 1199px) {
    .company-info-table tr th{
        font-size: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .company-external-head, .company-external-image{
        display: block;
    }

    .company-external-image{
        width: 100%;
        margin-bottom: 10px;
    }

    .company-external-image, .company-external-dashboard{
        text-align: center;
    }

    .company-head-info{
        display: block;
        padding-left: 0;
    }

    .company-head-info.company-external-dashboard h4{
        margin-bottom: 5px;
    }

    .company-head-info.company-external-dashboard {
        display: table;
        width: 100%;
        padding-left: 0;
    }
    .company-head-info.company-external-dashboard .item {
        display: table-cell;
    }
    .company-head-info.company-external-dashboard .text {
        white-space: nowrap;
        width: 1%;
        padding: 0 20px;
    }
    .company-head-info.company-external-dashboard .line {
        border-bottom: 1px solid rgba(120,130,140,.13);
        position: relative;
        top: -2.5em;
    }
}
/*end company external dashboard*/

@media only screen and (max-width: 576px) {
    .datepicker-birth{
        margin-bottom: 10px;
    }
}

.employee-document-actions i{
    padding: 0 5px;
    cursor: pointer;
}

.preview-image-add-wrapper{
    display: table;
    width: 100%;
}

.preview-image-add{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    background-color: #fafafa;
}

.add-employee .preview-image-add{
    height: 235px;
}

.add-employee .preview-image-add img{
    height: 120px;
    width: 120px;
}

.add-client-company .preview-image-add{
    height: 255px;
}

.add-client-company .preview-image-add img{
    height: 120px;
    width: 120px;
}

.add-course .preview-image-add{
    height: 445px;
}

.add-course .preview-image-add img{
    height: 300px;
    width: 400px;
}

.add-location .preview-image-add{
    height: 646px;
}

.add-location .preview-image-add img{
    height: 300px;
    width: 300px;
}

.document-select .document-page-preview{
    height: 123px;
    width: 95px;
    margin: auto;
    position: relative;
}

.document-select .document-page-preview.active, .document-select .document-page-preview:focus, .document-select .document-page-preview:hover{
    cursor: pointer;
}

.show-disciplinary-modal .preview-image-add{
    height: 155px;
}

.show-disciplinary-modal .preview-image-add img{
    height: 120px;
    width: 120px;
}

.add-disciplinary-modal .preview-image-add{
    height: 242px;
}

.add-disciplinary-modal .preview-image-add img{
    height: 150px;
    width: 150px;
}

.add-disciplinary .preview-image-add{
    height: 358px;
}

.add-disciplinary .preview-image-add img{
    height: 200px;
    width: 200px;
}

.course-info-report .preview-image-add{
    height: 180px;
}

.course-info-report .preview-image-add img{
    height: 150px;
    width: 200px;
}

@media only screen and (max-width: 575px) {
    .add-course .preview-image-add{
        height: auto;
    }

    .add-course .preview-image-add img{
        height: auto;
        width: 100%;
    }
    .add-company-client .preview-image-add{
        height: auto;
    }

    .add-company-client .preview-image-add img{
        height: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .add-disciplinary .preview-image-add{
        height: 260px;
    }
}

@media only screen and (max-width: 768px) {
    .less-margin-responsive{
        margin: 20px 0 0 0 !important;
    }
}

.display-chart-table-status-quo {
    display: flex;
    align-items: center;
    height: 400px;
}

/*@media only screen and (max-width: 1770px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 375px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 1670px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 345px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 1570px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 325px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 1470px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 300px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 1370px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 270px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 1300px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 240px;*/
    /*}*/
/*}*/


/*@media only screen and (max-width: 1200px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 200px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 1060px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 180px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 992px) {*/
    /*.display-chart-table-status-quo {*/
        /*height: 400px;*/
    /*}*/
/*}*/

.consolidated-appointments-points span:first-child{
    color: #00c292;
}
.consolidated-appointments-points span:nth-child(2){
    color: #03a9f3;
}
.consolidated-appointments-points span:nth-child(3){
    color: #0673f3;
}
.consolidated-appointments-points span:nth-child(4){
    color: #05c269;
}
.consolidated-appointments-points span:nth-child(5){
    color: #01ddf3;
}
.consolidated-appointments-points span:nth-child(6){
    color: #639ef3;
}
.consolidated-appointments-points span:nth-child(7){
    color: #86def3;
}

.company-info-icons span{
    padding: 0 5px;
    margin-right: 2px;
}

.company-info-icons span:first-child{
    padding: 0 3px 0 0;
}

/*social networks*/

.social-wrapper a.share-fb {
    color: #3b5998;
    border-color: #3b5998;
}
.social-wrapper a.share-fb:hover,
.social-wrapper a.share-fb:focus {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.social-wrapper a.share-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
}
.social-wrapper a.share-twitter:hover,
.social-wrapper a.share-twitter:focus
{
    background: #1da1f2;
    border-color: #1da1f2;
    color: #ffffff;
}

.social-wrapper a.share-linkedin {
     color: #337ab7;
     border-color: #337ab7;
}
.social-wrapper a.share-linkedin:hover,
.social-wrapper a.share-linkedin:focus
{
    background: #337ab7;
    border-color: #337ab7;
    color: #ffffff;
    text-decoration: none;
}

.social-wrapper *{
    webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.social-wrapper a {
    display: inline-block;
    border: 2px solid;
    font-size: 18px;
    text-align: center;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 36px;
    margin: 0;
    margin-left: 10px;
}

.social-wrapper a:first-child {
    margin-left: 0;
}
/*end social networks*/

.access-members .datatable-actions{
    text-align: right !important;
}

.label-rounded {
    padding: .4em 1.4em;
}

.applicants-item-img{
    padding: 8px 0 !important;
}

.applicants-item-img img {
    width: 50px;
    height: 50px;
    margin-right: 0 !important;
}

.applicants-widget img{
    margin-left: 2px;
    border: 2px solid #03a9f3;
    background-color: #fff;
}

.applicants-widget tr td:first-child img{
    margin-left: 0;
}

.four-applicants td img{
    margin-left: -15px;
}

.four-applicants td:first-child img{
    margin-left: 0;
}

.applicants-link{
    margin-left: 6px;
}

.applicants-number{
    position: relative;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    padding: 2px 0;
    margin: 0 0 0 9px;
    width: 25px;
    height: 26px;
    background-color: #03a9f3;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.applicants-number-left{
    color: #03a9f3;
    position: absolute;
    left: -5px;
    top: 5px;
    font-size: 17px;
}

/*tooltip applicants*/
a.mytooltip.tooltip-applicant-info{
    color: #03a9f3;
}

.tooltip-applicant-info .tooltip-text-applicant{
    border-bottom: 10px solid #03a9f3;
}

.tooltip-applicant-info .tooltip-content-applicant::after{
    border-color: #03a9f3 transparent transparent;
}

a.mytooltip.tooltip-applicant-success{
    color: #00c292;
}

.tooltip-applicant-success .tooltip-text-applicant{
    border-bottom: 10px solid #00c292;
}

.tooltip-applicant-success .tooltip-content-applicant::after{
    border-color: #00c292 transparent transparent;
}

a.mytooltip.tooltip-applicant-danger{
    color: #fb9678;
}

.tooltip-applicant-danger .tooltip-text-applicant{
    border-bottom: 10px solid #fb9678;
}

.tooltip-applicant-danger .tooltip-content-applicant::after{
    border-color: #fb9678 transparent transparent;
}

a.mytooltip.tooltip-applicant-warning{
    color: #fec107;
}

.tooltip-applicant-warning .tooltip-text-applicant{
    border-bottom: 10px solid #fec107;
}

.tooltip-applicant-warning .tooltip-content-applicant::after{
    border-color: #fec107 transparent transparent;
}

.tooltip-content-applicant {
    position: absolute;
    z-index: 9999;
    width: 130px;
    bottom: 100%;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 0 0;
    opacity: 0;
    margin: 0 0 12px -65px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s
}

.mytooltip:hover .tooltip-content-applicant {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.tooltip-content-applicant span {
    display: block
}

.tooltip-text-applicant {
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s
}

.mytooltip:hover .tooltip-text-applicant {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.tooltip-inner-applicant {
    background: #2b2b2b;
    padding: 5px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.mytooltip:hover .tooltip-inner-applicant {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tooltip-content-applicant::after {
    content: '';
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    margin-left: -10px
}
/*end tooltip applicants*/

.twi-user .img-text-user{
    display: block;
    padding-top: 8px;
}

.twi-user .img-text-user:first-child{
    display: block;
    padding-top: 0;
}

@media only screen and (max-width: 575px) {
    .employee-info .img-text-user.img-user{
        text-align: center;
        display: block !important;
    }

    .employee-info .employee-img-container{
        display: inline-block;
        position: relative;
    }

    .employee-info .img-text-user.img-user img{
        float: none !important;
    }
}

/*datepicker*/
.datepicker table tr td{
    position: relative;
}

.datepicker table tr td.day.highlight:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #03a9f3;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.datepicker table tr td.active.day.highlight:before, .datepicker table tr td.today.day.highlight:before{
    border-bottom-color: #fff;
}

.datepicker table tr td.day.focused.active.highlight, .datepicker table tr td.active.day.highlight:hover, .datepicker table tr td.today.day.highlight:hover{
    color: #fff !important;
}

.datepicker table tr td.day.focused.highlight, .datepicker table tr td.day.highlight:hover {
    color: #797979;
}
/*end datepicker*/

.form-control+.input-group-addon:not(:first-child){
    border-left: 0;
}

/*clockpicker*/
.clockpicker .input-group-addon{
    cursor: default;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.clockpicker .input-group-addon{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*end clockpicker*/

/*ion range*/
.ion-range-applicants-div{
    width: 150px;
    display: inline-block;
}

.ion-applicant-danger .irs--flat .irs-bar {
     background-color: #fb9678;
 }

.ion-applicant-danger .irs--flat .irs-handle > i:first-child {
    background-color: #da776d;
}

.ion-applicant-danger .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-danger .irs--flat .irs-handle:hover > i:first-child {
    background-color: #a45454;
}

.ion-applicant-danger .irs--flat .irs-from,
.ion-applicant-danger .irs--flat .irs-to,
.ion-applicant-danger .irs--flat .irs-single {
    background-color: #fb9678;
}

.ion-applicant-danger .irs--flat .irs-from:before,
.ion-applicant-danger .irs--flat .irs-to:before,
.ion-applicant-danger .irs--flat .irs-single:before {
    border-top-color: #fb9678;
}

.ion-applicant-warning .irs--flat .irs-bar {
    background-color: #fec107;
}

.ion-applicant-warning .irs--flat .irs-handle > i:first-child {
    background-color: #da9d07;
}

.ion-applicant-warning .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-warning .irs--flat .irs-handle:hover > i:first-child {
    background-color: #a47a07;
}

.ion-applicant-warning .irs--flat .irs-from,
.ion-applicant-warning .irs--flat .irs-to,
.ion-applicant-warning .irs--flat .irs-single {
    background-color: #fec107;
}

.ion-applicant-warning .irs--flat .irs-from:before,
.ion-applicant-warning .irs--flat .irs-to:before,
.ion-applicant-warning .irs--flat .irs-single:before {
    border-top-color: #fec107;
}

.ion-applicant-success .irs--flat .irs-bar {
    background-color: #00c292;
}

.ion-applicant-success .irs--flat .irs-handle > i:first-child {
    background-color: #00a779;
}

.ion-applicant-success .irs--flat .irs-handle.state_hover > i:first-child,
.ion-applicant-success .irs--flat .irs-handle:hover > i:first-child {
    background-color: #009b6d;
}

.ion-applicant-success .irs--flat .irs-from,
.ion-applicant-success .irs--flat .irs-to,
.ion-applicant-success .irs--flat .irs-single {
    background-color: #00c292;
}

.ion-applicant-success .irs--flat .irs-from:before,
.ion-applicant-success .irs--flat .irs-to:before,
.ion-applicant-success .irs--flat .irs-single:before {
    border-top-color: #00c292;
}
/*end ion range*/

.form-control-entries-datatable {
    background-color: #fff;
    border: 1px solid #e4e7ea;
    border-radius: 0;
    box-shadow: none;
    color: #565656;
    height: 38px;
    max-width: 100%;
    padding: 7px 12px;
    transition: all 300ms linear 0s;
}

.form-control-entries-datatable:focus {
    box-shadow: none;
    border-color: #03a9f3;
}

.note-editor .dropdown-toggle::after {
    content: none;
}

.note-color .dropdown-menu li > div.btn-group {
    display: block;
}

.note-color .dropdown-menu li .btn-group .note-color-palette div{
    display: inline-block;
}
.popover{
    max-width:360px;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group{
    margin: 0 !important;
    padding: 0 5px;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{
    margin: 0;
    margin-bottom: 3px;
}

.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu {
    min-width: 332px;
}

.new-changes{
    color: red;
    font-size: 20px;
}

.pin-meet-the-team{
    padding: 5px;
}

.img-meet-the-team {
    width: 120px !important;
    height: 120px !important;
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*fix clear input*/
.qa-question-input-wrapper{
    position: relative;
}

.qa-question-input-wrapper span.clear-input{
    border: none;
    position: absolute;
    top: 4px;
    right: 0;
    color: rgba(105, 114, 124, 0.52);
    cursor: pointer;
}

input:focus ~ span.clear-input > i{
    color:#0878f3;
}

.qa-question-input-wrapper span.cursor-default{
    cursor: default;
}
/*end fix clear input*/

.other-actions-menu.show{
    display: inline-block !important;
}

.min-height-45{
    min-height: 45px;
}
.min-height-500{
    min-height: 500px;
}

.min-width-160{
    min-width: 160px;
}

@media only screen and (min-width: 1200px) {
    .min-width-270-xl{
        min-width: 270px;
    }
}

@media only screen and (min-width: 500px) {
    .list-employees-event-container .table-responsive{
        display: inline-table !important;
    }
}

.font-300 label{
    font-weight: 300;
}

/*----------------------------------modals----------------------------------*/

@media (min-width: 1600px){
    .modal-xxl {
        max-width: 1550px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px){
    .modal-xxl {
        max-width: 1350px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px){
    .modal-xxl {
        max-width: 1150px;
    }
}

@media (min-width: 1200px){
    .modal-xl {
        max-width: 1150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .modal-xxl{
        max-width: none;
        margin: .5rem;
    }
    .modal-xl {
        max-width: 950px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .modal-xxl,
    .modal-xl,
    .modal-lg {
        /*max-width: 700px;*/
        max-width: none;
        margin: .5rem;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    .modal-xxl,
    .modal-xl,
    .modal-lg,
    .modal-md {
        /*max-width: 500px;*/
        max-width: none;
        margin: .5rem;
    }
}

.modal-wide{
    width: 98% !important;
    max-width: 98%;
}
/*----------------------------------end modals----------------------------------*/

td.details-control {
    background: url('../../images/app/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../../images/app/details_close.png') no-repeat center center;
}

.responsive-right-left-xs{
    text-align: right;
}

.responsive-right-left-sm{
    text-align: right;
}

.responsive-right-left-md{
    text-align: right;
}

@media only screen and (min-width: 992px) and  (max-width: 1200px) {
    .responsive-right-left-md{
        text-align: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .responsive-right-left-sm{
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .responsive-right-left-xs{
        text-align: left;
    }
    .p-t-xs-0{
        padding-top: 0 !important;
    }
}


.line-steps .step-title:after, .line-steps .step-title:before {
    content: '';
}

#step-1-btn .step-number,
#step-2-btn .step-number,
#step-3-btn .step-number,
#step-4-btn .step-number
{
    color: #e4e7ea;
}

.active #step-1-btn .step-number,
.upcoming #step-1-btn .step-number,
.active #step-2-btn .step-number,
.upcoming #step-2-btn .step-number,
.active #step-3-btn .step-number,
.upcoming #step-3-btn .step-number,
.active #step-4-btn .step-number,
.upcoming #step-4-btn .step-number
{
    color: #03a9f3;
}

#step-1-btn .step-info,
#step-2-btn .step-info,
#step-3-btn .step-info,
#step-4-btn .step-info{
    color: #686868;
}

.gray-box{
    padding: 25px 5px;
    margin-bottom: 15px;
    background-color: #fafafa;
    border: 1px solid rgba(120,130,140,.13);
}

.dropify-wrapper.disabled input {
    visibility: hidden;
}
.jFiler-input-dragDrop{
    width: 100%;
}

.progress-bar-info{
    background-color: #03a9f3;
}

/*Documentation*/
.documentation-content img{
    box-shadow: 0px 3px 5px 3px rgba(120,130,140,.1);
}

.sub-list-group{
    padding-left: 33px;
}

.stickyside{
    max-height: 500px;
}

.stickyside .list-group{
    margin-bottom: 0;
}
/*End Documentation*/

/*Manuals*/
.qa-header-section{
    background-color: #f5f5f5;
    height: 38px;
    padding: 1px 0 1px 10px;
    margin: 10px 0;
}

.label-section-region {
    padding-right: 50px;
}

.sortable-sections, .sortable-sub-sections {
    padding-left: 20px;
}

.tree-builder-wraper .sortable-empty {
    margin: 10px 0 10px 20px;
    border: 1px #d5d5d5;
    border-style: dashed;
    padding: 18px 15px;
    background-color: #FFFFFF;
}

.form-add-sections .save-add-sections{
    margin-left: 10px;
}

.form-add-sections .cancel-add-sections{
    margin-left: 5px;
}
.form-add-sections.input-group .select2.select2-container{
    margin-left: 10px;
}

@media only screen and (max-width: 1200px) {
    .form-add-sections .input-add-sections, .form-add-sections.input-group .select2.select2-container{
        width: 100% !important;
        margin-bottom: 10px;
    }

    .form-add-sections.input-group .select2.select2-container{
        margin-left: 0;
    }

    .form-add-sections .save-add-sections{
        margin-left: 0;
        width: 49%;
        margin-right: 1%;
    }

    .form-add-sections .cancel-add-sections{
        width: 49%;
        margin-left: 1%;
    }

    .form-add-sections .save-add-sections button{
        width: 100%;
    }

    .form-add-sections .cancel-add-sections a{
        width: 100%;
    }
}

.m-b-0 .note-editor{
    margin-bottom: 0;
}
/*End Manuals*/

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle{
    background-color: #03a9f3;
    opacity: .8;
    border: 1px solid #03a9f3;
    color: #fff;
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{
    box-shadow: none;
}
.fa-rotate-90{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


.text-white h1, .text-white h2{
    color: #ffffff;
}

.separator-left{
    border-left: 1px solid #ffffff;
}

.ribbon-white{
    background: #ffffff;
}

.ribbon-text-success{
    color: #00c292;
}

.ribbon-text-danger{
    color: #fb9678;
}

.ribbon-white.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ffffff;
}

.ribbon-white.ribbon-corner.ribbon-right:before {
    border-right-color: #ffffff;
    border-left-color: transparent;
}

@media only screen and (max-width: 768px) {
    .separator-left{
        border-left: none;
    }
}

.pin-modules i, .pin-modules i:hover, .pin-modules i:active, .pin-modules i:focus{
    color: #337ab7;
}

.ul-list-style-none{
    list-style: none;
}

.search-container{
    margin-top: 0;
}

.cruisebi-img img{
    width: 500px;
    height: auto;
}

@media only screen and (max-width: 576px){
    .cruisebi-img img{
        display: block;
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 1200px){
    .cruisebi-img img{
        width: 570px;
        height: auto;
    }
}

@media only screen and (min-width: 1500px){
    .cruisebi-img img{
        width: 620px;
        height: auto;
    }
}

.no-image-search{
    margin-top: 0;
}

.img-group img{
    height: 36px;
    width: auto;
}

/*input group with select*/
.input-group .select2-item-group {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.input-group .select2-item-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*input group with select*/

/*panel with buttons*/
.panel-with-buttons .panel-heading{
    position: relative;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px 65px 20px 25px;
}

.panel-with-buttons  .buttons-right-panel{
    position: absolute;
    top: 19px;
    right: 25px;
}
/*end panel with buttons*/

/*cruise bi employee card*/
.card-employee-cruise-bi.selected .img-text-user img{
    background-color: #00c292;
}

.card-employee-cruise-bi.selected .img-text-user .fa-stack .fa-circle,
.card-employee-cruise-bi.selected .img-text-user p,
.card-employee-cruise-bi.selected .img-text-user h4{
    color: #00c292;
}

.unselected span.fa-stack{
    display: none;
}

.selected.unselected span.fa-stack{
    display: block;
}

/*text copy*/
.text-copy{
    font-size: 9px;
    vertical-align: top;
    cursor: pointer;
}

.text-icon-copy{
    font-size: 12px;
    top: -4px;
    position: relative;
}

.id-copy-icon{
    vertical-align: middle;
    top: 0;
    margin-bottom: 0;
    display: none;
}

.id-copy-icon:hover{
    color: #00c292 !important;
    display: inline-block;
}

.id-copy-text:hover .id-copy-icon{
    display: inline-block;
}

.name-copy-icon{
    display: none;
    position: absolute;
    font-weight: 200;
    top: -14px;
    left: 95px;
}

.name-copy-icon:hover{
    display: inline-block;
    color: #00c292 !important;
}

.name-copy-text:hover .name-copy-icon{
    display: inline-block;
}
/*end text copy*/

/*.nu-selection-box {*/
    /*border: 1px dotted #BBB;*/
    /*background: rgba(0, 0, 0, 0.04);*/
/*}*/

.selection-box {
    background: rgba(0, 0, 255, 0.1);
    border-radius: 0.1em;
    border: 0.05em solid rgba(0, 0, 255, 0.2);
}

.xlarge .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.xlarge .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.xlarge .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{
    padding: 7px 16px;
}

.border-right-buttons{
    border-right: 1px solid #e4e7ea;
    padding-right: 8px;
    margin-right: 6px;
}
/*end cruise bi employee card*/

.table-disciplinary-documents a{
    color: #797979;
}

@media only screen and (max-width: 768px){
    .btns-below-ribbons .btn{
        margin-top: 40px !important;
    }
}

.info-disciplinary-details{
    padding-top: 10px;
}

@media only screen and (max-width: 576px) {
    .info-disciplinary-details{
        text-align: center;
    }
}

.note-editor .panel-heading {
    padding: 6px 10px 10px;
    background-color: #fff;
    color: rgba(0,0,0,.7);
    border: none;
    border-bottom: 1px solid rgba(120,130,140,.13);
    overflow: visible;
}
.box {
    border-radius: .25rem;
    padding: 10px;
}

.column-step.column-step-20{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media only screen and (max-width: 1023px){
    .thin-steps-numbered-bg .column-step.column-step-20 {
        text-align: left;
    }
}

@media only screen and (max-width: 900px){
    .thin-steps-numbered-bg .column-step.column-step-20 {
        text-align: center;
    }
    .column-step.column-step-20{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .thin-steps-numbered-bg .column-step.column-step-20.active .step-number,
    .thin-steps-numbered-bg .column-step.column-step-20 .step-number{
        font-size: 50px;
        bottom: -17px;
    }

    .questions-steps .thin-steps-numbered-bg .column-step.column-step-20{
        padding: 10px;
    }
}




/*upload documents*/
.document-list-element h5{
    margin: 0;
    font-weight: 400;
    display: inline-block;
}

.document-list-element label{
    display: inline-block;
}

.document-list-element .time{
    display: block;
    font-size: 12px;
}

.document-list-element{
    padding: 10px 5px;
    border-top: 1px solid rgba(120,130,140,.13);
}

.document-list-element:first-child{
    border: 0;
}

.document-list-element:nth-child(even){
    background-color: #f4f8fb;
}

ul.uploaded-documents-container{
    display: block;
    list-style: none;
    padding-left: 10px ;
    margin-bottom: 0;
}

ul.uploaded-documents-container li{
    display: block;
    margin-bottom: 5px;
}

ul.uploaded-documents-container li:last-child{
    margin-bottom: 0;
}

@media only screen and (max-width: 768px){
    .document-list-element .time{
        float: none !important;
        margin-bottom: 5px;
    }

    .upload-requested-documents-input .group-span-filestyle, .upload-requested-documents-input label.btn{
        width: 100%;
    }
}

.uploaded-documents-container .btn-check:focus,
.uploaded-documents-container .btn-check:active{
    box-shadow: none;
}

.btn-check-success.btn-outline:hover,
.btn-check-success.btn-outline:focus,
.btn-check-success.btn-outline.active{
    background: #00c292;
    color: #fff;
}

.btn-check-danger.btn-outline:hover,
.btn-check-danger.btn-outline:focus,
.btn-check-danger.btn-outline.active{
    background: #fb9678;
    color: #fff;
}

.document-request-list{
    max-height: 500px;
    overflow: auto;
}

.document-notify{
    margin-top: -28px;
    margin-right: 5px;
}

.main-header-notify{
    margin-right: 4px;
}

.modal-header .btn-details-view{
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    padding: 14px 10px 10px 10px;
    margin: -1rem -1rem -1rem auto;
    margin-right: 0px;
    filter: alpha(opacity=20);
}

.modal-header .btn-details-view:hover,
.modal-header .btn-details-view:focus,
.modal-header .btn-details-view:active{
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-header .btn-details-view.active{
    opacity: 1;
}

.details-view-img{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin: 0 0 0 5px;
}

.modal-content .details-view-element{
    display: none;
}

.modal-content.details-active .details-view-element{
    display: block;
}
/*end upload documents*/

/*Location & reservation*/
.img-location{
    border-radius: 8px;
}

@media only screen and (max-width: 767px) {
    .reservation-calendar-switch{
        margin-bottom: 10px;
    }
}

.span-schedule-day{
    min-width: 150px;
    padding-top: 8px;
}

.add-workflow.add-location span:before{
    font-family: "Material Design Icons";
    content: "\F419";
    font-size: 179.9px;
}
/*end Location & reservation*/

/*-------------------------------- Manage task --------------------------------*/
.workflow-statistic{
    line-height: 22px;
    font-size: 18px;
    text-align: right;
    margin-top: 10px;
}

.calendar-container .fc-toolbar.fc-header-toolbar{
    margin-top: 0;
}

.calendar-type-events {
    padding: 8px 10px;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.calendar-type-events:hover {
    background-color: #f7fafc;
}
.calendar-type-events.checked {
    background-color: #dcf0f9;
}
.calendar-type-events.checked:hover {
    background-color: #c2e8fa;
}

@media only screen and (max-width: 991px){
    .company-client-statistic .company-head-info{
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
    }

    .company-client-statistic .company-external-image{
        display: table-cell;
        vertical-align: middle;
        width: 100px;
    }

    .company-client-statistic .company-external-image, .company-client-statistic .company-external-dashboard {
         text-align: left;
    }

    .company-client-statistic .company-head-info.company-external-dashboard h4{
        margin-bottom: 10px;
    }
}

.img-task{
    width: 40px;
    height: 40px;
}

.task-list li{
    margin-bottom: 10px;
}

.task-list .fb-inbox-item img{
    margin-right: 0;
}

.card-task-container{
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
}

.card-task{
    position: relative;
    padding: 20px;

    border-top: 1px solid rgba(120,130,140,.13);
    border-right: 1px solid rgba(120,130,140,.13);
    border-bottom: 1px solid rgba(120,130,140,.13);
}

.card-task  .btn-close-action {
    position: absolute;
    right: 0px;
    top: -1px;
    padding: 2px 4px 2px 5px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 10px;
    background: rgba(120,130,140,.13);
}

.card-task-title {
    margin: 0 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

.card-task-text{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

.heading-card-task{
    width: 5px;
    border-top: 1px solid rgba(120,130,140,.13);
    border-left: 1px solid rgba(120,130,140,.13);
    border-bottom: 1px solid rgba(120,130,140,.13);
}

.heading-card-task-text{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.heading-task-default{
    background-color: #e4e7ea;
    color: #686868;
}

.heading-task-warning{
    background-color: #fec107;
    color: #fff;
}

.heading-task-info{
    background-color: #03a9f3;
    color: #fff;
}

.heading-task-success{
    background-color: #00c292;
    color: #fff;
}

.task-img-container img{
    height: 170px;
    width: auto;
}

.top-task-img-container img{
    height: 140px;
    width: auto;
}

.datepicker-inline-container{
    display: block;
    text-align: -webkit-center;
}

.datepicker-inline-container .datepicker td{
    padding: 9px 9px;
}

.datepicker-inline-container .datepicker-inline{
    width: 255px;
}
/*-------------------------------- end Manage task --------------------------------*/

.label-job-type{
    display: inline-block;
}

.label-job-type:before{
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.label-job-type div{
    display: inline-block;
    vertical-align: top;
    padding: 4px 15px;
}

.text-statistic{
    border-top: 1px solid rgba(120,130,140,.13);
}

.comment-center-notes{
    margin: 0;
}

.card-course-wrapper{
    border-radius: 8px;
    border: 1px solid rgba(120,130,140,.13);
    width: 100%;
}

.card-course-info-wrapper{
    padding: 10px 10px 0 10px;
}

.card-img-course{
    width: 200px;
}

.card-img-course img{
    height: 150px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.course-name-card {
    height: 42px;
    min-height: 42px;
    line-height: 20px;
}

.shop-listing p {
    padding-bottom: 0;
    font-size: 12px;
}

.description-course-card {
    height: 34px;
    min-height: 34px;
    line-height: 16px;
    font-size: 14px;
}

@media only screen and (min-width: 1300px){
    .card-course-chart-lg{
        display: block !important;
    }

    .card-course-chart-md{
        display: none !important;
    }

    .card-course-chart-xs{
        display: none !important;
    }

    .card-course-chart-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .card-course-info-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .card-course-info-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-xs{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1300px) {
    .card-course-chart-lg{
        display: none !important;
    }

    .card-course-chart-md{
        display: block !important;
    }

    .card-course-chart-xs{
        display: none !important;
    }

    .card-course-chart-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .card-course-info-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .card-course-info-xs{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1170px) {
    .card-course-chart-lg{
        display: none !important;
    }

    .card-course-chart-md{
        display: none !important;
    }

    .card-course-chart-xs{
        display: block !important;
    }

    .card-course-chart-xs{
        padding-left: 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .card-course-info-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-xs{
        padding-right: 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media only screen and (max-width: 992px) {
    .card-course-chart-lg{
        display: block !important;
    }

    .card-course-chart-md{
        display: none !important;
    }

    .card-course-chart-xs{
        display: none !important;
    }

    .card-course-chart-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .card-course-info-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .card-course-info-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-xs{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 670px) {
    .card-course-chart-lg{
        display: none !important;
    }

    .card-course-chart-md{
        display: block !important;
    }

    .card-course-chart-xs{
        display: none !important;
    }

    .card-course-chart-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .card-course-info-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .card-course-info-xs{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 610px) {
    .card-course-chart-lg{
        display: none !important;
    }

    .card-course-chart-md{
        display: none !important;
    }

    .card-course-chart-xs{
        display: block !important;
    }

    .card-course-chart-xs{
        padding-left: 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .card-course-info-lg{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-course-info-xs{
        padding-right: 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media only screen and (max-width: 520px) {
    .card-course-wrapper,
    .card-course-info-wrapper,
    .card-img-course{
        display: block;
    }

    .card-img-course{
        width: 100%;
    }

    .card-img-course img{
        width: 100%;
        height: auto;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
}

.course-filter{
    font-weight: 500;
    color: #8d9ea7;
}

.course-filter:hover,
.course-filter:focus,
.course-filter:active{
    color: #03a9f3;
}

.course-filter.active{
    color: #03a9f3;
}

.course-filter.inactive{
    color: #8d9ea7;
}

.course-filter.inactive:hover,
.course-filter.inactive:focus,
.course-filter.inactive:active{
    color: #8d9ea7;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .insights-box-statistic .insights-box-title-statistic{
        margin-bottom: 0 !important;
    }

    .insights-box-statistic .number-big.font-40{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 0 !important;
    }

    .insights-box-statistic .statistic-icon-top{
        display: none !important;
    }

    .insights-box-statistic .statistic-icon-line{
        display: inline-block !important;
    }
}

.img-course-table{
    height: 50px;
    width: auto;
    border-radius: 8px;
}

.list-workflow-process{
    margin-bottom: 0px;
}

.form-add-workflow-sections .save-add-workflow-group-btn,
.form-add-workflow-sections .cancel-add-workflow-group-btn,
.form-add-audience-sections .save-add-audience-group-btn,
.form-add-audience-sections .cancel-add-audience-group-btn
{
    width: auto;
}

.form-add-workflow-sections .save-add-workflow-group-btn, .form-add-audience-sections .save-add-audience-group-btn{
    margin-left: 10px;
    margin-right: 0;
}

.form-add-workflow-sections .cancel-add-workflow-group-btn,.form-add-audience-sections .cancel-add-audience-group-btn{
    margin-left: 5px;
    margin-right: 0;
}

@media only screen and (max-width: 576px) {
    .form-add-workflow-sections .save-add-workflow-group-btn, .form-add-audience-sections .save-add-audience-group-btn{
        margin-left: 0;
        width: 49%;
        margin-right: 1%;
    }

    .form-add-workflow-sections .cancel-add-workflow-group-btn, .form-add-audience-sections .cancel-add-audience-group-btn{
        width: 49%;
        margin-left: 1%;
    }

    .form-add-workflow-sections.input-group .select2.select2-container, .form-add-audience-sections.input-group .select2.select2-container{
        width: 100% !important;
        margin-bottom: 10px;
    }
}

.panel-switch.panel-with-buttons .panel-heading{
    padding: 20px 115px 20px 25px;
}

.workflow-switch-process-heading, .audience-switch-process-heading, .milestone-switch-template-heading{
    float: right;
}

@media only screen and (max-width: 768px) {
    .panel-switch.panel-with-buttons .panel-heading{
        padding: 20px 65px 20px 25px;
    }
}

@media only screen and (max-width: 576px) {
    .panel-switch.panel-with-buttons .panel-heading{
        padding: 20px 65px 20px 25px;
    }

    .workflow-switch-process-heading, .audience-switch-process-heading{
        display: block !important;
        float: none;
    }
}

.workflow-process-checkbox{
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    .workflow-process-checkbox{
        margin-right: 0;
        float: right;
        margin-top: 6px;
    }
}

.alert-message{
    padding: 10px !important;
    width: 100%;
}

.alert-message-warning{
    background-color: #fee083 !important;
    color: #987304 !important;
    border: 1px solid #fed96a;
}

.alert-message-warning .alert-message-button a{
    color: #7f6003;
    border: 1px solid #7f6003;
}

.alert-message-warning .alert-message-button a:hover{
    color: #fee083;
    background-color: #7f6003;
}

.alert-message-success{
    background-color: #00c292 !important;
    color: #fff !important;
    border: 1px solid #00c292;
}

.alert-message-success .alert-message-button a{
    color: #fff;
    border: 1px solid #fff;
}

.alert-message-success .alert-message-button a:hover{
    color: #00c292;
    background-color: #fff;
}


.alert-message-info{
    background-color: #03a9f3 !important;
    color: #fff !important;
    border: 1px solid #03a9f3;
}

.alert-message-info .alert-message-button a{
    color: #fff;
    border: 1px solid #fff;
}

.alert-message-info .alert-message-button a:hover{
    color: #fff;
    background-color: #03a9f3;
}

.alert-message-error{
    background-color: #fb9678 !important;
    color: #fff !important;
    border: 1px solid #fb9678;
}

.alert-message-error .alert-message-button a{
    color: #fff;
    border: 1px solid #fff;
}

.alert-message-error .alert-message-button a:hover{
    color: #fb9678;
    background-color: #fff;
}

.alert-message-button a:focus{
    box-shadow: none;
}
@media only screen and (max-width: 500px) {
    .alert-message-icon{
        display: none;
    }

    .alert-message-text-icon{
        display: inline !important;
        margin-right: 5px;
    }

    .alert-message-button{
        display: block;
        width: 100%;
    }

    .alert-message-text{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .alert-message-button a{
        width: 100%;
    }
}

/*-------------------------------- CRM --------------------------------*/
.contacts-actions a{
    padding: 0 7px;
}

.contacts-actions.heading-actions a{
    padding: 0;
}

a.change-groups:hover,
a.change-groups:focus,
a.change-groups:active,
a.change-groups.active{
    opacity: 0.8;
}

.contact-groups li div:hover,
.contact-groups li div:focus,
.contact-groups li div:active,
.contact-groups li.active div{
    font-weight: 500;
}

.contact-groups li div.group-element {
    position: relative;
    padding: 15px 35px 15px 20px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.contact-groups li:last-child div.group-element{
    padding: 15px 0;
}

.contact-groups li a span {
    float: none;
}

.contact-groups li div.group-element-container {
    position: relative;
}
.contact-groups li div.group-element-container .group-element-menu-button {
    position: absolute;
    top: 14px;
    z-index: 1;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.contact-groups li div.group-element-container .group-element-menu {
    padding: 0 !important;
    min-width: 100px;
}

.contact-groups li div.group-element-container .group-element-menu li a {
    padding: 5px 10px !important;
}

.contact-groups li div.group-element span.group-number {
    position: absolute;
    top: 15px;
    right: 0;
}

@media only screen and (max-width: 992px){
    .right-aside.contact-groups-table-container {
        margin-left: 0;
    }
    .left-aside.contact-groups-table-container {
        padding: 0 20px;
        position: relative;
        width: 100%;
        border: 0;
    }
}

.groups-list-container{
    max-height: 400px;
    overflow-y: auto;
}

.chat-main-box .chat-right-aside .send-chat-box .message-text.form-control{
    resize: none;
    border: 0;
    border-radius: 20px;
    height: 62px;
    max-height: 62px;
    line-height: normal;
    padding: 9px 12px 11px;
    margin: 10px 0;
}

.btn-send-message{
    font-size: 25px;
    width: 60px;
    text-align: center;
}

.btn-send-message button{
    background-color: transparent;
    border: 0;
}

.messages-crm .chat-main-header{
    position: relative;
}

.messages-crm .chat-main-header .img-text-user p{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 5px;
}

.messages-crm .chat-main-header .twi-user{
    padding-right: 40px;
}

.messages-crm .chat-main-header .right-btn-call{
    position: absolute;
    right: 15px;
    top: 8px;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 20px;
    line-height: 41px;
    text-align: center;
    border-radius: 50%;
    margin: 17px 5px;
}

.chat-list .chat-text{
    padding: 10px 15px;
}

.messages-crm .chat-box .chat-top-message{
    padding:  10px;
    font-size: 12px;
}

.messages-crm .chat-box .chat-top-message-danger{
    background-color: #fb9678;
    color: #fff;
}

/*--------------------------------------- SMS, Whatsapp ---------------------------------------*/
.send-sms-container .btn-send-message button,
.send-whatsapp-container .btn-send-message button{
    transition: all .5s;
}
/*--------------------------------------- End SMS, Whatsapp ---------------------------------------*/
.messages-crm .chat-list .sender .chat-image {
    float: right !important;
}

.messages-crm .chat-list .sender .chat-body {
    float: right!important;
    margin-right: 12px;
    text-align: right;
}

.messages-crm .img-text-user img{
    width: 32px !important;
    height: 32px !important;
}

.messages-crm .twi-user .img-text-user{
    padding-top: 0;
}

.messages-crm .img-text-user p{
    margin-top: 0;
    padding-top: 3px;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
}

.messages-crm .img-text-user small{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.messages-crm.chat-main-box .chat-left-aside .chat-left-inner .style-none li a{
    padding: 10px;
}

.messages-crm .chat-main-header .img-text-user img{
    width: 50px !important;
    height: 50px !important;
    margin-right: 10px;
}

.messages-crm .chat-main-header .img-text-user h4{
    margin-bottom: 4px;
    margin-top: 0;
    line-height: 25px;
}

.messages-crm .chat-box .chat-messages{
    height: 500px;
}

.messages-crm .chat-left-inner .chatonline-container{
    height: 610px;
}

.messages-crm .chat-left-inner .chatonline-container ul{
    margin-bottom: 0;
}

.messages-crm.chat-main-box  .chat-right-aside .chat-list{
    padding-top: 20px;
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .messages-crm .chat-list{
        padding: 10px 0;
    }

    .messages-crm .chat-list .chat-body{
        width: 75%;
    }

    .messages-crm .chat-list .chat-body .chat-text{
        padding: 10px;
    }
}

.messages-crm.crm-calls-container .chat-list .chat-body,
.messages-crm.crm-video-calls-container .chat-list .chat-body{
    width: 85%;
}

.mail-list .contact-groups li div.group-element {
    padding: 10px 52px 10px 10px;
}

.mail-list .contact-groups li div:hover,
.mail-list .contact-groups li div:focus,
.mail-list .contact-groups li div:active,
.mail-list .contact-groups li.active div{
    color: #2b2b2b!important;
    font-weight: 300;
}

.mail-list .contact-groups li div.group-element span.group-number {
    position: absolute;
    top: 10px;
    right: 0;
}

.mail-list .group-number .label, .mail_listing .label{
    padding: 2px 10px 2px;
}

.sender-name .label{
    padding: 1px 6px 1px;
    font-size: 9px;
}

.list-group.mail-groups .contact-groups li div:hover,
.list-group.mail-groups .contact-groups li div:focus,
.list-group.mail-groups .contact-groups li div:active,
.list-group.mail-groups .contact-groups li.active div{
    color: #2b2b2b!important;
    font-weight: 500;
    border: 0;
}

.inbox-center .sender-name,
.inbox-center .sender-name a{
    max-width: 200px;
}

.inbox-center .checkbox-column{
    vertical-align: middle;
}

.inbox-center .checkbox-column label{
    min-height: 13px;
}

.inbox-center .table>tbody>tr>td,
.inbox-center .table>tbody>tr>th,
.inbox-center .table>tfoot>tr>td,
.inbox-center .table>tfoot>tr>th,
.inbox-center .table>thead>tr>td,
.inbox-center .table>thead>tr>th{
    padding: 15px 8px 10px;
}

.inbox-center .show .dropdown-toggle::after,
.inbox-center .open .dropdown-toggle::after,
.inbox-center .show.open .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.inbox-center .show .dropdown-toggle::after,
.inbox-center .open .dropdown-toggle::after,
.inbox-center .show.open .dropdown-toggle::after {
    background-color: transparent;
}

.inbox-center .inbox-actions ul{
    width: 100px;
}

.inbox-center .inbox-actions ul a{
    width: 100%;
}

.list-group.mail-groups{
    max-height: 220px;
}

.inbox-center thead tr:first-child th{
    border-top: 0;
}

.inbox-center tfoot tr th{
    border-bottom: 0;
}

.inbox-center tfoot .checkbox-column{
    vertical-align: top;
}

.inbox-center .delete-email{
    background: transparent;
    border: 0;
}

.media.email-body{
    overflow: inherit;
}

.email-detail-title{
    position: relative;
    padding: 5px 145px 5px 25px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.email-detail-title-xs{
    /*padding: 5px 145px 5px 25px;*/
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.email-detail-title .back-mail{
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 20px;
}

.email-detail-actions{
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 20px;
}

.email-detail-actions-group{
    position: absolute;
    top: 2px;
    right: 0;
}

.email-detail-actions-group button{
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 18px;
}

.email-detail-actions-group button:hover,
.email-detail-actions-group button:focus,
.email-detail-actions-group button:active{
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 0.8;
}

.email-detail-actions-group .group-element-menu {
    padding: 0 !important;
    min-width: 100px;
    left: -45px !important;
    right: 0 !important;
}

.email-detail-actions-group .group-element-menu li a {
    padding: 5px 10px !important;
}

.email-sender{
    position: relative;
    padding-right: 100px;
}

.email-sender .img-text-user img{
    width: 32px !important;
    height: 32px !important;
    margin-right: 10px;
}

.email-sender .twi-user .img-text-user {
    padding-top: 0;
}

.email-sender .img-text-user p {
    margin-top: 0;
    padding-top: 3px;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
}

.email-sender .img-text-user small {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.email-date {
    padding-top: 3px;
    text-align: right;
    position: absolute;
    top: -5px;
    right: 0;
}

@media only screen and (max-width: 768px) {
    .email-detail-title{
        padding: 5px 30px 5px 25px;
    }
}

.attach-file{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.email-compose-control-text{
    top: 8px;
    left: 6px;
    position: absolute;
}

.email-compose-control-text-cc{
    cursor: pointer;
    top: 8px;
    right: 36px;
    position: absolute;
}

.email-compose-control-text-bcc{
    cursor: pointer;
    top: 8px;
    right: 0;
    position: absolute;
}

.email-compose-control-to .bootstrap-tagsinput{
    padding-left: 60px;
    padding-right: 60px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.email-compose-control-subject{
    padding-left: 65px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.email-compose-control-text-cc-div .bootstrap-tagsinput{
    padding-left: 60px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.email-compose-control-text-bcc-div .bootstrap-tagsinput{
    padding-left: 66px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.email-compose-control .bootstrap-tagsinput input,
.email-compose-control-text-cc-div .bootstrap-tagsinput input,
.email-compose-control-text-bcc-div .bootstrap-tagsinput input{
    padding: 0;
}

.compose-text .note-editor{
    border: 0;
}

.email-compose-control-to .bootstrap-tagsinput,
.email-compose-control-cc .bootstrap-tagsinput,
.email-compose-control-bcc .bootstrap-tagsinput{
    overflow: auto;
}
/*-------------------------------- End CRM --------------------------------*/
/*-------------------------------- Profile Candidate CRM --------------------------------*/
.profile-crm.messages-crm.chat-main-box .chat-left-aside{
    width: 81px;
}

.profile-crm.messages-crm.chat-main-box .chat-right-aside{
    margin-left: 81px;
}

@media (max-width: 767px){
    .profile-crm.messages-crm.chat-main-box .chat-right-aside {
        margin-left: 0;
    }

    .profile-crm.messages-crm.chat-main-box .chat-left-aside {
        left: -81px;
    }

    .profile-crm.messages-crm.chat-main-box .chat-left-aside.open-pnl {
        left: 0;
    }
}

.profile-crm.messages-crm .chat-left-inner .chatonline-container{
    height: 584px;
}

.profile-crm.messages-crm.chat-main-box .chat-left-aside .chat-left-inner .style-none li a{
    padding: 20px;
}

.profile-crm.messages-crm .chat-left-inner li a i{
    font-size: 40px;
    color: #8d9ea7;
}

.profile-crm.messages-crm .chat-left-inner li a .notify .point{
    width: 8px;
    height: 8px;
    right: -1px;
    top: -18px;
}

h4.candidate-view-contacts-actions a .notify .point{
    right: 4px;
    top: 3px;
}

.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:focus{
    background-color: #DDEEF7;
}

.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.online-chat-profile-crm-item.active i{
    color: #0287C2;
}

.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:focus{
    background-color: #FEF6DD;
}

.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.sms-profile-crm-item.active i{
    color: #fec107;
}

.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:focus{
    background-color: #E1F9EA;
}

.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.whatsapp-profile-crm-item.active i{
    color: #25D366;
}

.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:focus{
    background-color: #F9E7E4;
}

.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.email-profile-crm-item.active i{
    color: #D44638;
}

.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:focus{
    background-color: #F1EDF9;
}

.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.video-profile-crm-item.active i{
    color: #9675ce;
}

.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:hover,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:focus{
    background-color: #DDF4FD;
}

.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:hover i,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:focus i,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item:active i,
.profile-crm.messages-crm .chat-left-inner li a.phone-profile-crm-item.active i{
    color: #03a9f3;
}

.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call.video-btn-call {
    background-color: #9675ce;
    color: #fff;
}

.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call.video-btn-call {
    background-color: #9675ce;
    color: #fff;
}

.messages-crm .crm-calls-container .send-chat-box .right-btn-call.phone-btn-call {
    background-color: #03a9f3;
    color: #fff;
}

.messages-crm .crm-calls-container .send-chat-box .right-btn-call.phone-btn-call {
    background-color: #03a9f3;
    color: #fff;
}

.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call:hover,
.messages-crm .crm-calls-container .send-chat-box .right-btn-call:hover{
    opacity: 0.8;
}

.messages-crm .crm-video-calls-container .send-chat-box .right-btn-call,
.messages-crm .crm-calls-container .send-chat-box .right-btn-call {
    position: absolute;
    right: 15px;
    top: 5px;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 20px;
    line-height: 41px;
    text-align: center;
    border-radius: 50%;
    margin: 17px 5px;
}

.send-email-container .email-center-wrapper{
    height: 540px;
}

.send-email-container .email-center-wrapper .inbox-compose-wrapper,
.send-email-container .email-center-wrapper .inbox-email-detail-wrapper{
    padding: 10px;
}

.send-email-container .email-center-wrapper .inbox-email-detail-wrapper .media{
    display: block;
}

.send-email-container .email-center-wrapper .inbox-email-detail-wrapper .label{
    padding: 3px 16px 3px;
}

.send-email-container .email-center-wrapper .inbox-compose-wrapper .note-editor .panel-heading{
    padding: 6px 10px 10px;
    background-color: #fff;
    color: rgba(0,0,0,.7);
    border: none;
    border-bottom: 1px solid rgba(120,130,140,.13);
    overflow: visible;
}

.candidate-email-menu-wrapper{
    padding: 10px;
}

.btn-candidate-compose-email{
    padding: 5px 15px;
    border-radius: 60px;
    font-size: 12px;
}
/*------------------------------ End Profile Candidate CRM ------------------------------*/

/*-------------------------------- Workflow right sidebar --------------------------------*/
.workflow-right-sidebar.workflow-right-sidebar-document{
    display: flex;
    flex-direction: column;

    position: relative;
    z-index: 100;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
    transition: all .3s ease;
    /*overflow: hidden;*/
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title{
    position: relative;
    display: block;
    text-align: right;
    padding: 5px;
    text-transform: uppercase;
    font-size: 13px;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title span{
    padding-top: 2px;
    float: left;
    cursor: pointer;
    font-size: 11px;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title span i{
    padding: 5px;
    margin: 0;
}

.workflow-right-sidebar.workflow-right-sidebar-document{
    /*right: -300px;*/
    width: 0;
    min-width: 0;
}

.workflow-right-sidebar.workflow-right-sidebar-document.shw-rside{
    /*right: 0;*/
    width: 500px;
    min-width: 500px;
}

@media only screen and (max-width: 500px) {
    .workflow-right-sidebar.workflow-right-sidebar-document.shw-rside{
        min-width: 100%;
    }
}

.workflow-right-sidebar.workflow-right-sidebar-document .r-panel-body{
    padding: 0;
    height: 100%;
}

.workflow-accordion .accordion-item-header a:not(.collapsed) .accordion-item-icon-right .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 10px;
}

.workflow-accordion .accordion-item-header a div{
    padding: 10px 20px 10px 20px;
    position: relative;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.workflow-accordion .accordion-item-header a div span.accordion-item-icon-right{
    position: absolute;
    right: 10px;
    top: 6px;
}

.workflow-accordion .accordion-item-header a div span.accordion-item-icon-left{
    position: absolute;
    left: 3px;
    top: 10px;
}

.workflow-company-form > span.select2:nth-child(2){
    margin-right: 5px;
}

.overdue-addon{
    border: 0;
    padding: 9px 5px;
    font-weight: 500;
}

.workflow-banner{
    width: 20px;
}

ul.workflow-sortable-list li{
    padding: 0;
}

ul.workflow-sortable-list li .workflow-body,
div.workflow-sortable-list .workflow-body{
    padding: 5px 5px 5px 5px;
    position: relative;
}

ul.workflow-sortable-list li .workflow-body .fields-list label,
div.workflow-sortable-list .workflow-body .fields-list label{
    padding: 5px 5px 5px 5px;
    position: relative;
    margin-bottom: 0;
}


ul.workflow-sortable-list li .workflow-body .fields-list label:hover,
ul.workflow-sortable-list li .workflow-body .fields-list label:focus,
ul.workflow-sortable-list li .workflow-body .fields-list label:active{
    cursor: pointer;
}

ul.workflow-sortable-list li .workflow-body .fields-list,
div.workflow-sortable-list .workflow-body .fields-list{
    padding-right: 40px;
}

ul.workflow-sortable-list li .workflow-body .target-title,
div.workflow-sortable-list .workflow-body .target-title{
    font-weight: 500;
    padding: 0 42px 0 0;
}

ul.workflow-sortable-list li .workflow-body .workflow-action a,
div.workflow-sortable-list .workflow-body .workflow-action a{
    padding: 3px;
    display: inline-block;
}

ul.workflow-sortable-list li .workflow-body .workflow-action,
div.workflow-sortable-list .workflow-body .workflow-action{
    position: absolute;
    top: 2px;
    right: 4px;
}

ul.workflow-sortable-list li,
div.workflow-sortable-list .workflow-element{
    margin-bottom: 10px;
}

.ribbon .ribbon-text{
    position: relative;
}

ul.workflow-sortable-list li .workflow-body .ribbon,
div.workflow-sortable-list .workflow-body .ribbon{
    padding: 5px 0 4px;
    text-align: center;
    width: 30px;
}

.preview-img-document-container{
    display: table;
    width: 100%;
}
/*-------------------------------- End Workflow right sidebar --------------------------------*/

.preview-img-document-container .preview-img-document{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 253px;
}

.preview-img-document-container .preview-img-document div.document-img{
    height: 220px;
    width: 170px;
    display: inline-block;
}

.document-details-info .row{
    margin-bottom: 15px;
}

.signer-card .twi-user .img-text-user{
    padding-top: 3px;
}

.signer-card{
    padding: 30px 0;
}
/*-------------------------------- Message bubble --------------------------------*/
#message-bubble.message-center{
    z-index: 1000;
    position: fixed;
    bottom: 8px;
    right: 8px;
}

#message-bubble.message-center.shw-hide-launcher-message{
    right: -50px;
}

#message-bubble .launcher-message-center{
    position: relative;
    z-index: 1000;
    pointer-events: auto;
    box-sizing: content-box !important;
    min-width: 50px;
    max-width: 300px;
    max-height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 50px;
    box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);
    -webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
    animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
    transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
}

#message-bubble.message-center .launcher-message-center{
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

#message-bubble.message-center,
#message-bubble.message-center .launcher-message-center{
    padding: 0;
    min-width: 50px;
    max-width: 50px;
    min-height: 49.5px;
    max-height: 49.5px;
    height: 49.5px;
    border-radius: 50%;
}

#message-bubble.message-center .message-bubble-icon{
    width: 28px;
    height: 28px;
    padding-top: 2px;
}

#message-bubble.message-center .message-bubble-icon img{
    width: 100%;
    height: auto;
}

.dropdown-message-center{
    position: absolute;
    z-index: 999;
    top: -230px;
    left: -200px;
    width: 233px;
    height: 263px;
    background-color: transparent;
    display: none;
}

.dropdown-message-center.shw-hide-msg{
    display: block;
}

.dropdown-message-center .display-table{
    width: 100%;
    /*height: 196px;*/
}

.dropdown-message-center .right-icons{
    width: 33px;
    max-width: 33px;
    border-bottom-left-radius: 10px;
}

.dropdown-message-center .left-notifications{
    width: 199px;
    max-width: 199px;
    height: 225px;
    overflow: auto;
}

.dropdown-message-center .left-notifications a{
    padding: 7px 10px;
    font-size: 12px;
    border: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown-message-center .left-notifications-container{
    height: 225px;
    border-bottom-left-radius: 10px;
}

.dropdown-message-center .left-notifications-container .notifications-clear-all{
    position: absolute;
    bottom: -18px;
    left: -1px;
    padding: 0;
    border: 0;
    font-size: 12px;
    width: 225px;
    text-align: center;
    border-bottom-left-radius: 10px;
}

.dropdown-message-center .left-notifications-container:hover{
    border-bottom-left-radius: 0;
}

.dropdown-message-center .left-notifications-empty.left-notifications-container:hover{
    border-bottom-left-radius: 10px;
}

.dropdown-message-center .left-notifications-container:hover .notifications-clear-all{
    display: block !important;
}

.dropdown-message-center .left-notifications-container:hover .notifications-clear-all span{
    display: block !important;
}

.dropdown-message-center .left-notifications a.active{
    font-weight: 600;
}

.dropdown-message-center .right-icons ul a{
    padding: 5px 5px;
    text-align: center;
}

.dropdown-message-center .dropdown-message-center-header{
    display: block;
    padding: 10px;
    text-transform: uppercase;
    font-size: 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dropdown-message-center .dropdown-message-center-header .right-side-close{
    float: right;
    cursor: pointer;
    font-size: 11px;
    margin-top: 4px;
    margin-right: 1px;
}

#message-bubble.message-center div.launcher-message-center-container{
    position: relative;
    height: 50px;
    width: 50px;
}

#message-bubble.message-center .shw-hide-bubble{
    display: none;
    position: absolute;
    bottom: 13px;
    left: -16px;
    height: 22px;
    width: 22px;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    z-index: 1001;
}

#message-bubble.message-center .message-bubble-notifications{
    position: absolute;
    top: -6px;
    right: -1px;
    display: inline-block;
    min-width: 16px;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    cursor: default;
    z-index: 1001;
}

#message-bubble.message-center div.btn-launcher-wrapper{
    position: relative;
}

#message-bubble.message-center div.btn-launcher-wrapper:hover a.shw-hide-bubble{
    display: block !important;
}

#message-bubble.message-center.shw-hide-launcher-message div.btn-launcher-wrapper a.shw-hide-bubble{
    display: block !important;
    bottom: 17px;
    left: -21px;
    line-height: 23px;
    border: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    width: 23px;
}

.message-center .right-icons li{
    position: relative;
}

.message-center .right-icons li a span{
    float: none;
}

.message-center .right-icons .notify .point{
    right: -2px;
    top: 2px;
}

.message-center.shw-hide-launcher-message .notify-point{
    width: 8px;
    height: 8px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    position: absolute;
    left: -24px;
    top: 8px;
    z-index: 1004;
}

.message-center .left-notifications .img-no-list{
    width: 150px;
    margin-top: 30px;
    opacity: 0.4;
}

.dropdown-message-center .left-notifications a:hover i.ti-trash,
.dropdown-message-center .left-notifications a i.fa-spinner{
    display: block !important;
}

/*-------------------------------- End message bubble --------------------------------*/
/*-------------------------------- Shortcuts --------------------------------*/
.right-shortcuts-container{
    margin-right: 25px;
    position: relative;
}

.right-shortcuts-container > div{
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    z-index: 1052;
}

.right-shortcut-icons{
    font-size: 16px;
    margin: 0;
    padding: 4px 10px;
    display: block;
    text-align: center;
    width: 36px;
}

.right-shortcut-icons-list{
    display: none;
    margin: 0;
    list-style: none;
    padding: 0;
    box-shadow: 5px 10px 20px rgba(0,0,0,.05);
}

.right-shortcuts-container > div:hover .right-shortcut-icons-list{
    display: block !important;
}

.right-shortcuts-container > div:hover .right-shortcut-icons>i:before{
    content: "\f063";
}

.right-shortcut-icons-list>li{
    display: block;
    list-style: none;
}

.right-shortcut-icons-list>li a{
    margin: 0;
    border-top: 0;
    display: block;
    padding: 6px 8px;
    text-align: center;
}
/*-------------------------------- End Shortcuts --------------------------------*/
/*-------------------------------- Candidate list --------------------------------*/
ul.candidate-tabs-list li{
    display: inline-block;
}

ul.candidate-tabs-list li a{
    padding: 7px 10px;
    display: block;
}

.search-group.input-group .select2.select2-container{
    flex: none;
    width: 100% !important;
}

.search-group.input-group .select2-wrapper{
    width: 200px;
}

.search-group.input-group .select2-reports{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.search-group.input-group .input-group-addon{
    padding: 3px 0;
    border-radius: 0;
    font-size: 20px;
    border-left: 0;
    border-right: 0;
    line-height: 30px;
    height: fit-content;
}

.search-group.input-group .input-search-group{
    border-right: 0;
}

.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single{
    border-left: 0;
}

.search-group.input-group .input-search-group{
    transition: none;
}

.has-error.search-group.input-group .input-group-addon,
.has-error.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single{
    border-color: red !important;
}

@media only screen and (max-width: 575px){

    .search-group .mobile-100{
        width: 100%;
        margin-bottom: 10px;
    }

    .search-group.input-group .select2-wrapper{
        width: 100%;
        margin-bottom: 10px;
    }

    .search-group.input-group .input-group-addon{
        display: none;
    }

    .search-group.input-group .search-button-container{
        width: 100%;
        margin-bottom: 10px;
    }

    .search-group.input-group .input-group-btn-50-left{
        margin-left: 0 !important;
        width: 49%;
        margin-right: 1% !important;
    }

    .search-group.input-group .input-group-btn-100{
        width: 100%;
        margin-left: 0 !important;
    }

    .search-group.input-group .input-group-btn-50-right{
        margin-right: 0 !important;
        width: 49%;
        margin-left: 1% !important;
    }
}
/*-------------------------------- End Candidate list --------------------------------*/
/*-------------------------------- Candidate view --------------------------------*/
.user-actions-btn{
    color: #fff;
    background-color: #03a9f3;
    position: absolute;
    top: 125px;
    left: 115px;
    padding: 2px 6px !important;
}

.employee-contact-links .notify{
    margin: 0;
}

.employee-contact-links .notify .point{
    right: -2px;
    top: 1px;
}

.employee-contact-links{
    display: inline-block;
    padding: 0;
    list-style: none;
}

.employee-contact-links li{
    display: inline-block;
    margin-right: 5px;
}

.steamline .timeline-element .timeline-day,
.steamline .timeline-element .timeline-flag-icon{
    width: 40px;
    height: 40px;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
}

.steamline.steamline-candidate{
    border-left: none;
}

.steamline .timeline-element .sl-right{
    display: inline-block;
    padding-left: 0;
}

.steamline .timeline-element{
    border-left: 1px solid rgba(120,130,140,.13);
    padding-bottom: 30px;
    margin-bottom: 0;
}

.steamline.steamline-candidate .timeline-element:last-child{
    border-left: none;
}

.steamline .timeline-element .timeline-day span{
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}

.steamline .timeline-element .timeline-flag-icon i{
    line-height: 40px;
    color: #fff;
    font-size: 20px;
}

.steamline .timeline-element div.timeline-date{
    font-size: 12px;
}

.steamline .timeline-element p.timeline-status{
    font-size: 14px;
    margin-bottom: 0;
}

.steamline .timeline-element p.timeline-sub-status{
    font-size: 12px;
    margin-bottom: 0;
}

.steamline .timeline-element p.timeline-status-extra{
    font-size: 14px;
    margin-bottom: 0;
}

.timeline-actions-edit,
.timeline-actions-delete{
    padding: 0 5px;
}
/*-------------------------------- End Candidate view --------------------------------*/
/*-------------------------------- Candidate test --------------------------------*/
.title-content.question-title{
    padding: 0 !important;
}

.title-content.question-title .display-table{
    width: 100%;
}

.test-question-left-container,
.test-question-right-container{
    width: 22px;
    display: table-cell;
    vertical-align: middle;
}

.test-question-left{
    margin-left: -16px;
    background-color: #03a9f3;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 4px 8px 3px 6px;
    font-size: 14px;
}

.test-question-right{
    margin-right: -16px;
    background-color: #03a9f3;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 4px 6px 3px 8px;
    font-size: 14px;
}

.test-question-left:hover,
.test-question-left:focus,
.test-question-left:active,
.test-question-right:hover,
.test-question-right:focus,
.test-question-right:active{
    box-shadow: 3px 5px 7px rgba(0,0,0,0.1);
    background-color: #35baf5;
    color: #fff;
}

.test-single-question .review-content.single-question{
    padding: 60px 40px !important;
}

h4.questions-title{
    margin-top: 0;
    margin-bottom: 20px;
    color: rgba(0,0,0,.5);
}

.addon-pagination-separator{
    width: 5px;
    padding: 0;
    border: 0;
}

.display-less-50{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    height: 100%;
    margin-left: 2px;
    color: rgba(0,0,0,.5);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.test-single-question .progress .progress-bar{
    text-align: right;
    padding-right: 2px;
}

.test-single-question .progress .progress-bar{
    text-align: right;
    padding-right: 2px;
}

.test-single-question .single-question label{
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .test-single-question-container{
        padding: 0 !important;
    }
    .test-title.one-line-ellipsis{
        text-overflow: unset;
        white-space: normal;
    }
}

.test-finished-text{
    color: rgba(0,0,0,.5);
    font-weight: 600;
}

.results-title{
    font-size: 22px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5);
}

.results-container .result-element{
    border-bottom: 1px solid #03a9f3;
    margin-bottom: 20px;
}

.results-container .result-element:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}

.open-ended-answer{
    border: 1px solid #ddd;
    padding: 10px;
}

.open-ended-evaluation{
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 10px;
}

.input-group .input-group-addon-test{
    position: relative;
    left: auto;
    top: auto;
    padding: 7px 10px 7px 0;
    border: none;
}

.input-group .input-group-addon-test .circle-drag-drop,
.input-group .input-group-addon-test .number-count-drag-drop{
    position: relative;
    left: auto;
    top: auto;
}

.course-instructors img {
    width: 20px;
    margin: 0 8px;
}
/*-------------------------------- End Candidate test --------------------------------*/

.text-details-table{
    width: 100%;
}
.text-details-table:hover{
    cursor: pointer;
    color: #03a9f3;
    font-weight: bold;
}

.circle-drag-drop {
    background-color: #03a9f3;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: table;
}

.number-count-drag-drop {
    font-size: 12px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.followup-wrapper{
    background-color: #f7fafc;
    margin-right: -7.5px;
    margin-left: -7.5px;
    padding: 0 7.5px;
    margin-bottom: 20px;
}

.sub-element-collapse-followup{
    margin-bottom: 10px;
}

.followup-comment-center-wrapper .comment-center{
    margin-top: 0 !important;
}

.followup-comment-center-wrapper .signature-comment-wrapper{
    padding: 0 7.5px;
}

.followup-comment-center-wrapper .signature-comment-wrapper>img{
    background-color: #ffffff;
}

.followup-comment-center-wrapper>.row{
    margin-bottom: 0 !important;
}

/*-------------------------------- Appointment system --------------------------------*/

.datepicker-inline-container.appointment-datepicker{
    padding: 30px 0;
    background-color: #fafafa;
}

.title-appointments-template.box-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

.checkbox-other{
    display: inline-block;
}

/*-------------------------------- End Appointment system --------------------------------*/

/*-------------------------------- Share Recognition --------------------------------*/
a.share-recognition-facebook:hover{
    color: #3b5998 !important;
}

a.share-recognition-twitter:hover{
    color: #1da1f2 !important;
}

a.share-recognition-linkedin:hover {
    color: #337ab7 !important;
}
/*-------------------------------- End Share Recognition --------------------------------*/
/*-------------------------------- Candidate Resume ------------------------------------*/
.edit-resume-picture .image-preview-cropp img,
.show-resume-picture .image-resume-candidate img{
    width: 200px !important;
    height:200px !important;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.edit-resume-picture .image-preview-cropp{
    text-align: center;
}

.resume-info-wrapper h4.final-header{
    clear: both;
    margin-bottom: 15px;
}

.edu-history-sec {
    width: 100%;
}

.edu-history {
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 30px;
    position: relative;
}

.edu-history > i {
    display: table-cell;
    color: #03a9f3;
    vertical-align: top;
    width: 60px;
    font-size: 40px;
    line-height: 60px;
}

.edu-history.style2 > i {
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 25px;
    width: 0;
    line-height: 0;
}

.edu-history.style2 {
    margin: 0;
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}

.edu-hisinfo {
    display: table-cell;
    vertical-align: top;
}

.edu-history-sec .action_job {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    margin: 0;
    text-align: center;
}

.edu-hisinfo > h3 {
    width: 100%;
    font-size: 15px;
    color: #03a9f3;
    margin: 0 !important;
    padding: 0 !important;
}

.edu-hisinfo > i {
    width: 100%;
    font-style: normal;
    font-size: 13px;
    margin-top: 0;
}

.edu-hisinfo > span {
    width: 100%;
    font-size: 15px;
    margin-top: 8px;
}

.edu-hisinfo > p {
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 24px;
    margin-top: 5px;
}

.action_job > li > a {
    color: #686868;
    font-size: 14px;
    padding: 0 6px;
}

.edu-history.style2 .edu-hisinfo > h3 span a {
    color: #686868;
    margin-left: 10px;
}

.action_job > li:first-child > a:focus,
.action_job > li:first-child > a:hover,
.action_job > li:first-child > a:active,
.edu-history.style2 .edu-hisinfo > h3 span a:focus,
.edu-history.style2 .edu-hisinfo > h3 span a:hover,
.edu-history.style2 .edu-hisinfo > h3 span a:active {
    color: #03a9f3;
}

.action_job > li:nth-child(2) > a:focus,
.action_job > li:nth-child(2) > a:hover,
.action_job > li:nth-child(2) > a:active {
    color: red;
}

.action_job > li {
    float: left;
}

/*skill tags*/
.skills-btn {
    width: 100%;
    margin-bottom: 20px;
}

.skills-btn div.skill-tag {
    display: inline-block;
    font-size: 13px;
    color: #03a9f3;
    border: 2px solid #03a9f3;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    padding: 6px 15px 5px;
    margin: 5px 10px 5px 0;
}

.skill-tag span {
    background-color: #03a9f3;
    color: #fff;
}
.skill-tag span {
    border-radius: 7px;
    padding: 0 5px;
}

div.skill-tag a{
    padding-left: 5px;
}

@media (max-width: 768px){
    .btns-below-ribbons-candidate{
        padding-top: 10px;
    }

    .btns-below-ribbons-candidate a{
        margin-top: 10px;
    }
}

.show-resume-picture > div.url-candidate > a{
    font-size: 15px;
    color: #03a9f3;
    margin: 0 !important;
    padding: 0 !important;
}

.show-resume-picture > div.professional-title{
    font-size: 15px;
    margin: 0 !important;
    padding: 0 !important;
}

.candidate-facebook{
    color: #4267B2;
}
.candidate-linkedin{
    color: #0072b1;
}
.candidate-twitter{
    color: #1DA1F2;
}

.resume-personal-info-wrapper .card .align-self-center h3{
    font-size: 14px;
    line-height: 20px;
}

.resume-personal-info-wrapper .card i{
    font-size: 35px;
}

.resume-personal-info-wrapper .card .box{
    margin: 0;
    padding: 5px 5px 0 5px;
}

.languages-heading {
    color: #363636;
    font-size: 16px;
}

.languages-info,
.languages-info span{
    display: inline-block;
}
/*end skill tags*/
/*-------------------------------- End Candidate Resume --------------------------------*/


.candidate-dashboard-wrapper{
    background: #edf1f5;
}

.dashboard-insights .white-box .list-inline i{
    font-size: 70px;
}

.dashboard-insights .white-box .card-action{
    padding-bottom: 25px;
}

.candidate-recent-events .comment-center{
    height: 557px;;
}

.comment-center .job-img {
    width: 50px;
    display: table-cell;
    position: relative;
    margin: 0 10px 0 0;
}

.comment-center .job-img img{
    border: 1px solid #ddd;
}

.candidate-recent-events .label.label-rouded {
    padding: 4px 16px 3px !important;
}

.candidate-recent-events .mail-contnet a.job-action {
    margin-left: 15px;
    font-size: 12px;
}

.candidate-recent-events .mail-contnet a.job-action i{
    font-size: 10px;
}

.discover-jobs .mail-contnet label{
    padding: 2px 8px 2px 8px;
}

.candidate-recent-events .mail-contnet .time,
.discover-jobs .mail-contnet .time{
    padding-top: 5px;
}

.discover-jobs.comment-center .comment-body:hover {
    background: transparent !important;
}
.discover-jobs.comment-center .comment-body {
    border: 0 !important;
}

.job-img .fav-icon{
    position: absolute;
    top: -6px;
    left: -7px;
}

.job-img .fav-icon i{
    font-size: 20px !important;
}

.job-img .fav-icon:hover i,
.job-img .fav-icon:focus i{
    color: red;
}

.job-img .fav-icon .fa-heart{
    color: red;
}

.courses-in-progress-wrapper,
.documents-uploaded-wrapper{
    height: 380px;
}

/*------------------------------ Quick Evaluation ------------------------------*/
.editable-table td.fb-inbox-item-img,
.editable-table td.fb-inbox-item-text{
    padding: 0 !important;
}

.editable-table .jsgrid-row .jsgrid-cell,
.editable-table .jsgrid-alt-row .jsgrid-cell,
.editable-table .jsgrid-edit-row .jsgrid-cell {
    width: 50px;
    vertical-align: middle;
}
.editable-table .jsgrid-row .edit-row-button:hover,
.editable-table .jsgrid-row .edit-row-button:focus,
.editable-table .jsgrid-alt-row .edit-row-button:hover,
.editable-table .jsgrid-alt-row .edit-row-button:focus{
    color: #03a9f3 !important;
}
.jsgrid-nodata-row .jsgrid-cell{
    padding-top: 150px;
    border: 0;
}

.editable-table .jsgrid-pager {
    text-align: right;
}


.p-t-0{
    padding-top: 0 !important;
}
/*------------------------------ End Quick Evaluation ------------------------------*/

.button-exportation{
    font-size: 14px;
    display: inline;
    margin-right: 0;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0.5em 1em;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
}

.server-location{
    right: 10px;
    top: 8px;
    position: absolute;
    border-radius: 10px;
    padding: 3px;
    font-size: 12px;
}

@media (max-width: 768px){
    .server-location{
        font-size: 12px;
        right: 5px;
        top: 5px;
        padding: 3px;

    }
}
.background-white{
    background-color: #fff;
}
.canvas-saved-signature-container img{
    max-width: 90%;
}
/*--------------------------------- Rookie Journey -------------------------------*/
#rookie-journey-map {
    display: flex;
    justify-content: center;
}

.rookie-journey-island-container {
    max-width: 1400px;
    width: 100%;
    box-sizing: border-box;
}

#wrapper .rookie-journey-wrapper{
    background: #0360ba;
    padding-bottom: 60px !important;
}

.white-page-title{
    background: #fff;
}

.rookie-journey-title-bar{
    padding-top: 0;
    padding-bottom: 0;
}

.rookie-journey-title-bar .btn-container{
    text-align: right;
    padding-top: 13px;
}

#rookie-journey-tasks-modal .modal-dialog{
    width: 800px;
    height: 650px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#rookie-journey-tasks-modal .modal-content{
    width: 100%;
    height: 100%;
}

#rookie-journey-tasks-modal .close{
    position: absolute;
    right: 0;
    padding: 3px 13px;
    text-align: center;
    font-size: 30px;
    background-color: #ffffff;
    text-shadow: none;
    border-radius: 0 20px;
    opacity: 0.6;
}

#rookie-journey-tasks-modal .close:focus,
#rookie-journey-tasks-modal .close:hover {
    color: #fb9678;
    text-decoration: none;
    opacity: .8;
}

#rookie-journey-tasks-modal .modal-content{
    border-radius: 20px;
}

#rookie-journey-tasks-modal .modal-content-body{
    height: 100%;
    width: 100%;
    padding: 35px;
}

#rookie-journey-tasks-modal .rookie-journey-modal-body{
    position: relative;
    padding: 20px;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    background-color: rgba(255,255,255,0.7);
}

#rookie-journey-tasks-modal div.icheckbox_square-blue{
    background-color: #fff;
}

.rookie-journey-modal-body h4{
    text-align: left;
    padding-right: 110px;
    line-height: 22px;
    font-size: 25px;
    font-family: Poppins,sans-serif;
    margin: 5px 0 25px;
    color: rgba(0,0,0,.5);
    font-weight: 600;
    padding-top: 6px;
}

.rookie-journey-modal-body .island-container{
    position: absolute;
    width: 130px;
    top: -29px;
    right: 0;
}
.rookie-journey-modal-body .tasks-container{
    height: 395px;
    padding: 5px 10px 5px 0;
}

@media (max-width: 800px){
    #rookie-journey-tasks-modal .modal-dialog{
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        transform: none;
    }
}

@media (max-width: 578px){
    #rookie-journey-tasks-modal p{
        padding: 10px 0px;
    }
}

@media (max-width: 768px){
    .rookie-journey-title-bar .btn-container{
        text-align: left;
        padding-top: 0;
        padding-bottom: 13px;
    }
}

/*---------island----------*/
.rookie-island{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row-islands{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.row-islands:last-child{
    margin-bottom: 30px;
}

.island-left img,
.island-right img{
    width: 100%;
    height: 100%;
}

.island-road{
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.join-dashed{
    width: 100%;
    height: 50%;
    border-bottom: 20px dotted #fff;
    opacity: 0.2;
}
.vertical-row{
    position: relative;
    width: 100%;
    height: 200px;
    padding: 0;
}

.vertical-right-dashed{
    width: 150px;
    height: 100%;
    display: inline-block;
    border-left: 20px dotted #fff;
    opacity: 0.2;
}

.vertical-left-dashed{
    width: 160px;
    height: 100%;
    display: inline-block;
    border-right: 20px dotted #fff;
    opacity: 0.2;
}

.island-left .rookie-boat-position,
.left-to-right .island-left .rookie-boat-position{
    right: 70px;
}

.right-to-left .island-left .rookie-boat-position{
    right: -160px;
    transform: rotateY(180deg);
}

.island-right .rookie-boat-position,
.left-to-right .island-right .rookie-boat-position{
    left: -170px;
}

.right-to-left .island-right .rookie-boat-position{
    left: 60px;
    transform: rotateY(180deg);
}

.left-to-right .island-road .rookie-boat-position{
    width: 230px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}

.right-to-left .island-road .rookie-boat-position{
    width: 230px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%) rotateY(180deg);
}

.vertical-row.text-right .rookie-boat-position{
    right: 30px;
    bottom: 25px;
    transform: rotateY(180deg);
}

.vertical-row.text-left .rookie-boat-position{
    left: 40px;
    bottom: 25px;
}

.rookie-image-container{
    position: relative;
    z-index: 2;
}

.rookie-boat-container{
    position: relative;
}

.rookie-boat-container .rookie-boat-img{
    display: block;
    position: absolute;
    width: 230px;
    height: auto;
    bottom: 5px;
    left: 0;
}

.rookie-boat-position{
    position: absolute;
    z-index: 2;
}

.rookie-boat-tooltip{
    color: #797979;
}
.rookie-boat-tooltip-tasks{
    height: 23px;
}

.rookie-island i{
    font-size: 50px;
    position: absolute;
    left: 20px;
    bottom: 10px;
    background: #fff;
    border-radius: 30px;
    padding: 4px;
}
.rookie-island.island-right i{
    right: 20px;
    left:auto;
}
/*---------end island----------*/
/*---------boat----------*/
.rookie-boat-img{
    z-index: 2;
    -webkit-animation-name: swinging;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes swinging{
    from {-webkit-transform:rotate(-2deg);}
    50% {-webkit-transform:rotate(2deg);}
    to {-webkit-transform:rotate(-2deg);}
}

.tooltipster-ship .tooltipster-content{
    padding-left: 10px !important;
    padding-right: 10px !important;;
}
.tooltipster-ship .tooltip-content-general{
    width: 300px !important;
}

/*---------end boat----------*/
/*---media---*/
@media (max-width: 1480px){
    .rookie-image-container img{
        width: 270px;
    }

    .rookie-boat-position{
        transform: scale(0.9);
        bottom: 0;
    }

    .left-to-right .island-right .rookie-boat-position {
        left: -140px;
    }

    .right-to-left .island-left .rookie-boat-position {
        right: 140px;
        transform: rotateY(180deg) scale(0.9);
    }

    .right-to-left .island-right .rookie-boat-position {
        transform: rotateY(180deg) scale(0.9);
    }

    .vertical-row.text-left .rookie-boat-position {
        bottom: 25px;
    }

    .vertical-row.text-right .rookie-boat-position {
        bottom: 25px;
        transform: rotateY(180deg) scale(0.9);
    }

    .left-to-right .island-road .rookie-boat-position {
        bottom: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }

    .right-to-left .island-road .rookie-boat-position {
        bottom: 0;
        transform: translate(-50%, -50%) rotateY(180deg) scale(0.9);
    }

    .vertical-left-dashed{
        width: 150px;
    }

    .vertical-right-dashed{
        width: 140px;
    }
}

@media (max-width: 1200px){
    .rookie-image-container img{
        width: 240px;
    }

    .rookie-boat-position{
        bottom: 0;
        transform: scale(0.8);
    }

    .left-to-right .island-left .rookie-boat-position {
        right: 50px;
    }

    .left-to-right .island-right .rookie-boat-position {
        left: -130px;
    }

    .right-to-left .island-left .rookie-boat-position {
        right: -130px;
        transform: rotateY(180deg) scale(0.8);
    }

    .right-to-left .island-right .rookie-boat-position {
        left: 50px;
        transform: rotateY(180deg) scale(0.8);
    }

    .vertical-row.text-left .rookie-boat-position {
        bottom: 40px;
    }

    .vertical-row.text-right .rookie-boat-position {
        bottom: 40px;
        transform: rotateY(180deg) scale(0.8);
    }

    .left-to-right .island-road .rookie-boat-position {
        bottom: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }

    .right-to-left .island-road .rookie-boat-position {
        bottom: 0;
        transform: translate(-50%, -50%) rotateY(180deg) scale(0.8);
    }

    .vertical-row{
        height: 190px;
    }

    .vertical-right-dashed{
        width: 125px;
    }
    .vertical-left-dashed{
        width: 135px;
    }
}

@media (max-width: 1000px){
    .rookie-image-container img{
        width: 210px;
    }

    .rookie-island i{
        font-size: 40px;
    }

    .rookie-boat-position{
        bottom: 0;
        transform: scale(0.6);
    }

    .left-to-right .island-left .rookie-boat-position {
        right: 45px;
    }

    .left-to-right .island-right .rookie-boat-position {
        left: -90px;
    }

    .right-to-left .island-left .rookie-boat-position {
        right: -90px;
        transform: rotateY(180deg) scale(0.6);
    }

    .right-to-left .island-right .rookie-boat-position {
        left: 40px;
        transform: rotateY(180deg) scale(0.6);
    }

    .vertical-row.text-left .rookie-boat-position {
        bottom: 35px;
    }

    .vertical-row.text-right .rookie-boat-position {
        bottom: 35px;
        transform: rotateY(180deg) scale(0.6);
    }

    .left-to-right .island-road .rookie-boat-position {
        bottom: 0;
        transform: translate(-50%, -50%) scale(0.6);
    }

    .right-to-left .island-road .rookie-boat-position {
        bottom: 0;
        transform: translate(-50%, -50%) rotateY(180deg) scale(0.6);
    }

    .vertical-row{
        height: 160px;
    }

    .vertical-right-dashed{
        width: 105px;
    }
    .vertical-left-dashed{
        width: 115px;
    }
}

@media (max-width: 768px){
    .rookie-image-container img{
        width: 210px;
    }

    .row-islands{
        display: block;
        text-align: center;
    }

    .rookie-island{
        display: block;
    }

    .island-road{
        text-align: center;
        width: 100%;
        z-index: 3;
    }

    .join-dashed{
        border-bottom: 0;
        border-right: 20px dotted #fff;
        display: inline-block;
        height: 160px;
        width: 0;
    }

    .rookie-boat-position{
        bottom: 0;
        transform: scale(0.6);
    }

    .left-to-right .island-left .rookie-boat-position,
    .left-to-right .island-right .rookie-boat-position,
    .right-to-left .island-right .rookie-boat-position,
    .right-to-left .island-left .rookie-boat-position {
        right: 0;
        width: 230px;
        height: 140px;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 50%) rotateY(0) scale(0.6);
        z-index: 3;
    }

    .left-to-right .island-road .rookie-boat-position,
    .right-to-left .island-road .rookie-boat-position,
    .vertical-row.text-left .rookie-boat-position,
    .vertical-row.text-right .rookie-boat-position {
        width: 230px;
        height: 140px;
        top: 50%;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, -50%) rotateY(0) scale(0.6);
        z-index: 3;
    }

    .left-to-right .island-road .rookie-boat-position .rookie-boat-container .rookie-boat-img,
    .right-to-left .island-road .rookie-boat-position .rookie-boat-container .rookie-boat-img,
    .vertical-row .rookie-boat-position .rookie-boat-container .rookie-boat-img,
    .left-to-right .island-left .rookie-boat-position .rookie-boat-container .rookie-boat-img,
    .left-to-right .island-right .rookie-boat-position .rookie-boat-container .rookie-boat-img,
    .right-to-left .island-left .rookie-boat-position .rookie-boat-container .rookie-boat-img,
    .right-to-left .island-right .rookie-boat-position .rookie-boat-container .rookie-boat-img{
        position: relative;
        z-index: 3;
    }

    .vertical-row{
        height: 160px;
        text-align: center !important;
        display: inline-block;
    }

    .vertical-right-dashed{
        width: 0;
    }
    .vertical-left-dashed{
        width: 0;
    }
}
/*---end media---*/
.wave-element{
    position: absolute;
    width: 60px;
    opacity: 0.3;
    bottom: 0;
}
.wave01{
    left: 0%;
}
.wave02{
    left: 10%;
}
.wave03{
    left: 20%;
}
.wave04{
    left: 30%;
}
.wave05{
    left: 40%;
}
.wave06{
    left: 50%;
}
.wave07{
    left: 60%;
}
.wave08{
    left: 70%;
}

/*Skeleton*/
.skeleton-box {
    display: block;
    position: relative;
    overflow: hidden;
}

.skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    animation: shimmer 2s infinite;
    content: '';
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.skeleton-box {
    background-color: #ecebec;
}

.skeleton-box::after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
}

.skeleton-course-content{
    border: 1px solid #f5f5f5;
}

.skeleton-rj-check{
    width: 23px;
    height: 23px;
}

.skeleton-rj-image{
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.skeleton-rj-title{
    width: 220px;
    height: 15px;
}

.skeleton-rj-text{
    width: 300px;
    height: 15px;
}

.skeleton-rj-type{
    width: 150px;
    height: 15px;
}

.skeleton-rj-tag{
    width: 90px;
    height: 15px;
    border-radius: 60px;
}

.skeleton-rj-btn{
    width: 70px;
    height: 30px;
    margin-top: -30px;
}
/*----------------smoke*/
.smoke {
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 130px;
    left: 65px;
    bottom: 144px;
}

.smoke.smoke2{
    left: 103px;
    bottom: 144px;
}

/* smoke balls */
.smoke span {
    display: block;
    position: absolute;
    bottom: -35px;
    margin-left: -20px;
    height: 0px;
    width: 0px;
    border: 25px solid #8b8989;
    border-radius: 35px;
    left: -5px;
    opacity: 0;
    transform: scale(0.1);
}

.smoke.smoke2 span {
    display: block;
    position: absolute;
    bottom: -35px;
    margin-left: -20px;
    height: 0px;
    width: 0px;
    border: 25px solid #8b8989;
    border-radius: 35px;
    left: -5px;
    opacity: 0;
    transform: scale(0.1);
}

/* Smoke animation */
@keyframes smokeL {
    0%   { transform: scale(0.2) translate(0, 0) }
    10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
    100% { opacity: 0; transform: scale(1) translate(-20px, -100px) }
}

@keyframes smokeR {
    0%   { transform: scale(0.2) translate(0, 0) }
    10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
    100% { opacity: 0; transform: scale(1) translate(20px, -100px) }
}

@keyframes smokeL2 {
    0%   { transform: scale(0.2) translate(0, 0) }
    10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
    100% { opacity: 0; transform: scale(1) translate(-10px, -50px) }
}

@keyframes smokeR2 {
    0%   { transform: scale(0.2) translate(0, 0) }
    10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
    100% { opacity: 0; transform: scale(1) translate(10px, -50px) }
}

.smoke .s0 { animation: smokeL 20s 0s infinite }
.smoke .s1 { animation: smokeR 20s 2s infinite }
.smoke .s2 { animation: smokeL 20s 4s infinite }
.smoke .s3 { animation: smokeR 20s 6s infinite }
.smoke .s4 { animation: smokeL 20s 8s infinite }
.smoke .s5 { animation: smokeR 20s 10s infinite }
.smoke .s6 { animation: smokeL 20s 12s infinite }
.smoke .s7 { animation: smokeR 20s 14s infinite }
.smoke .s8 { animation: smokeL 20s 16s infinite }
.smoke .s9 { animation: smokeR 20s 18s infinite }

.smoke.smoke2 .s0 { animation: smokeL2 5s 0s infinite }
.smoke.smoke2 .s1 { animation: smokeR2 5s 1s infinite }
.smoke.smoke2 .s2 { animation: smokeL2 5s 2s infinite }
.smoke.smoke2 .s3 { animation: smokeR2 5s 3s infinite }
.smoke.smoke2 .s4 { animation: smokeL2 5s 4s infinite }
/*----------------end smoke*/
.task-element{
    padding: 20px 0 20px 0;
    border-bottom: 1px solid rgba(120,130,140,.13);
}
.rookie-journey-check-container{
    vertical-align: middle;
    width: 30px;
}
.rookie-journey-img-container{
    vertical-align: middle;
    width: 70px;
}
.rookie-journey-img-container img{
    width: 60px;
    height: 60px;
    border-radius: 8px;
}
.rookie-journey-info-container .btn{
    float: right;
    margin-top: -20px;
}
.rookie-journey-info-container h5{
    margin: 0;
}
.rookie-journey-info-container .type{
    height: 25px;
}
/*------------------ Milestones -----------------*/
.milestone-container{
    display: inline-block;
}

.milestone-period-wrapper{
    display: inline-block;
    margin-right: -4px;
}
.period-tag{
    padding: 0 8px 8px 0;
    position: relative;
}
.period-tag .remove-period{
    display: none;
    position: absolute;
    top: -11px;
    right: 3px;
    width: 23px;
    height: 23px;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.milestone-period-wrapper.finish .period-tag .remove-period{
    right: -6px;
}
.period-tag:hover .remove-period,
.period-tag:focus .remove-period{
    display: block;
}
.milestone-period-wrapper.finish{
    margin: 0 8px 8px 0;
}.milestone-period-wrapper.finish .period-tag{
    padding: 0;
}
.milestone-period-wrapper .top-line{
    height: 10px;
    width: 100%;
    border-top: 3px solid;
}
.milestone-period-wrapper.start .top-line{
    border-left: 3px solid;
}
.milestone-period-wrapper.finish .top-line{
    border-right: 3px solid;
}
.milestone-period{
    font-size: 14px;
    padding: 0.8rem 1.2rem;
    border-radius: 60px;
    display: inline-block;
}
.tooltip-hover .milestone-period{
    font-size: 10px;
    padding: 0.3rem 0.6rem;
}
.milestone-period.add-period{
    margin: 0 8px 8px 0;
    font-size: 14px;
    padding: 0.8rem 1.2rem;
    cursor: pointer;
    border-radius: 60px;
    transition: all .5s;
}
/*------------------------------ End Rookie Journey ------------------------------*/
/*------------------------------ Birthday Message ------------------------------*/
canvas#confetti{
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

canvas.hidden-confetti {
    visibility: hidden!important;
    opacity: 0!important;
    transition: visibility 0s 1s, opacity 1s linear;
}

#happy-birthday-modal .modal-dialog{
    width: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#happy-birthday-modal .modal-content{
    background-color: #0a0030;
}

#happy-birthday-modal p{
    font-size: 22px;
    color: white;
    padding: 10px 100px;
    text-align: justify;
}

#happy-birthday-modal .close{
    position: absolute;
    right: -2px;
    padding: 3px 13px;
    text-align: center;
    font-size: 39px;
    background-color: #ffffff;
    text-shadow: none;
    border-radius: 0 20px;
}

#happy-birthday-modal .modal-content{
    border-radius: 20px;
}

@media (max-width: 800px){
    #happy-birthday-modal .modal-dialog{
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        transform: none;
    }
}

@media (max-width: 578px){
    #happy-birthday-modal p{
        padding: 10px 50px;
    }

    #happy-birthday-modal p{
        font-size: 18px;
    }
}

.happy-birthday-message .modal-backdrop
{
    opacity:0 !important;
}

#happy-birthday-modal.happy-holidays-modal p{
    font-size: 16px;
    color: white;
    padding: 10px 60px;
    text-align: center;
    line-height: 1.5;
}

.happy-holidays-modal .close{
    opacity: 0.8;
}

.happy-holidays-modal img{
    border-radius: 20px;
}

/*------------------------------ End Birthday Message ------------------------------*/

/*------------------------------ Alert Message ------------------------------*/


.alert-modal .modal-content{
    border-radius: 20px;
}

.device-visor .device-toolbar {
    align-items: center;
    display: flex;
    flex: none;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0 25px;
}

.device-visor .device-toolbar button {
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 5px;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    transition: all .15s;
}

.device-visor .device-toolbar button.active,
.device-visor .device-toolbar button:active,
.device-visor .device-toolbar button:hover {
    background-color: #f1f6f6;
    color: #4c83ee;
}

.device-visor .device-toolbar button i {
    fill: currentColor;
    display: inline-block;
    flex-shrink: 0;
    height: 1em;
    overflow: hidden;
    transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    color: #03a9f3;
    font-size: 25px;
}

.device-visor .device-container{
    box-sizing: content-box;
    flex: none;
    padding-left: 20px;
    padding-right: 20px;
    transition: all .3s ease-in;
}

.device-visor .device-container.desktop{
    border: 1px solid #e4e7ea;
    padding: 0px;
    height: 800px;
    width: 100%;
    border-radius: 3px;
    min-height: 320px;
}

.device-visor .device-container.tablet{
    border: 2px solid #4c83ee;
    height: 800px;
    border-radius: 35px;
    padding-bottom: 76px;
    padding-top: 54px;
    width: 768px;
}
.device-visor .device-container.phone{
    border: 2px solid #4c83ee;
    border-radius: 35px;
    padding-bottom: 76px;
    padding-top: 54px;
    height: 568px;
    padding-left: 20px;
    padding-right: 20px;
    width: 320px;
}

.device-visor .device-content{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    width: 100%;
}
.device-visor .device-container.phone .device-content,
.device-visor .device-container.tablet .device-content{
    border: 1px solid #4c83ee;
    border-radius: 7px;
}

.device-visor .device-content iframe{
    width: 100%;
    height: 100%;
    border: 0;
    /*background-color: #F8FAFC;*/
}


/*------------------------------ End Alert Message ------------------------------*/

/*.red-dot::after {*/
/*    content: "";*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    background-color: #f5707a;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 2px;*/
/*    right: 2px;*/
/*}*/

.email-message-card-element{
    padding: 10px;
}

.email-message-card-element-wrapper{
    padding: 20px 10px;
}

.email-top-box{
    height: 40px;
    border-radius: 5px 5px 0 0;
    background-color: #03a9f3;
}

.email-bottom-box{
    height: 40px;
    border-radius: 0 0 5px 5px;
    background-color: #03a9f3;
}

.email-element-remove{
    position: absolute;
    right: 30px;
    top: 22px;
}

.email-element-remove i{
    color: #FFFFFF;
    font-size: 18px;
}

.email-days-title{
    height: 20px;
}

@media (max-width: 350px){
    .skip-message-check span{
        font-size: 12px;
    }
}

.add-email-message-card-element{
    padding: 38px 10px;
}

.first-element .email-message-card-element-wrapper{
    padding: 76px 10px;
}

.remove-alert-days{
    display: inline-block;
    width: 100px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

#dropdownContent {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
}

#dropdownContent a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#dropdownContent a:hover {
    background-color: #f1f1f1;
}

.show {
    display: block;
}

.dynamic-tabs-tabs li{
    margin-top: 5px !important;
}

.dynamic-tabs-tabs .menu-tab {
    font-size: 16px;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    margin-left: 12px;
    border-radius: 4px;
}

.dynamic-tabs-tabs .menu-tab:hover {
    background-color: #f0f0f0;
    color: #03a9f3;
}

.dynamic-tabs-tabs .tab-menu {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dynamic-tabs-tabs .tab-menu.visible{
    display: block;
}

.dynamic-tabs-tabs .tab-menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dynamic-tabs-tabs .tab-menu a:hover {
    background-color: #f1f1f1;
}

.tabs-style-linebox nav .dynamic-tabs-tabs a {
    padding: 0 1em;
}

.dynamic-tabs-tabs .tab-menu{
    min-width: 120px;
    right: 0;
}

.dynamic-tabs-tabs .tab-menu a {
    padding: 5px 5px;
    color: #8d9ea7 !important;
    font-weight: 400;
    text-align: left;
}

.dynamic-tabs-tabs .tab-menu a:hover {
    background: #f7fafc !important;
}

.dynamic-tabs-tabs .tab-menu a::after {
    content: none;
}

.tabs-style-linebox nav .dynamic-tabs-tabs .tab-current a {
    color: #03a9f3;
}
.tabs-style-linebox nav .dynamic-tabs-tabs .tab-current a::after {
    background-color: transparent;
    transform: none;
    border: 1px solid #03a9f3;
    border-bottom: 3px solid #03a9f3;
}

.max-width-none{
    max-width: none !important;
}

/*------------------ Start employee new profile -----------------*/ 
.menu-profile-icons-container .profile-icons-menu {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
}

.menu-profile-icons-container .icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #f8f9fa;
    color: #686868;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.3s ease, background 0.3s ease, margin 0.3s ease;
    position: relative;
}

.menu-profile-icons-container .icon-item a {
    color: #686868;
}

.menu-profile-icons-container .icon-item:hover {
    background: #007bff;
    color: #FFFFFF;
    transform: scale(1.5);
    z-index: 10;
}

.menu-profile-icons-container .icon-item:hover a {
    color: #FFFFFF;
}

.menu-profile-icons-container .icon-item.active{
    background: #03a9f3;
    color: #FFFFFF;
}

.menu-profile-icons-container .icon-item.active:hover{
    background: #03a9f3;
    color: #FFFFFF;
    transform: none !important;
}

.menu-profile-icons-container .icon-item i {
    font-size: 28px;
    transition: transform 0.3s ease;
}

/*tag*/
.menu-profile-icons-container {
    position: relative;
}

.menu-profile-icons-container .icon-label {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.menu-profile-icons-container .icon-item:hover .icon-label {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-5px);
}

.employee-profile-alerts .mail-contnet a.job-action {
    font-size: 12px;
}

.employee-profile-alerts .mail-contnet a.job-action i {
    font-size: 10px;
}

.dashboard-insights .score-data{
    margin: 25px 0 14px;
}

.dashboard-insights .score-data .insights-number{
    font-size: 50px;
}

.employee-profile-actions .comment-center {
    height: 552px;
}

.employee-profile-actions .no-pending-action {
    margin-top: 70px;
}

.employee-profile-actions .label.label-rouded {
    padding: 4px 16px 3px !important;
}

.employee-profile-actions .mail-contnet a.profile-actions {
    margin-left: 15px;
    font-size: 12px;
}

.employee-profile-actions .mail-contnet a.profile-actions i {
    font-size: 10px;
}

.employee-profile-courses .courses-in-progress-wrapper{
    height: 364px;
}

/*start employee carousel*/
.employee-badges-carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.employee-badges-carousel-wrapper {
    display: flex;
    flex-direction: row-reverse;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.employee-badges-carousel-wrapper::-webkit-scrollbar {
    display: none;
}

.employee-badges-carousel-wrapper {
    display: flex; /* Ensures that cards are in a row */
    flex-direction: row-reverse; /* Maintains right-to-left stacking */
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap; /* Prevents cards from stacking in a column */
    padding: 10px;
    align-items: stretch; /* Keeps all cards aligned at the top */
}

.employee-badges-carousel-wrapper::-webkit-scrollbar {
    display: none;
}

/*---------------*/
/* 📌 Base Card */
.employee-badges-carousel-card {
    flex: 0 0 auto; /* Prevents shrinking */
    width: 100px;
    height: 130px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    perspective: 1200px;
    margin: 10px;
}

/* 📌 Background layer (Tilts on hover) */
.employee-badges-card-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #c8eeff;
    border-radius: 10px;
    border: 1px solid #4dbaeb;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 1;
}

.employee-badges-card-background.background-info {
    background: #c8eeff;
    border: 1px solid #4dbaeb;
}
.employee-badges-card-background.background-warning {
    background: #f9f2db;
    border: 1px solid #fec107;
}
.employee-badges-card-background.background-success {
    background: #d8f8f0;
    border: 1px solid #00c292;
}

/* 📌 Text & Image Wrapper */
.employee-badges-card-content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    z-index: 3;
}

/* 📌 Text Styling */
.employee-badges-text {
    font-size: 10px;
    font-weight: bold;
    color: #333;
    text-align: center;
    width: 90%;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2em;
    max-height: 2.4em;
}

/* 📌 Image Wrapper */
.employee-badges-image-wrapper {
    position: absolute;
    width: 75%;
    top: 43%;  /* Corrected position */
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, width 0.3s ease, top 0.3s ease;
    z-index: 4;
}

/* 📌 Image inside the card */
.employee-badges-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 📌 Creates a floating duplicate for hover effect */
.employee-badges-image-wrapper::after {
    content: "";
    background-image: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 110%;
    height: 110%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* 📌 Hover Effects */

/* 🎯 Tilts the background */
.employee-badges-carousel-card:hover .employee-badges-card-background {
    transform: perspective(900px) rotateX(25deg);
    box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.3);
}

/* 🎯 Elevates text */
.employee-badges-carousel-card:hover .employee-badges-text {
    bottom: 10px;
}

/* 🎯 Enlarges and moves image */
.employee-badges-carousel-card:hover .employee-badges-image-wrapper {
    width: 110%;
    top: 30%;
    transform: translate(-50%, -50%) scale(1.1);
}

/* 🎯 Activates floating effect */
.employee-badges-carousel-card:hover .employee-badges-image-wrapper::after {
    opacity: 1;
    transform: translateY(-15px) scale(1.2);
}

.employee-badges-carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
}

.employee-badges-carousel-button.left { left: 10px; }
.employee-badges-carousel-button.right { right: 10px; }
/*end employee carousel*/


/* calendar */
.employee-calendar-container{
    background-color: #fafafa;
    height: 500px;
}

/* .employee-calendar-container .datepicker-inline-container.appointment-datepicker {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.employee-calendar-container .datepicker-inline-container.appointment-datepicker .datepicker {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
} */

/* 🔹 Ensures both calendars are displayed side by side */
.employee-calendar-container .datepicker-inline-container.appointment-datepicker {
    display: flex;
    justify-content: center; /* Centers the calendars */
    align-items: flex-start;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    gap: 20px; /* Adds spacing between the calendars */
}

#datepicker-calendar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    margin: 0 auto; /* Centers the whole container */
}

/* 🔹 Ensures the table inside the calendar is centered */
#datepicker-calendar .datepicker {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Ensures it takes full width of container */
}

/* 🔹 Ensures the actual calendar table is centered */
#datepicker-calendar .datepicker table {
    margin: 0 auto; /* Centers the table inside the container */
}

/* 🔹 Ensure each calendar takes half of the space */
#datepicker-calendar,
#datepicker-calendar-2 {
    flex: 1; /* Makes them take equal space */
    min-width: 320px; /* Ensures a minimum width */
    max-width: 400px; /* Prevents excessive stretching */
}

/* 🔹 Fix alignment issue caused by duplicate navigation */
#datepicker-calendar .datepicker-inline,
#datepicker-calendar-2 .datepicker-inline {
    width: 100%;
}

/* 🔹 Hide navigation arrows on the second calendar */
#datepicker-calendar-2 .datepicker-days .prev,
#datepicker-calendar-2 .datepicker-days .next {
    visibility: hidden;
}

/* 🔹 Hide the second calendar on small screens */
@media (max-width: 1678px) {
    #datepicker-calendar-2 {
        display: none !important;
    }

    .employee-calendar-container .datepicker-inline-container.appointment-datepicker {
        display: flex;
        justify-content: center; /* Centers the remaining calendar */
        align-items: center;
        width: auto;
    }
}

/* 🔹 Adjusts spacing between days when screen is wide */
@media (min-width: 1200px) {
    .employee-calendar-container .datepicker-inline-container.appointment-datepicker td,
    .employee-calendar-container .datepicker-inline-container.appointment-datepicker th {
        padding: 14px; /* Increases spacing */
        font-size: 16px;
    }
}

/* 🔹 Reduces spacing for medium screens */
@media (max-width: 768px) {
    .employee-calendar-container .datepicker-inline-container.appointment-datepicker td,
    .employee-calendar-container .datepicker-inline-container.appointment-datepicker th {
        padding: 8px;
        font-size: 14px;
    }
    .employee-calendar-container{
        height: 380px;
    }
}

/* 🔹 Hide the datepicker on very small screens */
@media (max-width: 480px) {
    .employee-calendar-container .datepicker-inline-container.appointment-datepicker {
        display: none;
    }
}

.employee-activities-report {
    background: #f7fafc;
    margin: 0px -25px;
    padding: 5px 15px;
}

.event-link-home-section {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.employee-profile-cards .top-card-insights{
    height: 205px;
}

/* Rookie Jurney card */
.employee-profile-cards .rookie-journey-card{
    background: #03a9f3;
    padding: 5px;
}

.employee-profile-cards .rookie-journey-card .row-islands{
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.employee-profile-cards .island-road .join-dashed{
    opacity: 0.5;
}

.employee-profile-cards .rookie-journey-card .rookie-island-tasks img{
    width: 200px;
    height: auto;
}

.employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
    right: 40px;
    bottom: 5px;
}

.employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
    width: 230px;
    left: 50%;
    bottom: 6px;
}

.island-right .rookie-boat-position, .left-to-right .island-right .rookie-boat-position {
    left: -120px;
    bottom: 5px;
}

.employee-profile-cards .rookie-journey-card .rookie-boat-position{
    transform: translate(-50%, -50%) scale(0.7);
}

.employee-profile-cards .rookie-journey-card .rookie-island.island-road{
    height: 175px;
}

.employee-profile-cards .rookie-journey-card .rookie-island.island-road .wave-element{
    z-index: 4;
}

/* 🔹 Reduces size for medium screens */
@media (max-width: 1300px) {
    .employee-profile-cards .rookie-journey-card .rookie-boat-position{
        transform: translate(-50%, -50%) scale(0.5);
    }

    .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
        width: 170px;
        height: auto;
    }

    .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
        bottom: 23px;
    }
    .island-right .rookie-boat-position, .left-to-right .island-right .rookie-boat-position {
        left: -75px;
        bottom: 5px;
    }
}

@media (max-width: 768px) {
    .employee-profile-cards .rookie-journey-card .row-islands {
        display: flex;
        text-align: center;
    }

    .employee-profile-cards .rookie-journey-card .rookie-island.island-road{
        display: flex;
        z-index: 2;
    }

    .employee-profile-cards .rookie-journey-card .rookie-island.island-road .join-dashed{
        width: 100%;
        height: 50%;
        border-bottom: 20px dotted #fff;
        opacity: 0.2;
        border-right: 0;
    }

    .employee-profile-cards .rookie-journey-card .rookie-island {
        display: flex;
        z-index: 3;
    }

    .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
        right: 40px;
        bottom: 5px;
        position: absolute;
        width: auto;
        height: auto;
        left: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
        right: auto;
        bottom: 5px;
        position: absolute;
        width: auto;
        height: auto;
        left: -75px;
    }

    .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position .rookie-boat-container .rookie-boat-img {
        position: absolute;
    }

    .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position .rookie-boat-container .rookie-boat-img{
        position: absolute;
    }

    .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
        bottom: -85px;
        top: auto;
    }
}

@media (max-width: 550px) {
    .employee-profile-cards .rookie-journey-card .rookie-island.island-road .join-dashed {
        height: 40%;
        border-bottom: 14px dotted #fff;
    }

    .employee-profile-cards .rookie-journey-card .rookie-boat-position{
        transform: translate(-50%, -50%) scale(0.4);
    }

    .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
        width: 150px;
        height: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
        right: 30px;
        bottom: 2px;
    }
    
    .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
        bottom: -83px;
        top: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
        bottom: 2px;
        left: -60px;
    }
}

@media (max-width: 450px) {
    .employee-profile-cards .rookie-journey-card .rookie-boat-position{
        transform: translate(-50%, -50%) scale(0.3);
    }

    .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
        width: 110px;
        height: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
        right: 30px;
        bottom: 2px;
    }

    .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
        bottom: -77px;
        top: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
        bottom: 1px;
        left: -45px;
    }
}

@media (max-width: 350px) {
    .employee-profile-cards .rookie-journey-card .rookie-island.island-road .join-dashed {
        height: 33%;
        border-bottom: 8px dotted #fff;
    }

    .employee-profile-cards .rookie-journey-card .rookie-boat-position{
        transform: translate(-50%, -50%) scale(0.2);
    }

    .employee-profile-cards .rookie-journey-card .rookie-island-tasks img {
        width: 90px;
        height: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-left .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-left .rookie-boat-position {
        right: 16px;
        bottom: 2px;
    }

    .employee-profile-cards .rookie-journey-card .left-to-right .island-road .rookie-boat-position {
        bottom: -75px;
        top: auto;
    }

    .employee-profile-cards .rookie-journey-card .island-right .rookie-boat-position, .employee-profile-cards .rookie-journey-card .left-to-right .island-right .rookie-boat-position {
        bottom: 1px;
        left: -28px;
    }
}
/* End Rookie Jurney card */

/* .employee-profile-actions .employee-actions-search{
    position: relative;
}

.employee-profile-actions .employee-actions-search input{
    width: 120px;
}

.employee-profile-actions .employee-actions-search input:focus{
    width: 320px;
}

.employee-profile-actions .employee-actions-search i{
    position: absolute;
    right: 10px;
    top: 11px;
} */

.employee-profile-actions-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.employee-profile-actions-title-bar .d-flex {
    display: flex;
    align-items: center;
}

.employee-profile-actions-title-bar .employee-actions-search {
    position: relative;
    flex-grow: 1;
    display: flex;
    max-width: 100%;
    align-items: center;
    transition: max-width 0.3s ease-in-out;
}

.employee-profile-actions-title-bar .employee-actions-search input {
    width: 100%;
    max-width: 190px;
    transition: max-width 0.3s ease-in-out;
}

.employee-profile-actions-title-bar .employee-actions-search input:focus {
    max-width: 350px !important;;
}

.employee-profile-actions-title-bar .employee-actions-search i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #555;
}

.employee-profile-actions-title-bar .input-group-btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
/*Start Alerts component*/
.employee-profile-alerts .comment-center .comment-body {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    border-bottom: 1px solid rgba(120, 130, 140, .13);
    overflow: hidden;
}
.employee-profile-alerts .comment-center .job-img {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    margin-right: 0;
}
.employee-profile-alerts .comment-center .job-img img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.employee-profile-alerts .comment-center .mail-contnet {
    flex: 1; 
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.employee-profile-alerts .comment-center .mail-contnet h5 {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}
.employee-profile-alerts .comment-center .mail-contnet .mail-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.5;
    max-height: calc(1.5em * 3);
}
.employee-profile-alerts .comment-center .mail-contnet .time {
    align-self: flex-end;
    font-size: 10px;
    color: #2b2b2b;
}

.employee-profile-alerts .comment-center .job-action {
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin-left: 0;
    font-size: 14px;
    white-space: nowrap; 
}

.employee-profile-alerts .comment-center .mail-contnet-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 5px;
}

.employee-profile-alerts .comment-center .time {
    font-size: 12px;
    white-space: nowrap;
}
/*End Alerts component*/
/*------------------ End employee new profile -----------------*/

.text-transform-none{
    text-transform: none;
}

.switch-classic-modern{
    position: absolute;
    top: 12px;
    right: 80px;
}

@media (max-width: 767px) {
    .switch-classic-modern{
        position: relative;
        top: 0px;
        right: 40px;
    }
}

/*------------------ End employee new profile -----------------*/ 

/*------------------ Start PR Dashboard -----------------*/
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-card-info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dashboard-card-info-progress-container {
    display: block;
    width: 100%;
}

.dashboard-card-info-group {
    display: flex;
    align-items: center;
}

.dashboard-card-info-info {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.dashboard-card-info-text {
    font-size: 14px;
    color: #555;
}

.dashboard-card-info-text i.fa-star{
    color: #FFD700;
}

.flex-start{
    align-items: flex-start;
}

.flex-end{
    align-items: flex-end;
}

.dashboard-card-info-group .label{
    padding: 4px 16px 3px;
}

.dashboard-card-info-group img.dashboard-img-icon{
    width: 38px;
    height: auto;
}

.dashboard-card-info-wrapper{
    height: 150px;
}

.rating-control{
    font-size: 28px;
}

.rating-control i{
    color: #FFD700;
    margin-right: 2px;
}

.dashboard-rating-value{
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    padding-top: 5px;
}

.tracking-professional-growth-wrapper{
    height: 334px;
}

.progress.goal-progress{
    margin-bottom: 0;
}

.doughnut-chart-container {
    height: 315px; /* Set the fixed height */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Prevent overflow */
}

.doughnut-chart-container canvas {
    max-width: 100% !important; /* Ensure it resizes within container */
    max-height: 100% !important;
    height: auto !important;
    width: auto !important;
}

.col-6-charts-container{
    height: 500px;
}

.morris-chart-fit-container{
    width: 100% !important; /* Force Morris.js to fit the container */
    height: 100% !important;
    max-height: 400px; /* Prevent it from exceeding the container */
}

.chartjs-chart-fit-container {
    width: 100% !important;
    height: 100% !important;
    max-height: 400px;
}

.image-scroll-container {
    display: flex; /* Align images in a row */
    gap: 15px; /* Space between images */
    overflow-x: auto; /* Enable horizontal scroll */
    padding-bottom: 10px; /* Extra space to prevent scrollbar cutting */
    white-space: nowrap; /* Prevent wrapping */
    max-width: 100%; /* Ensure it does not exceed container */
    scrollbar-width: thin; /* Firefox scrollbar */
    scrollbar-color: #ccc transparent; /* Firefox scrollbar color */
}

/* Webkit (Chrome, Edge, Safari) scrollbar styles */
.image-scroll-container::-webkit-scrollbar {
    height: 6px; /* Small scrollbar */
}

.image-scroll-container::-webkit-scrollbar-thumb {
    background: #aaa; /* Scroll thumb color */
    border-radius: 10px;
}

.image-scroll-container::-webkit-scrollbar-track {
    background: transparent; /* Hide scrollbar track */
}

.image-scroll-container img {
    display: block; /* Prevent inline spacing */
    width: 60px;
    height: 60px;
    border-radius: 50%; /* Make images circular */
    object-fit: cover; /* Ensure images are properly fitted */
    cursor: pointer; /* Indicate interactivity */
}

.white-box.analytics-info {
    overflow: visible !important; /* Permite que el tooltip se muestre correctamente */
}

.custom-tooltip-peity{
    position: absolute;
    bottom: 100%; /* Position above the chart */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap; /* Ensures everything stays in one line */
    display: none; /* Initially hidden */
}

/*Dashboard Responsive*/
.dashboard-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Large screens: Donut chart stays on the right */
.doughnut-container {
    flex: 0 0 50%; /* Keep 50% width on large screens */
}

@media (max-width: 1399px) {
    .dashboard-col-responsive {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }

    .dashboard-flex {
        flex-direction: column;
    }

    .doughnut-container {
        order: -1; /* Moves donut to the top */
        flex: 0 0 100%; /* Full width */
    }

    .dashboard-content {
        flex: 0 0 100%;
    }
}
/*------------------ End PR Dashboard -----------------*/
/*------------------ Start Survey Dashboard -----------------*/
.dashboard-card-survey-info-wrapper{
    height: 250px;
}

.centered-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dashboard-big-number {
    font-size: 140px;
    font-weight: bold;
    color: #03a9f3;
    line-height: 0.85;
    margin-bottom: 8px;
}

.dashboard-big-number.survey-questions {
    line-height: 1;
    font-size: 100px;
    margin: 10px 0 15px 0;
}

.dashboard-subtitle {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.partial-survey-info{
    text-align: center;
    height: 115px;
}

.partial-survey-info p:first-child {
    font-weight: 500;
}

.dashboard-employee-list-container .dashboard-employee-list-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 10px;
    max-width: 100%;
}

.dashboard-employee-list-container .list-item-icon-wrapper {
    flex: 0 0 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.dashboard-employee-list-container .list-item-icon {
    width: 45px;
    height: 45px;
    border: 2px solid #02bec9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-employee-list-container .list-item-icon.survey-item-icon {
    border: 2px solid #02bec9;
}

.dashboard-employee-list-container .list-item-icon.survey-item-icon i {
    color: #02bec9;
}

.dashboard-employee-list-container .list-item-icon i {
    font-size: 23px;
}

.dashboard-employee-list-container .list-item-info {
    display: flex;
    flex-direction: column;
    flex: 1; /* allow text to shrink properly */
    min-width: 0; /* needed for ellipsis to work */
}

.dashboard-employee-list-container .list-item-info-title {
    font-weight: 500;
    color: #686868;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-employee-list-container .list-item-info-date {
    font-size: 12px;
    color: #8d9ea7 !important;
}

.card-survey-charts-container{
    height: 515px;
}

.progress-bar.progress-bar-green{
    background-color: #01c0c8;
}

.survey-progress-flex-container,
.survey-categories-flex-container {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.progress-section {
  width: 25%;
  padding-right: 20px;
}

.col-6-charts-container .categories-section{
    width: 40%;
}

.chart-section {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 425px;
}

.progress-group {
    width: 100%;
}

/* Responsive layout for screens < 1400px */
@media (max-width: 1399.98px), (max-width: 999.98px) {
    .card-survey-charts-container {
        height: 780px;
    }

    .survey-progress-flex-container {
        flex-direction: column;
        align-items: stretch;
    }

    .progress-section,
    .chart-section {
        width: 100%;
    }

    .progress-section {
        padding-right: 0;
    }

    .progress-section {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .chart-section{
        height: 540px;
    }

    .progress-group {
        width: calc(50% - 7.5px); /* Para dejar 15px de separación total */
    }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
    .card-survey-charts-container {
        height: 515px;
    }

    .progress-group {
        width: 100%;
    }
    
    .chart-section{
        height: 425px;
    }

    .survey-progress-flex-container {
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

    .progress-section {
        width: 25%;
        padding-right: 20px;
        gap: 0;
    }

    .chart-section {
        width: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 425px;
    }

    .survey-progress-flex-container {
        flex-direction: row;
    }
}

.col-6-charts-container .chart-section {
    width: 60%;
}

.col-6-charts-container .chart-section{
    height: 400px;
}

.col-6-charts-container .categories-list,
.col-6-charts-container .categories-section{
    padding: 0;
}

.col-6-charts-container .categories-list li {
    margin-bottom: 15px;
}

.chart-section canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
}

@media (max-width: 849.98px) {
  .col-6-charts-container {
    height: auto;
}

.survey-categories-flex-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.col-6-charts-container .categories-section {
    width: 100%;
    order: -1;
    margin-bottom: 20px;
}

.col-6-charts-container .categories-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.col-6-charts-container .categories-list li {
    margin: 0;
}

.col-6-charts-container .categories-list h5 {
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
}

}
/*------------------ End Survey Dashboard -----------------*/
/*------------------ Start Badges and Recognitions Dashboard -----------------*/
.dashboard-card-badges-recognitions-info-wrapper{
    height: 250px;
    position: relative; /* Required to contain the absolutely positioned watermark */
    overflow: hidden;   /* Ensures the watermark does not overflow the card */
}

.badge-img-wrapper,
.recognition-img-wrapper {
    width: 170px;
    height: 160px;
    flex-shrink: 0;
}

.badge-text-content {
    flex: 1 1 auto;
    position: relative;
}

.watermark-badge {
    width: 290px;
    opacity: 0.05;
    bottom: -80px;
    right: -110px;
    position: absolute;
    pointer-events: none;
    user-select: none;
}

.dashboard-card-badges-recognitions-info-wrapper .dashboard-big-number.badges-big-number{
    color: #ff9800;
}

.dashboard-card-badges-recognitions-info-wrapper .dashboard-big-number.recognitions-big-number{
    color: #fec107;
}

.dashboard-card-badges-recognitions-info-wrapper.badges-box {
    background: #ff9800;
}

.dashboard-card-badges-recognitions-info-wrapper.recognitions-box {
    background: #fec107;
}

.white-color {
    color: #fff;
}

.leaderboard-card-body {
    margin-top: 20px;
    padding-right: 180px;
    width: 100%;
}

.leaderboard-percentage-wrapper {
    margin-right: 20px;
}

.leaderboard-percentage-number {
    font-size: 140px;
    font-weight: bold;
    line-height: 1;
}

.leaderboard-percentage-symbol {
    font-size: 90px;
    font-weight: bold;
    margin-left: 5px;
    line-height: 1;
}

.leaderboard-text-wrapper h4 {
    font-size: 24px;
    font-weight: bold;
}

.leaderboard-text-wrapper h4{
    color: #fff;
    margin: 0 0 20px 0;
}

.leaderboard-image-wrapper{
    position: absolute;
    right: 25px;
    bottom: 30px;
    width: 185px;
    max-height: 100%;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.leaderboard-image-container{
    position: relative;
}

.user-image-podium{
   position: absolute;
   width: 60px; 
   height: 60px;
   padding: 4px;
}

.user-image-gold{
    top: 85px;
    left: 63px;
    background-color: #ffd800;
    border-radius: 50%;
}

.user-text-podium{
    position: absolute;
    text-align: center;
    width: 55px;
} 

.user-text-podium p{
    line-height: 11px;
    font-size: 12px;
    font-weight: 500;
} 

.user-text-gold{
    top: 167px;
    left: 66px;
}

.user-image-silver{
    top: 105px;
    left: 3px;
    background-color: #e3e3e3;
    border-radius: 50%;
}

.user-text-silver{
    top: 183px;
    left: 7px;
}

.user-image-bronze{
    top: 118px;
    right: 1px;
    background-color: #c19704;
    border-radius: 50%;
}

.user-text-bronze{
    top: 186px;
    right: 4px;
}

.btn-add-badge,
.btn-add-recognition,
.btn-wide{
    width: 100%;
    padding: 15px 10px;
}


.badges-unlocked-container .badge-recognition-card{
    border-radius: 8px;
    border: 1px solid rgba(120, 130, 140, .13);
    width: 100%;
    padding: 5px;
    position: relative;
    margin-bottom: 10px;
}

.badge-recognition-card .badge-img-wrapper{
    width: 130px;
    height: 120px;
}

.badge-recognition-card .show-badge{
    position: absolute;
    top: 0;
    left: 4px;
}

.badges-recognition-separator {
    margin: 30px 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #999;
}

.separator-line {
    flex-grow: 1;
    height: 2px;
    background-color: #ccc;
    margin: 0 10px;
}

.separator-text {
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    color: #999;
}

.col-6-charts-container.badges-recognitions-col-container{
    height: 540px;
}

.badges-locked {
    gap: 20px;
}

.badge-locked-img {
    width: 100%;
    max-width: 120px;
    filter: grayscale(100%);
    opacity: 0.3;
    transition: transform 0.3s ease;
}

.badge-locked-img:hover {
    transform: scale(1.05);
    opacity: 0.4;
}

.badges-locked {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; /* evita salto de línea */
    gap: 20px;
}

.badge-locked-img {
    flex: 1 1 0;
    min-width: 0;
    max-width: 120px;
    filter: grayscale(100%);
    opacity: 0.1;
    transition: transform 0.3s ease;
}

.badges-recognitions-wrapper{
    overflow-y: auto;
    overflow-x: hidden;
    height: 385px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .leaderboard-card-body {
        margin-top: 40px;
    }
    .leaderboard-percentage-wrapper .leaderboard-percentage-number {
        font-size: 100px;
    }
    .leaderboard-percentage-wrapper .leaderboard-percentage-symbol {
        font-size: 60px;
    }
}
/*------------------ End Badges and Recognitions Dashboard -----------------*/
/*------------------ Start Disciplinary Actions Dashboard -----------------*/
.dashboard-disciplinary-actions-info-wrapper{
    height: 250px;
    position: relative; /* Required to contain the absolutely positioned watermark */
    overflow: hidden;   /* Ensures the watermark does not overflow the card */
}
.dashboard-disciplinary-actions-info-wrapper .dashboard-big-number.disciplinary-big-number,
.dashboard-disciplinary-actions-info-wrapper .dashboard-medium-number.disciplinary-medium-number{
    color: #fb9678;
}

.dashboard-disciplinary-actions-info-wrapper .box-title-container{
    position: relative;
    padding-right: 20px;
}

.dashboard-disciplinary-actions-info-wrapper .box-title-container .show-disciplinary{
    position: absolute;
    top: 0; 
    right: 0;
}

.dashboard-medium-number{
    line-height: 1;
    font-size: 100px;
    margin: 10px 0 15px 0;
    font-weight: bold;
}

.disciplinary-img-wrapper {
    width: 160px;
    height: 160px;
    flex-shrink: 0;
}

.disciplinary-text-content {
    margin-left: 10px;
    flex: 1 1 auto;
    position: relative;
}

.disciplinary-action-status{
    text-align: center;
    transform: rotate(315deg);
    transform-origin: top right;
    text-transform: uppercase;
    padding: 5px 35px;
    bottom: 50px;
    right: -5px;
    position: absolute;
    color: #fff;
}

.centered-content .subtitle {
    text-align: center;
}

.col-6-disciplinary-container{
    height: 515px;
}

.col-6-disciplinary-container .disciplinary-action-card {
    border-radius: 8px;
    border: 1px solid rgba(120, 130, 140, .13);
    width: 100%;
    padding: 5px;
    position: relative;
    margin-bottom: 10px;
}

.disciplinary-action-card .disciplinary-img-wrapper{
    flex-shrink: 0;
    width: 100px;
    height: 115px;
    padding: 5px;
    margin-top: 5px;
}

.disciplinary-action-card .disciplinary-text-content{
    flex: 1 1 auto;
    margin-left: 10px;
}

.disciplinary-action-card .show-disciplinary{
    position: absolute;
    top: 0;
    left: 4px;
}
/*------------------ End Disciplinary Actions Dashboard -----------------*/
/*------------------ Start DMS Actions Dashboard -----------------*/
.dashboard-dms-info-wrapper{
    height: 250px;
    position: relative; 
    overflow: hidden;  
}

.dashboard-dms-info-wrapper .dashboard-medium-number{
    color: #8d9ea7;
}

.dashboard-employee-list-container .list-item-icon.dms-item-icon {
    border: 2px solid #8d9ea7;
}

.dashboard-employee-list-container .list-item-icon.dms-item-icon i {
    color: #8d9ea7;
}

.sign-now-info{
    text-align: center;
    height: 115px;
}

.metrics-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 10px 0;
}

.metric-box {
    flex: 1;
}

.metric-number {
    font-size: 55px;
    line-height: 55px;
    font-weight: bold;
    color: #8d9ea7;
}

.metric-label {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 5px;
}

.metric-label i {
    font-size: 12px;
}

.dms-upload-box-container{
    height: 115px;
}

.dms-upload-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px; /* controls overall size */
    margin-top: 5px;
}

.dms-upload-box i {
  font-size: 50px;
  color: #8d9ea7; /* icon color */
}

/* Common styles for all corners */
.dms-upload-box::before,
.dms-upload-box::after,
.dms-upload-box .corner-bottom-left,
.dms-upload-box .corner-bottom-right {
  content: "";
  position: absolute;
  width: 30px; /* corner width */
  height: 25px; /* corner height */
  border: 3px solid #8d9ea7; /* border color */
  border-radius: 6px; /* rounded corners */
}

/* Top left corner */
.dms-upload-box::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

/* Top right corner */
.dms-upload-box::after {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}

/* Bottom left corner */
.dms-upload-box .corner-bottom-left {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}

/* Bottom right corner */
.dms-upload-box .corner-bottom-right {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}



/*------------------ End DMS Actions Dashboard -----------------*/

.timer-input {
    display: flex;
    font-family: sans-serif;
    font-size: 16px;
    border: 1px solid #ccc;
    overflow: hidden;
    width: fit-content;
    transition: border 0.2s, box-shadow 0.2s;
    padding-right: 20px;
    width: 100%;
    justify-content: center;
}
.timer-input label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    display: flex
;
    align-items: center;
}
.timer-input input.timer-input-segment {
    width: 50px;
    text-align: right;
    padding: 8px 4px;
    border: none;
    outline: none;
    font-size: 16px;
    background: white;
    height: 39px !important;
}
  
.timer-input input.timer-input-segment:not(:last-child) {
   border: 0;
}
.timer-input span {
   padding-right: 5px;
   margin-top: 1px;
}
  
.timer-input input.timer-input-segment::placeholder {
   color: #888;
}
  
.timer-input:focus-within {
   border-color: #03a9f3;
}
.timer-input label:has(input:focus) span {
   color: #0596d7;
}