.btn-block.btn-login {
    background: #03a9f3;
    border: 1px solid #03a9f3;
}

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

.btn-login.btn-outline:hover,
.btn-login.btn-outline:focus {
    background: #03a9f3 !important;
    color: #fff !important;
}

/*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*/

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

.text-default{
   color: #797979 !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;
}

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

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

.img-thumbnail{
    background-color: #fff;
    border: 1px solid #ddd;
}

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

.ready-circle{
    color: #fec107;
}

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

.navbar-top-links.navbar-left .search{
    color: #fff;
}

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

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

.icon-deactive{
    color: #bcbbbb;
}

.icon-danger{
    color: #fb9678;
}

.icon-active{
    color: #03a9f3;
}

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

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

.panel-cruise .panel-heading {
    border-color: #fff;
    color: rgba(0,0,0,.7);
    background-color: #fafafa;
    border: 1px solid rgba(120,130,140,.13);
}

.panel-cruise .panel-body{
    border: 1px solid rgba(120,130,140,.13);
}

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

.panel-cruise .panel-heading .dropdown .dropdown-menu>li>a{
    color: rgba(0,0,0,.7);
}

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

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

{
    .table-performance-review;
}

/*Performance Review*/
.top-level-tab-nav li a{
    color: #363636;
}

.top-level-tab-nav li.active a{
    background: #64c1f6;
    color: #fff;
}

.question-tab ul li a{
    color: #363636;
}

.question-tab li a:before{
    border: 1px solid #b7b7b7;
}

.question-tab li.active a:before{
    background: white;
}

.question-tab li.active a:after{
    background: #2489c5;
}

.question-tab li.active a{
    background: #e1e1e1;
}

.question-tab li.active:after{
    color: #363636;
}

.qa-builder-heading{
    color: #363636;
}

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

.iradio_css{
    border: 1px solid #b8b8b8;
}

.iradio_css.checked:before{
    background: #2489c5;
}

.qa-answer-separator{
    border-bottom: 1px solid #ccc;
}

.qa-optional-inputs label{
    color: #404040!important;
}

.qa-submit{
    background: #30c6a3;
    color: #fff;
}

.form-control.only-bottom-border{
    border-bottom: 1px solid #ccc;
}

.delete-question {
    color: #fff;
}

.delete-question button {
    color: #fff;
    background: white!important;
}

.delete-question i:before {
    color: #686868;
}

.fa-trash:hover:before {
    color: red;
}

.notify .point{
    background-color: #f5707a;
}

.qa-answer-option-item li:before{
    background: #fff;
    color: #929394;
}

.dd3-content {
    color: #979898;
    background: #fff;
}

.dd3-content a{
    color: #686868;
}

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

.custom-dd-empty .dd-list .dd3-content {
    background: #fff;
}

.custom-dd-empty .dd-list .dd3-handle {
    background: #fff;
}

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

.qa-header:hover{
    background: #f2f2f2!important;
}

.one a {
    color: #797979 !important;
    background: #fff;
}

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

.one a:before {
    background-color: #03a9f3;
}

.card-box {
    background-color: #ffffff;
}

.qa-header {
    background: #e1e1e1;
    color: #979898;
}

.qa-header:hover {
    background: #f2f2f2!important;
}

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

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

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

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

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

.badge-custom {
    background-color: #03a9f3!important;
}

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

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

.tagcloud06 ul li a {
    background-color: #e5e5e4;
    color: #555;
}

.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;
}

/*workflow*/
.workflow-card-box{
    border: 2px solid #f3f3f3;
    background-color: #ffffff;
}
.workflow-card-box-warning{
    border: 2px solid #fec107;
}

.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;
}

.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;
}

.add-workflow, .add-recognition, .add-badge, .add-disciplinary-action {
    border: 2px dashed #eee;
    background-color: #f9f9f9;
}

.add-workflow span:before, .add-recognition span:before, .add-badge span:before, .add-disciplinary-action span:before {
    color: #dcdcdc!important;
}

.add-workflow:hover,.add-recognition:hover, .add-badge:hover,.add-disciplinary-action:hover {
    background-color: #fff;
    color: #fff!important;
    border: 1px solid #eee;
}

.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;
}

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

/*finalice*/.title-content {
    background: #03a9f3!important;
    color: white;
    border: 1px solid #03a9f3!important;
}

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

.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;
}

.final-header > span {
    border-bottom: #03a9f3 solid 3px;
}

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

.move-card:before {
    color: #ccc;
}

.move-card {
    border: 1px solid #eee;
    background: white;
}

.calendar-date-out .input-group-addon {
    background-color: #eceeef;
}

.input-group-filled .input-group-addon{
    background-color: #eceeef;
}

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

.review-content {
    background: white!important;
    border: 1px solid #e6e6e6 !important;
}

.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;
}

.block-loading{
    background: rgba(76, 175, 80, 0.3);
}

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

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

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

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
    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{
    color: #999999;
}

.qa-question-input-wrapper .warning{
    color:#600;
}

.qa-question-input-wrapper .exceeded{
    color:#e00;
}

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

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

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

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

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

.progress.bar-steps{
    background-color: transparent!important;
}

.progress-hover:hover:after{
    background: rgba(0,0,0,0);
}

.progress-hover:hover{
    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);
    border: 2px solid rgba(255,255,255,.5);
}

.tooltip-hover{
    background-color: rgba(255,255,255,1);
    color: #575d69 !important;
}

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

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

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

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

.dt-buttons a{
    border-right: 1px #eee solid!important;
}

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

.button-exportation:hover,
.button-exportation:focus,
.dataTables_length .dt-button:hover,
.dataTables_length .dt-button:focus,
.jsGridTables_length .dt-button:hover,
.jsGridTables_length .dt-button:focus {
    color: #fff !important;
    background-color: #03a9f3 !important;
}

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

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;
}

.sub-right {
    border-right: solid #eee 1px;
}

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

.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);
}

/*start performance review*/.title-start-performance{
    color: #686868;
}

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

.title-questions-text{
    color: rgba(0,0,0,.7);
}

/*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;
}

.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{
    -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{
    background-color: #03a9f3;
}

.column-schedule-head{
    color: rgba(0,0,0,.7);
}

.schedule-posts-ul li{
    background-color: #fff;
}

.schedule-card{
    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{
    color: #bfbfbf;
}

.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);
}

.date-task{
    color: #bfbfbf;
}

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

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

.priority span{
    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;
}

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

.circle-view{
    color: rgba(0,0,0,.7);
    background-color: #bfbfbf;
}

.text-chart p{
    color: rgba(0,0,0,.7);
}

.circle-table{
    color: rgba(0,0,0,.7);
    background-color: #bfbfbf;
}

.table-label-overdue {
    color: #fff;
    background-color: #fec107;
}

.table-label-success {
    color: #fff;
    background-color: #00c292;
}

.table-label-expired {
    color: #fff;
    background-color: #fb9678;
}

.check-success{
    color: #00c292;
}

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

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

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

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

.title-position{
    color: rgba(0,0,0,.5);
    border-bottom: 2px solid #03a9f3;
}

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

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

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

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

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

/*End dashboard career*/
.notification-no-read{
    border-left: 2px solid #03a9f3;
}

.asterisk{
    color: #e1313c;
}

.signature-field{
    border: 2px dotted #cbcbcb;
    background-color: rgba(251, 251, 251, 0.99);
}

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

select[readonly]{
    color: #03a9f3;
}

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

select[readonly] option[selected]{
    color: #03a9f3;
}

.sub-title{
    color: #2b2b2b;
}

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

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



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

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

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

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

.link-action{
    color: #797979;
}

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

.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--default .select2-results__option--highlighted[aria-selected]{
    background-color: #03a9f3;
    color: white;
}

.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-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__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;
}

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

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

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

.a-666{
    color: #666;
}

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

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

.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;
}

.card-login-company:hover{
    background-color: #fafafa;
}

.footer-login{
    color: #FFFFFF;
}

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

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

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

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

.user-permissions-btn{
    color: #fff;
    background-color: #03a9f3;
}

.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 {
    color: #373737;
    border-bottom: 1px solid #03a9f3!important;
}

#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 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;
}

.show-password, .clear-input{
    color: rgba(105, 114, 124, 0.52);
}

.date-range-picker .clear-input{
    color: rgba(105, 114, 124, 0.52);
}

.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;
}

/*left side bar*/
.left-sidebar {
    background: #fff;
}

.left-sidebar .rpanel-title {
    color: #fff;
    background: #03a9f3;
}

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

.navbar-header .search-mobile {
    color: #fff !important;
    color: rgba(255,255,255,.5);
}

.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;
}

.notification .icon i {
    color: #ffffff;
}

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

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

.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>li a{
    border: 1px solid rgba(84, 102, 122, 0.47);
    color:rgba(84, 102, 122, 0.77);
}

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

.group-form .input-group-addon {
    background-color: #fff;
    border-right: 1px solid #e4e7ea;
    border-top: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}

.group-form .form-control:focus + .input-group-addon {
    border-color: #03a9f3;
}

.thumb-number{
    border: 1px solid #e4e7ea;
    color: #565656;
}

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

.filter-search a {
    color: #4c5667;
}

.tooltip .tooltip-arrow::before {
    border-color: transparent;
}

.bottom .tooltip-arrow::before, .bottom .tooltip-arrow::before {
    border-bottom-color: #000;
}

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

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

.timeline:before {
    background-color: #eee;
}

.timeline>li>.timeline-badge {
    color: #fff;
    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>.timeline-panel:before {
    border-right: 0 solid rgba(120,130,140,.13);
    border-left: 8px solid rgba(120,130,140,.13);
}

.timeline>li>.timeline-panel:after {
    border-right: 0 solid #fff;
    border-left: 7px solid #fff;
}

ul.timeline>li>.timeline-panel .btn-close-action {
    color: rgba(0, 0, 0, 0.4);
    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);
}

.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{
    border: 2px solid #fec107;
}

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

.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 {*/
    /*border-right: 0 solid rgba(120,130,140,.13);*/
    /*border-left: 8px solid rgba(120,130,140,.13);*/
/*}*/

/*.timeline>li>.timeline-panel.panel-overdue:before {*/
    /*border-right: 0 solid rgba(251, 150, 120, 1);*/
    /*border-left: 8px solid rgba(251, 150, 120, 1);*/
/*}*/

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

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

[data-custom-class=heading_1], [data-custom-class=heading_2]{
    color: #686868!important;
}

.div-backgroud-filled{
    background: rgba(204, 204, 204, 0.14);
    border: 1px solid rgba(204, 204, 204, 0.28);
}

.no-rule-error.div-backgroud-filled {
    border: 1px solid red;
}

.hierachy ul,.hierachy li, #sortableListsBase li {
    color:#797979;
}

.hierachy .fa.fa-plus, .hierachy-list .fa.fa-plus{
    color:#00c292;
}

.hierachy .fa.fa-minus, .hierachy-list .fa.fa-minus{
    color:#fb9678;
}

.hierachy-move-left a{
    color: #696969;
}

.hierachy-move-left a.ti-angle-double-right:hover{
    color: #03a9f3;
}

.hierachy li.sorteable-position-item div,  #sortableListsBase li div {
    background-color:#f5f5f5;
}

.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;
}

/*Left list*/
.hierachy-list ul, .hierachy-list li, .department-hierachy ul, .department-hierachy li{
    color:#797979;
}

.hierachy-list li div, .department-hierachy li div{
    background-color:#f5f5f5;
}

.parent-hierarhy-out{
    border:2px dashed #fec107 !important;
}

.panel-action-hierachy a{
    color: rgba(0,0,0,.7);
}

/*employee list*/
div.label-hierachy {
    background-color: #f5f5f5;
}

.tag-hierarchy{
    color: #686868;
    background-color: #f5f5f5;
}

.employee-item .delete-employee, .employee-item .permission-position-btn{
    color: #686868;
}

.sortable-empty{
    border: 1px dashed #d5d5d5;
    background-color: #FFFFFF;
}

.sort-placeholder-section {
    border: 1px dashed gray;
    background-color: #fff;
}

.tooltipster-sidetip .tooltipster-box{
    background: #fff;
    border: 2px solid #686868;
}

.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-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 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.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;
}

@media only screen and (max-width: 480px)  {
    .login-register{
        background: #FFFFFF center center/cover no-repeat!important ;
    }
}

@media only screen and (max-width: 480px)  {
    .login-register{
        background: #FFFFFF center center/cover no-repeat!important ;
    }

    .footer-login, .footer-login a {
        color: #686868;
    }

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

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

/*Sweet alert*/
.swal2-icon{
    color: transparent;
}

.swal2-modal .swal2-buttonswrapper .swal2-styled{
    -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;
    border: 1px solid #03a9f3 !important;
}

.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;
    border: 1px solid #fb9678 !important;
}

/*----------------------------------- 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;
}

/*----------------------------------- 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;
}

/*calendar*/
.fc th.fc-widget-header{
    background: #03a9f3;
    color: #fff;
}

.job-thumb img {
    border: 2px solid #e8ecec;
}

.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 {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.job-statistic p {
    color: #ffffff;
}

/*End Jobs*/
.select-card{
    background-color: #fff;
    border: 1px solid #e4e7ea;
}

.has-error .select-card{
    border: 1px solid red;
}

.select-card:hover{
    background-color: #edf1f5;
}

.select-card.active{
    border: 2px solid #03a9f3;
}

.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;
}

.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;
}

.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;
}

.company-head-image img {
    border: 2px solid #e8ecec;
}

@media only screen and (max-width: 991px) {
    .company-head-info.company-external-dashboard .line {
        border-bottom: 1px solid rgba(120,130,140,.13);
    }
}
/*end company external dashboard*/

.preview-image-add{
    background-color: #fafafa;
}

.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;
}

/*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;
}

.applicants-widget img{
    border: 2px solid #03a9f3;
    background-color: #fff;
}

.applicants-number{
    background-color: #03a9f3;
    color: #ffffff;
}

.applicants-number-left{
    color: #03a9f3;
}

/*tooltip applicants*/
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 {
    color: #fff;
}

.tooltip-inner-applicant {
    background: #2b2b2b;
}

.datepicker table tr td.day.highlight:before {
    border-bottom-color: #03a9f3;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.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;
}

/*clockpicker*/
.clockpicker .input-group-addon{
    color: #464a4c;
    background-color: #eceeef;
}

.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;
    color: #565656;
}

.form-control-entries-datatable:focus {
    border-color: #03a9f3;
}

.new-changes{
    color: red;
}

.qa-question-input-wrapper span.clear-input{
    color: rgba(105, 114, 124, 0.52);
}

input:focus ~ span.clear-input > i{
    color:#0878f3;
}

#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{
    background-color: #fafafa;
    border: 1px solid rgba(120,130,140,.13);
}

.progress-bar-info{
    background-color: #03a9f3;
}

/*End Documentation*//*Manuals*/.qa-header-section{
    background-color: #f5f5f5;
}

.tree-builder-wraper .sortable-empty {
    border: 1px #d5d5d5 dashed;
    background-color: #FFFFFF;
}

/*End Manuals*/
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle{
    background-color: #03a9f3;
    border: 1px solid #03a9f3;
    color: #fff;
}

.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;
}

.pin-modules i, .pin-modules i:hover, .pin-modules i:active, .pin-modules i:focus{
    color: #337ab7;
}

/*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;
}

.selection-box {
    background: rgba(0, 0, 255, 0.1);
    border: 0.05em solid rgba(0, 0, 255, 0.2);
}

.border-right-buttons{
    border-right: 1px solid #e4e7ea;
}
/*end cruise bi employee card*/

.table-disciplinary-documents a{
    color: #797979;
}

/*upload documents*/
.document-list-element{
    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;
}

.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;
}

.modal-header .btn-details-view{
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: transparent;
    border: 0;
}

.modal-header .btn-details-view:hover,
.modal-header .btn-details-view:focus,
.modal-header .btn-details-view:active{
    color: #000;
}

.modal-header .btn-details-view.active{
    color: #03a9f3;
}
/*end upload documents*/

/*-------------------------------- CRM --------------------------------*/
.contacts-actions a.online-chat-contact:hover,
.contacts-actions a.online-chat-contact:focus,
.contacts-actions a.online-chat-contact:active,
.contacts-actions a.online-chat-contact.active{
    color: #0287C2 !important;
}

.contacts-actions a.sms-contact:hover,
.contacts-actions a.sms-contact:focus,
.contacts-actions a.sms-contact:active,
.contacts-actions a.sms-contact.active{
    color: #fec107 !important;
}

.contacts-actions a.whatsapp-contact:hover,
.contacts-actions a.whatsapp-contact:focus,
.contacts-actions a.whatsapp-contact:active,
.contacts-actions a.whatsapp-contact.active{
    color: #25D366 !important;
}

.contacts-actions a.email-contact:hover,
.contacts-actions a.email-contact:focus,
.contacts-actions a.email-contact:active,
.contacts-actions a.email-contact.active{
    color: #D44638 !important;
}

.contacts-actions a.video-contact:hover,
.contacts-actions a.video-contact:focus,
.contacts-actions a.video-contact:active,
.contacts-actions a.video-contact.active{
    color: #9675ce!important;
}

.contacts-actions a.phone-contact:hover,
.contacts-actions a.phone-contact:focus,
.contacts-actions a.phone-contact:active,
.contacts-actions a.phone-contact.active{
    color: #03a9f3 !important;
}

a.change-groups{
    color: #03a9f3 !important;
}

a.change-groups:hover,
a.change-groups:focus,
a.change-groups:active,
a.change-groups.active{
    color: #03a9f3 !important;
    opacity: 0.8;
}

.contact-groups li div:hover,
.contact-groups li div:focus,
.contact-groups li div:active,
.contact-groups li.active div{
    color: #03a9f3 !important;
}

.contact-groups li div.group-element-container .group-element-menu li a:hover,
.contact-groups li div.group-element-container .group-element-menu li a:focus,
.contact-groups li div.group-element-container .group-element-menu li a:active {
    color: #03a9f3 !important;
}

.remove-contact-group{
    color: #8d9ea7;
}

.remove-contact-group:hover,
.remove-contact-group:focus,
.remove-contact-group:active{
    color: red;
}

.chat-main-box{
    border: 1px solid rgba(120,130,140,.13);
}

.send-chat-box .send-messages-crm-container{
    border-top: 1px solid rgba(120,130,140,.13);
}

.messages-crm .send-chat-box .send-messages-crm-container{
    border-top: 1px solid rgba(120,130,140,.13);
    background-color: #efefef;
}

.chat-main-box .chat-right-aside .send-chat-box .message-text.form-control{
    background-color: #fff;
}

.messages-crm.crm-calls-container .chat-main-header .right-btn-call{
    background-color: #03a9f3;
    color: #fff;
}

.messages-crm.crm-video-calls-container .chat-main-header .right-btn-call{
    background-color: #9675ce;
    color: #fff;
}

.messages-crm .chat-main-header .right-btn-call:hover,
.messages-crm .chat-main-header .right-btn-call:focus,
.messages-crm .chat-main-header .right-btn-call:active{
    opacity: 0.8;
}
/*--------------------------------------- SMS ---------------------------------------*/
.send-chat-container .form-material .form-control{
    background-image: linear-gradient(#0287C2,#0287C2),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
}

.send-chat-container .btn-send-message button{
    color: #0287C2;
}

.send-chat-container .btn-send-message button:hover,
.send-chat-container .btn-send-message button:focus,
.send-chat-container .btn-send-message button:active{
    color: #0287C2;
}

.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-chat-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #bbe6fa;
}

.send-chat-container .chat-list .sender .chat-text {
    background: #bbe6fa;
}
/*--------------------------------------- End SMS ---------------------------------------*/
/*--------------------------------------- SMS ---------------------------------------*/
.send-sms-container .form-material .form-control{
    background-image: linear-gradient(#fec107,#fec107),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
}

.send-sms-container .btn-send-message button{
    color: #fec107;
}

.send-sms-container .btn-send-message button:hover,
.send-sms-container .btn-send-message button:focus,
.send-sms-container .btn-send-message button:active{
    color: #cb9a05;
}

.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {

    background: #fef2cd;
}

.send-sms-container .chat-list .sender .chat-text {

    background: #fef2cd;
}
/*--------------------------------------- End SMS ---------------------------------------*/
/*--------------------------------------- Whatsapp ---------------------------------------*/
.send-whatsapp-container .form-material .form-control{
    background-image: linear-gradient(#25D366,#25D366),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
}

.send-whatsapp-container .btn-send-message button{
    color: #25D366;
}

.send-whatsapp-container .btn-send-message button:hover,
.send-whatsapp-container .btn-send-message button:focus,
.send-whatsapp-container .btn-send-message button:active{
    color: #1da851;
}

.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #d3f6e0;
}

.send-whatsapp-container .chat-list .sender .chat-text {
    background: #d3f6e0;
}
/*--------------------------------------- End Whatsapp ---------------------------------------*/
/*--------------------------------------- Calls ---------------------------------------*/
.crm-calls-container .form-material .form-control{
    background-image: linear-gradient(#03a9f3,#03a9f3),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
}

.crm-calls-container .btn-send-message button{
    color: #03a9f3;
}

.crm-calls-container .btn-send-message button:hover,
.crm-calls-container .btn-send-message button:focus,
.crm-calls-container .btn-send-message button:active{
    opacity: 0.8;
}

.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #CAEDFD;
}

.crm-calls-container .chat-list .sender .chat-text {
    background: #CAEDFD;
}
/*--------------------------------------- End Calls ---------------------------------------*/
/*--------------------------------------- Calls ---------------------------------------*/
.crm-video-calls-container .form-material .form-control{
    background-image: linear-gradient(#9675ce,#9675ce),linear-gradient(rgba(120,130,140,.13),rgba(120,130,140,.13));
}

.crm-video-calls-container .btn-send-message button{
    color: #9675ce;
}

.crm-video-calls-container .btn-send-message button:hover,
.crm-video-calls-container .btn-send-message button:focus,
.crm-video-calls-container .btn-send-message button:active{
    opacity: 0.8;
}

.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #E9E2F5;
}

.crm-video-calls-container .chat-list .sender .chat-text {
    background: #E9E2F5;
}
/*--------------------------------------- End Calls ---------------------------------------*/

.messages-crm .chat-list .chat-text {
    background: #efefef;
}

.messages-crm .chat-list .sender .chat-body {
    color: #686868;
}

.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{
    border-left: 3px solid #03a9f3;
}

.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{
    background: #eff6fa;
}

.inbox-center .show .dropdown-toggle::after,
.inbox-center .open .dropdown-toggle::after,
.inbox-center .show.open .dropdown-toggle::after {
    color: #03a9f3;
}

.inbox-center tbody tr:last-child{
    border-bottom: 1px solid #e4e7ea;
}

.email-detail-title a,
.email-detail-actions a{
    color: #03a9f3 !important;
}

.email-detail-actions-group button{
    color: #03a9f3 !important;
}

.email-detail-actions-group .group-element-menu li a:hover,
.email-detail-actions-group .group-element-menu li a:focus,
.email-detail-actions-group .group-element-menu li a:active {
    color: #03a9f3 !important;
}

.email-compose-control-text{
    color: #a8a8a8;
    background-color: #fff;
}

.email-compose-control-text-cc{
    color: #a8a8a8;
    background-color: #fff;
}

.email-compose-control-text-bcc{
    color: #a8a8a8;
    background-color: #fff;
}

.email-compose-control-text-cc:hover,
.email-compose-control-text-cc:focus,
.email-compose-control-text-cc:active,
.email-compose-control-text-bcc:hover,
.email-compose-control-text-bcc:focus,
.email-compose-control-text-bcc:active{
    color: #03a9f3;
}

.email-compose-control-subject:focus,
.email-compose-control-subject:active{
    border-color: #e4e7ea !important;
}
/*-------------------------------- End CRM --------------------------------*/

/*-------------------------------- Workflow right sidebar --------------------------------*/
.workflow-right-sidebar.workflow-right-sidebar-document{
    background: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title{
    background: #03a9f3;
    color: #fff;
    border-bottom: 1px solid #ffffff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .r-panel-body{
    background-color: #fff;
}

.workflow-accordion .accordion-item-header a.collapsed div{
    color: #03a9f3;
    background: #edf1f5;
}

.workflow-accordion .accordion-item-header a div{
    color: #fff;
    background: #03a9f3;
}

.workflow-accordion .accordion-item-header a.collapsed div i{
    color: #03a9f3;
}

.workflow-accordion .accordion-item-header a.collapsed .accordion-item-icon-left i{
    color : #00c292;
}

.workflow-accordion .accordion-item-header a div{
    border-bottom: 1px solid #ffff;
}

.workflow-banner{
    width: 20px;
    background-color: rgb(3, 169, 243);
}

.workflow-banner i{
    color: #ffffff;
}

.workflow-body{
    border: 1px solid #03a9f3;
}

ul.workflow-sortable-list li .workflow-body{
    background-color: #fff;
}

ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:hover,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:focus,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:active,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-notification-workflow:hover,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-notification-workflow:focus,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-notification-workflow:active
{
    color: #686868;
}

ul.workflow-sortable-list li .workflow-body .fields-list label.active{
    background-color: #fec107;
    color: #fff;
}

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{
    background-color: #03a9f3;
    color: #fff;
}

.ribbon .ribbon-text{
    color: #fff;
}

ul.workflow-sortable-list li .workflow-body .ribbon-corner:before,
div.workflow-sortable-list .workflow-body .ribbon-corner:before{
    border: 22px solid transparent;
}

ul.workflow-sortable-list li .workflow-body .ribbon-info.ribbon-corner.ribbon-right:before,
div.workflow-sortable-list .workflow-body .ribbon-info.ribbon-corner.ribbon-right:before {
    border-right-color: #03a9f3;
    border-left-color: transparent;
}

ul.workflow-sortable-list li .workflow-body .ribbon-info.ribbon-corner.ribbon-bottom:before,
div.workflow-sortable-list .workflow-body .ribbon-info.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #03a9f3;
}
/*-------------------------------- End Workflow right sidebar --------------------------------*/

.document-select .document-page-preview{
    border: 2px solid #aeaeae;
}
.document-select .document-page-preview.active, .document-select .document-page-preview:focus, .document-select .document-page-preview:hover{
    border: 2px solid #03a9f3;
}

.preview-img-document-container .preview-img-document{
    background-color: #fafafa;
}

.signer-card{
    border-bottom: 1px solid #03a9f3;
}

/*-------------------------------- Message bubble --------------------------------*/
#message-bubble.message-center a.launcher-message-center{
    background-color: #03a9f3;
    color: #fff;
}

#message-bubble.message-center a.launcher-message-center:hover{
    background-color: #35baf5;
}

.dropdown-message-center .right-icons{
    background-color: #ffffff;
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}

.dropdown-message-center .left-notifications-container{
    border-left: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
    background-color: #ffffff;
}

.dropdown-message-center .left-notifications-container .notifications-clear-all{
    background-color: #03a9f3;
    color: #fff;
}

.dropdown-message-center .left-notifications-container .notifications-clear-all:hover{
    background-color: #35baf5;
}

.dropdown-message-center .left-notifications a i.mdi-comment-processing-outline{
    color: #fec107;
}

.dropdown-message-center .left-notifications a i.mdi-whatsapp{
    color: #25D366;
}

.dropdown-message-center .left-notifications a i.mdi-email-outline{
    color: #D44638;
}

.dropdown-message-center .left-notifications a i.mdi-message-text{
    color: #0287C2;
}

.dropdown-message-center .left-notifications a i.mdi-video{
    color: #9675ce;
}

.dropdown-message-center .left-notifications a i.mdi-phone{
    color: #03a9f3;
}

.dropdown-message-center .left-notifications a:hover,
.dropdown-message-center .left-notifications a:focus,
.dropdown-message-center .left-notifications a:active,
.dropdown-message-center .left-notifications a:hover i,
.dropdown-message-center .left-notifications a:focus i,
.dropdown-message-center .left-notifications a:active i{
    color: #03a9f3;
}

.dropdown-message-center .left-notifications a:hover,
.dropdown-message-center .left-notifications a:focus,
.dropdown-message-center .left-notifications a:active{
    background-color: #f7fafc;
}

.dropdown-message-center .left-notifications a.active{
    background-color: #f7fafc;
}

.dropdown-message-center .right-icons .crm-chat-online-message:hover,
.dropdown-message-center .right-icons .crm-chat-online-message:focus,
.dropdown-message-center .right-icons .crm-chat-online-message:active{
    color: #0287C2;
}

.dropdown-message-center .right-icons .crm-sms-message:hover,
.dropdown-message-center .right-icons .crm-sms-message:focus,
.dropdown-message-center .right-icons .crm-sms-message:active{
    color: #fec107;
}

.dropdown-message-center .right-icons .crm-whatsapp-message:hover,
.dropdown-message-center .right-icons .crm-whatsapp-message:focus,
.dropdown-message-center .right-icons .crm-whatsapp-message:active{
    color: #25D366;
}

.dropdown-message-center .right-icons .crm-email-message:hover,
.dropdown-message-center .right-icons .crm-email-message:focus,
.dropdown-message-center .right-icons .crm-email-message:active{
    color: #D44638;
}

.dropdown-message-center .right-icons .crm-video-calls-message:hover,
.dropdown-message-center .right-icons .crm-video-calls-message:focus,
.dropdown-message-center .right-icons .crm-video-calls-message:active{
    color: #9675ce;
}

.dropdown-message-center .right-icons .crm-calls-message:hover,
.dropdown-message-center .right-icons .crm-calls-message:focus,
.dropdown-message-center .right-icons .crm-calls-message:active{
    color: #03a9f3;
}

.dropdown-message-center .dropdown-message-center-header{
    color: #fff;
    background: #03a9f3;
}

#message-bubble.message-center .shw-hide-bubble{
    border: 2px solid #fff;
    color: #fff;
    background-color: #03a9f3;
}

#message-bubble.message-center .message-bubble-notifications{
    color: #fff;
    background-color: #f5707a !important;
}

.message-center.shw-hide-launcher-message .notify-point{
    background-color: #f5707a;
}
.dropdown-message-center .left-notifications a:hover i.ti-trash{
    color: #686868;
}
.dropdown-message-center .left-notifications a i.ti-trash:hover{
    color: red;
}
/*-------------------------------- End message bubble --------------------------------*/
/*-------------------------------- Shortcuts --------------------------------*/

.right-shortcut-icons{
    border: 1px solid rgba(84, 102, 122, 0.47);
    color: rgba(84, 102, 122, 0.77);
}

.right-shortcut-icons:hover{
    color: #03a9f3;
    background-color: #f7fafc !important;
}

.right-shortcuts-container > div:hover .right-shortcut-icons{
    color: #03a9f3;
    background-color: #f7fafc !important;
}

.right-shortcut-icons-list>li a{
    border: 1px solid rgba(84, 102, 122, 0.47);
    border-top: 0;
    color: rgba(84, 102, 122, 0.77);
    background-color: #ffffff;
}

.right-shortcut-icons-list>li a:hover{
    color: #fff;
    background-color: #03a9f3 !important;
    border: 1px solid #03a9f3;
    border-top: 0;
}
/*-------------------------------- End Shortcuts --------------------------------*/
/*-------------------------------- Candidate list --------------------------------*/
ul.candidate-tabs-list li a{
    color: #686868;
    border-bottom: 3px solid transparent;
}

ul.candidate-tabs-list li a:hover,
ul.candidate-tabs-list li a:focus,
ul.candidate-tabs-list li a:active,
ul.candidate-tabs-list li a.active{
    color: #03a9f3;
    border-bottom: 3px solid #03a9f3;
}

.search-group.input-group .input-group-addon{
    border-top: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
    color: #e4e7ea;
}

.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 .select2-wrapper .select2-container--open .select2-selection{
    border-color: #e4e7ea;
}

.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single:focus{
    border-color: #e4e7ea;
}

.search-group.input-group .input-search-group:focus{
    border-color: #e4e7ea;
}

.search-input-select-container.focus-search .select2-wrapper .select2-selection{
    border-color: #03a9f3 !important;
}

.search-input-select-container:not(.focus-search) .select2-wrapper .select2-selection{
    border-color: #e4e7ea !important;
}

.search-input-select-container.focus-search .input-group-addon{
    border-color: #03a9f3;
}

.search-input-select-container.focus-search .input-search-group{
    border-color: #03a9f3;
}

.search-group.input-group.focus-search .input-search-group:focus{
    border-color: #03a9f3;
}

@media only screen and (max-width: 575px){

    .search-group.input-group .input-search-group{
        border: 1px solid #e4e7ea;
    }

    .search-group.input-group .select2-container--default .select2-selection--single{
        border: 1px solid #e4e7ea;
    }

    .search-group.input-group.focus-search .input-search-group:focus{
        border-color: #03a9f3;
    }

    .search-group.input-group.focus-search .input-search-group:focus{
        border-color: #03a9f3;
    }

    .search-input-select-container.focus-search .select2-selection{
        border-color: #ddd !important;
    }

    .search-input-select-container.focus-search.select-open .select2-selection{
        border-color: #03a9f3 !important;
    }

}

.btn-list-filters.active{
    background: #03a9f3;
    color: #fff;
}
/*-------------------------------- End Candidate list --------------------------------*/
/*-------------------------------- Candidate view --------------------------------*/
.employee-contact-links a{
    color: #8d9ea7;
}

.employee-contact-links .crm-sms-message:hover,
.employee-contact-links .crm-sms-message:focus,
.employee-contact-links .crm-sms-message:active{
    color: #fec107;
}

.employee-contact-links .crm-whatsapp-message:hover,
.employee-contact-links .crm-whatsapp-message:focus,
.employee-contact-links .crm-whatsapp-message:active{
    color: #25D366;
}

.employee-contact-links .crm-email-message:hover,
.employee-contact-links .crm-email-message:focus,
.employee-contact-links .crm-email-message:active{
    color: #D44638;
}

.employee-contact-links .crm-video-calls-message:hover,
.employee-contact-links .crm-video-calls-message:focus,
.employee-contact-links .crm-video-calls-message:active{
    color: #9675ce;
}

.employee-contact-links .crm-chat-online-message:hover,
.employee-contact-links .crm-chat-online-message:focus,
.employee-contact-links .crm-chat-online-message:active{
    color: #0287C2;
}

.employee-contact-links .crm-calls-message:hover,
.employee-contact-links .crm-calls-message:focus,
.employee-contact-links .crm-calls-message:active{
    color: #03a9f3;
}

.user-actions-btn{
    color: #fff;
    background-color: #03a9f3;
}
/*-------------------------------- End Candidate view --------------------------------*/
/*-------------------------------- Profile Candidate view --------------------------------*/
.candidate-email-menu-wrapper{
    border-bottom: 1px solid #e4e7ea;
}

.btn-candidate-compose-email,
.btn-candidate-compose-email:focus,
.btn-candidate-compose-email:active{
    background: #03a9f3;
    border: 1px solid #03a9f3;
    color: #ffffff;
}

.btn-candidate-compose-email:hover{
    opacity: 0.8;
    color: #ffffff;
}

.btn-candidate-email-menu{
    color: #8d9ea7;
}

.btn-candidate-email-menu.active,
.btn-candidate-email-menu:hover{
    color: #03a9f3;
    border-bottom: 2px solid #03a9f3;
}
/*------------------------------ End Profile Candidate CRM ------------------------------*/
/*------------------------------ Quick Evaluation ------------------------------*/
.editable-table .fb-inbox-widget .fb-inbox-item tbody tr {
    background-color: rgba(0,0,0,0);
}
/*------------------------------ End Quick Evaluation ------------------------------*/

.employee-excel-button{
    border: 1px solid rgba(84, 102, 122, 0.47) !important;
    color: rgba(84, 102, 122, 0.77);
}

.employee-excel-button:hover, .employee-excel-button:focus{
    border: 1px solid #03a9f3  !important;
}
.server-location.server-location-cloud{
    background-color: #00c292;
    border: 1px solid #00c292;
}
.server-location.server-location-server{
    background-color: #ab8ce4;
    border: 1px solid #ab8ce4;
}
/*------------------------------ Rookie Journey ------------------------------*/
.period-tag .remove-period{
    background: #ffffff;
    border: 1px solid #878c91;
    color: #fb9678;
}
.period-tag .remove-period:hover,
.period-tag .remove-period:focus{
    color: #cb2027;
}
.milestone-period-wrapper .top-line.color1{
    border-top-color: #9675ce;
    border-left-color: #9675ce;
    border-right-color: #9675ce;
}
.milestone-period-wrapper .top-line.color2{
    border-top-color: #0287C2;
    border-left-color: #0287C2;
    border-right-color: #0287C2;
}
.milestone-period-wrapper .top-line.color3{
    border-top-color: #25D366;
    border-left-color: #25D366;
    border-right-color: #25D366;
}
.milestone-period-wrapper .top-line.color4{
   border-top-color: #f5707a;
   border-left-color: #f5707a;
   border-right-color: #f5707a;
}
.milestone-period-wrapper .top-line.color5{
    border-top-color: #fec107;
    border-left-color: #fec107;
    border-right-color: #fec107;
}
.milestone-period-wrapper .top-line.color6{
     border-top-color: #3f729b;
     border-left-color: #3f729b;
     border-right-color: #3f729b;
 }
.milestone-period-wrapper .top-line.color7{
    border-top-color: #ea4c89;
    border-left-color: #ea4c89;
    border-right-color: #ea4c89;
}
.milestone-period-wrapper .top-line.color8{
    border-top-color: #3b5998;
    border-left-color: #3b5998;
    border-right-color: #3b5998;
}

.milestone-period{
    background: #e4e7ea;
    border: 1px solid #e4e7ea;
    color: #686868;
}
.milestone-period.active{
    background-color: #03a9f3;
    border: 1px solid #03a9f3;
    color: #ffffff;
}
.milestone-period.milestone-period-missing{
    background: #fff;
    border: 1px dashed #a1a3a5;
    color: #fff;
}
.milestone-period.milestone-period-missing.active{
    background-color: #fff;
    border: 1px dashed #03a9f3;
    color: #ffffff;
}

.milestone-period.add-period{
    background-color: #ffffff;
    border: 1px solid #03a9f3;;
    color: #03a9f3;
}
.milestone-period.add-period:hover,
.milestone-period.add-period:focus{
    background-color: #03a9f3;
    border: 1px solid #03a9f3;
    color: #ffffff;
}
/*------------------------------ End Rookie Journey ------------------------------*/

.hover-card:hover{
    background-color: #f7fafc;
}

.red-theme{
    background:#fb9678
}
.yellow-theme{
    background:#fec107
}
.default-theme{
    background:#a0aec4
}
.yellow-light-theme{
    background:#f3dd99
}
.yellow-dark-theme{
    background:#eb962c
}
.red-light-theme{
    background:#f55891
}
.red-dark-theme{
    background:#ef3b3b
}
.pink-theme{
    background:#bf06e1
}
.green-dark-theme{
    background:#53ab3c
}
.green-light-theme{
    background:#afbf27
}
.green-alt-theme{
    background:#38937c
}
.gray-dark-theme{
    background:#646963
}
.blue-light-theme{
    background:#08e3db
}
.blue-dark-theme{
    background:#2b72af
}
