/*
* Template Name: Xadmino
* File: Main Css File
* Demo Only Minify
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300, 400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
body,
html {
    background: #fff;
    font-size: 14px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.footer,
.page {
    right: 0;
    bottom: 0
}

.page,
.tabs-top .indicator {
    top: 0
}

.badge,
.fc th.fc-widget-header,
.fc-toolbar h2 {
    text-transform: uppercase
}

.content-page,
.fileupload,
.media-main .info,
.progress,
.thumb-img,
.waves-effect {
    /* overflow: hidden */
}

body {
    font-family: 'Open Sans', sans-serif;
    margin: 0
}

.alert .alert-link,
.nav.nav-tabs>li>a,
.nav.tabs-vertical>li>a,
.panel-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
}

html {
    overflow-x: hidden;
    position: relative;
    min-height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2a323c;
    margin: 10px 0
}

h1 {
    line-height: 43px
}

h2 {
    line-height: 35px
}

h3 {
    line-height: 30px
}

h3 small,
h4 small,
h5 small {
    color: #444
}

h4 {
    line-height: 22px
}

* {
    outline: 0!important
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

.container {
    width: auto
}

.container-alt {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.footer {
    background-color: #f9f9f9;
    border-top: 1px solid rgba(0, 0, 0, .05);
    color: #58666e;
    text-align: left!important;
    padding: 20px 20px !important;
    line-height: 15px;
    position: absolute;
    /* left: 0px; */
    bottom: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 99;
}

#wrapper {
    /* height: 100%; */
    width: 100%
}

.page {
    left: 0
}

.social-links li a {
    -webkit-border-radius: 50%;
    background: #03a9f4;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

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

.breadcrumb {
    background-color: transparent;
    margin-bottom: 15px;
    /*margin-top: 5px*/
}
.breadcrumb>li+li:before {
    display: none;
}
.dropdown-menu {
    padding: 4px 0;
    border: 0
}

.dropdown-menu>li>a {
    padding: 6px 20px
}

.bg-primary {
    background-color: #03a9f4!important
}

.bg-success {
    background-color: #01ba9a!important
}

.bg-info {
    background-color: #18bae2!important
}

.bg-warning {
    background-color: #f8ca4e!important
}

.bg-danger {
    background-color: #f62f37!important
}

.bg-muted {
    background-color: #d0d0d0!important
}

.bg-inverse {
    background-color: #212121!important
}

.bg-purple {
    background-color: #7e57c2!important
}

.bg-pink {
    background-color: #ec407a!important
}

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

.text-white {
    color: #fff
}

.text-danger {
    color: red
}

.text-muted {
    color: #898989
}

.text-primary {
    color: #03a9f4
}

.text-warning {
    color: #f8ca4e
}

.text-success {
    color: #01ba9a
}

.text-info {
    color: #18bae2
}

.text-pink {
    color: #ec407a
}

.text-purple {
    color: #7e57c2
}

.text-dark {
    color: #2a323c!important
}

.form-control {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eee;
    box-shadow: none;
    height: 35px !important;
    color: #111 !important;
    font-size: 14px
}

textarea.form-control {
    height: auto !important;
}

.form-control:focus {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: none
}

.input-lg,
.input-sm,
.popover {
    border-radius: 3px
}

.nav.nav-tabs,
.tab-content {
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .05)*/
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.3333333
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.label-primary {
    background-color: #03a9f4
}

.label-success {
    background-color: #01ba9a
}

.label-info {
    background-color: #18bae2
}

.label-warning {
    background-color: #f8ca4e
}

.label-danger {
    background-color: #f62f37
}

.label-dark {
    background-color: #2a323c
}

.badge {
    padding: 3px 7px 4px;
    font-size: 11px;
    margin-top: 1px
}

.badge-xs {
    font-size: 9px
}

.badge-sm,
.badge-xs {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.badge-primary {
    background-color: #03a9f4
}

.badge-success {
    background-color: #01ba9a
}

.badge-info {
    background-color: #18bae2
}

.badge-warning {
    background-color: #f8ca4e
}

.badge-danger {
    background-color: #f62f37
}

.badge-dark {
    background-color: #2a323c
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #373e4a
}

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

.tabs,
.tabs li.tab {
    background-color: #fff
}

.tabs {
    margin: 0 auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.tabs li.tab {
    display: block;
    float: left;
    margin: 0;
    text-align: center
}

.tabs li.tab a {
    -moz-transition: color .28s ease;
    -ms-transition: color .28s ease;
    -o-transition: color .28s ease;
    -webkit-transition: color .28s ease;
    color: #ee6e73;
    display: block;
    height: 100%;
    text-decoration: none;
    transition: color .28s ease;
    width: 100%
}

.tabs li.tab a.active {
    color: #03a9f4!important
}

.tabs .indicator {
    background-color: #03a9f4;
    bottom: 0;
    height: 2px;
    position: absolute;
    will-change: left, right
}

.nav.nav-tabs+.tab-content {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px 0px;
}

.tabs-vertical-env {
    float: left;
    width: 100%;
}

.tabs-vertical-env .tab-content {
    background: #fff;
    display: table-cell;
    padding: 0 30px 30px 30px;
    vertical-align: top;
    margin-bottom: 0
}

.tabs-vertical-env .nav.tabs-vertical {
    vertical-align: top;
    width: 100%;
}

.tabs-vertical-env .nav.tabs-vertical li.active>a {
    background-color: #ccc;
}

.tabs-vertical-env .nav.tabs-vertical li>a {
    color: #333;
    text-align: center;
    white-space: nowrap
}

.nav.nav-tabs>li.active>a {
    background-color: #fff;
    border:none;
}

.nav.nav-tabs>li>a, .nav.tabs-vertical>li>a {
    background-color: #ebebeb;
    border-radius: 0;
    border: none;
    /* color: #19385d!important; */
    cursor: pointer;
    line-height: 50px;
    font-weight: 600;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
}

.nav.nav-tabs>li>a:hover,
.nav.tabs-vertical>li>a:hover {
    color: #00659e
}

.tab-content {
    color: #777;
    font-size: 14px;
}

.nav.nav-tabs>li:last-of-type a {
    margin-right: 0
}

.nav.nav-tabs {
    border-bottom: 0
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover,
.tabs-vertical-env .nav.tabs-vertical li.active>a {
    border: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.tabs-vertical>li.active>a,
.tabs-vertical>li.active>a:focus,
.tabs-vertical>li.active>a:hover {
    color: #00659e!important
}

.dropcap {
    font-size: 3.1em
}

.dropcap,
.dropcap-circle,
.dropcap-square {
    display: block;
    float: left;
    font-weight: 400;
    line-height: 36px;
    margin-right: 6px;
    text-shadow: none
}

.icon-list i,
.waves-effect {
    display: inline-block;
    vertical-align: middle
}

.modal .modal-dialog .modal-content {
    border-radius: 2px;
    padding: 0
}

.modal .modal-dialog .modal-content .modal-header {
    border-bottom-width: 2px;
    margin: 0;
    padding: 0 15px;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 15px;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding-top: 15px;
}

.modal-full {
    width: 98%
}

.modal-content .nav.nav-tabs+.tab-content,
.modal-content .panel-group {
    margin-bottom: 0
}

.modal-content .panel {
    border-top: none
}

.legendLabel {
    padding-left: 10px!important
}

.alert {
    position: relative;
    border: 0
}

.alert .alert-link {
    font-weight: 600
}

.font-light,
.list-group-item-heading {
    font-weight: 300
}

.alert-success {
    color: #01ba9a;
    background-color: rgba(1, 186, 154, .15)
}

.alert-success .alert-link {
    color: #018770
}

.alert-success hr {
    border-top-color: #018770
}

.alert-info {
    color: #18bae2;
    background-color: rgba(24, 186, 226, .2)
}

.alert-info .alert-link {
    color: #1394b4
}

.alert-info hr {
    border-top-color: #1394b4
}

.alert-warning {
    color: #f8ca4e;
    background-color: rgba(248, 202, 78, .15)
}

.alert-warning .alert-link {
    color: #f6bb1d
}

.alert-warning hr {
    border-top-color: #f6bb1d
}

.alert-danger {
    color: #f62f37 !important;
    background-color: rgba(246, 47, 55, .1)
}

.alert-danger .alert-link {
    color: #e80a13 !important;
}

.alert-danger hr {
    border-top-color: #e80a13
}

.list-group-item.active,
.list-group-item.active:hover {
    background-color: #ddd;
    border-color: #ddd;
    color: #444;
    z-index: 2
}

.list-group-item.active:hover .list-group-item-text {
    color: #03a9f4
}

.list-group-item.active:focus {
    background-color: #ddd;
    border-color: #ddd;
    color: #444;
    z-index: 2
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #03a9f4
}

.list-group-item,
.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 0;
    padding: 12px 20px
}

.has-success .form-control {
    border-color: #01ba9a;
    box-shadow: none!important
}

.has-warning .form-control {
    border-color: #f8ca4e;
    box-shadow: none!important
}

.has-error .form-control {
    border-color: #f62f37 !important;
    box-shadow: none!important
}

.has-error .tox-tinymce {
    border-color: #f62f37 !important;
    box-shadow: none!important
}

.bx-shadow,
.panel {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.input-group-addon {
    border-radius: 2px;
    border: 1px solid #eee;
}

.p-0 {
    padding: 0!important;
}
.py-10 {
    padding: 0 10px !important;
}

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

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

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

.p-b-10 {
    padding-bottom: 10px!important;
}
.p-b-0 {
    padding-bottom: 0px!important;
}
.m-0 {
    margin: 0!important;
}
.mr-2{
    margin-right: 2px !important;
    margin-bottom: 2px !important;
}

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

.m-r-5 {
    margin-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-sm {
    min-width: 95px;
}

.w-md {
    min-width: 110px;
}

.w-lg {
    min-width: 140px;
}

.m-h-50 {
    min-height: 50px;
}

.m-h-100 {
    min-height: 100px;
}

.m-h-150 {
    min-height: 150px;
}

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

.wrapper-md {
    padding: 20px
}

.pull-in {
    margin-left: -15px;
    margin-right: -15px
}

.b-0 {
    border: none!important
}
.b-l-3{
    border-left: 3px solid black;
}

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

.bx-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.mx-box {
    max-height: 380px;
    min-height: 380px
}

.thumb-sm {
    height: 32px;
    width: 32px
}

.thumb-md {
    height: 48px;
    width: 48px
}

.thumb-lg {
    height: 88px;
    width: 88px
}

.grid-structure .grid-container {
    background-color: #f5f5f5;
    margin-bottom: 10px;
    padding: 10px 20px
}

.icon-list div {
    cursor: pointer;
    line-height: 40px;
    white-space: nowrap
}

.icon-list i {
    -webkit-transition: all .2s;
    -webkit-transition: font-size .2s;
    font-size: 14px;
    margin: 0;
    text-align: center;
    transition: all .2s;
    transition: font-size .2s;
    width: 40px
}

.icon-list .col-md-3:hover i {
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    moz-transform: scale(2);
    transform: scale(2)
}

.ionicon-list i {
    font-size: 16px
}

.ionicon-list .col-md-3:hover i {
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    moz-transform: scale(2);
    transform: scale(2)
}


/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-effect {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-transform: capitalize;
    white-space: normal;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45)
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7)
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7)
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7)
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7)
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7)
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7)
}

.waves-notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-block {
    display: block
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(.5)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -o-transform: scale(.5)
    }
    60% {
        opacity: 1;
        -o-transform: scale(1.2)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes dropdownOpen {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes dropdownOpen {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes dropdownOpen {
    0% {
        opacity: 0;
        -o-transform: scale(0)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes dropdownOpen {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes animationProgress {
    from {
        width: 0
    }
}

@keyframes animationProgress {
    from {
        width: 0
    }
}

@-webkit-keyframes loaderAnimate {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(220deg)
    }
}

@-moz-keyframes loaderAnimate {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(220deg)
    }
}

@-o-keyframes loaderAnimate {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(220deg)
    }
}

@keyframes loaderAnimate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(220deg)
    }
}

@-webkit-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -webkit-transform: rotate(-140deg)
    }
    50% {
        box-shadow: inset #555 0 0 0 2px
    }
    100% {
        box-shadow: inset #555 0 0 0 8px;
        -webkit-transform: rotate(140deg)
    }
}

@-moz-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -moz-transform: rotate(-140deg)
    }
    50% {
        box-shadow: inset #555 0 0 0 2px
    }
    100% {
        box-shadow: inset #555 0 0 0 8px;
        -moz-transform: rotate(140deg)
    }
}

@-o-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -o-transform: rotate(-140deg)
    }
    50% {
        box-shadow: inset #555 0 0 0 2px
    }
    100% {
        box-shadow: inset #555 0 0 0 8px;
        -o-transform: rotate(140deg)
    }
}

@keyframes loaderAnimate2 {
    100% {
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
        -ms-transform: rotate(140deg)
    }
    0% {
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        box-shadow: inset #999 0 0 0 17px;
        transform: rotate(-140deg)
    }
    50% {
        box-shadow: inset #999 0 0 0 2px
    }
    100% {
        box-shadow: inset #999 0 0 0 17px;
        transform: rotate(140deg)
    }
}

@media print {
    .breadcrumb,
    .footer,
    .logo,
    .page-title {
        display: none!important;
        margin: 0!important;
        padding: 0!important
    }
    .left {
        display: none
    }
    .right-bar {
        display: none!important
    }
    .content {
        margin-top: 0;
        padding-top: 0
    }
    .content-page {
        margin-left: 0!important;
        margin-top: 0
    }
}

.bs-example-modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block
}

.responsive-utilities td.is-visible {
    background-color: #d9f3ee;
    color: #01ba9a
}

.icon-demo-content {
    text-align: center;
    color: #898989
}

.icon-demo-content i {
    display: block;
    font-size: 28px;
    color: #2a323c;
    margin-bottom: 5px
}

.icon-demo-content .col-sm-6 {
    margin-bottom: 30px
}

.icon-demo-content .col-sm-6:hover i {
    color: #03a9f4
}

.btn {
    border-radius: 2px;
    padding: 6px 14px
}

.btn-md {
    padding: 8px 18px
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px!important;
    font-size: 16px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px!important
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px!important
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.btn-brown,
.btn-danger,
.btn-info,
.btn-inverse,
.btn-orange,
.btn-pink,
.btn-primary,
.btn-purple,
.btn-success,
.btn-teal,
.btn-warning {
    color: #fff!important
}

.btn-default {
    background-color: #fff;
    border-color: rgba(42, 50, 60, .2)
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    background-color: rgba(42, 50, 60, .07)!important;
    border: 1px solid rgba(42, 50, 60, .2)!important
}

.btn-primary {
    background-color: #183a5f!important;
    border: 1px solid #183a5f!important
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover:not(:disabled),
.open>.dropdown-toggle.btn-primary {
    background-color: #183a5f!important;
    border: 1px solid #fafafa!important
}

.btn-success {
    background-color: #01ba9a!important;
    border: 1px solid #01ba9a!important
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
    background-color: #01a185!important;
    border: 1px solid #01a185!important
}

.btn-info {
    background-color: #18bae2!important;
    border: 1px solid #18bae2!important
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    background-color: #16a7cb!important;
    border: 1px solid #16a7cb!important
}

.btn-warning {
    background-color: #f8ca4e!important;
    border: 1px solid #f8ca4e!important
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
    background-color: #f7c335!important;
    border: 1px solid #f7c335!important
}

.btn-danger {
    background-color: #f62f37!important;
    border: 1px solid #f62f37!important
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
    background-color: #f5171f!important;
    border: 1px solid #f5171f!important
}

.btn-dark {
    background-color: #2a323c!important;
    border: 1px solid #2a323c!important;
    color: #fff
}

.btn-dark.active,
.btn-dark.focus,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.open>.dropdown-toggle.btn-dark {
    background-color: #20262d!important;
    border: 1px solid #20262d!important;
    color: #fff
}

.btn-link {
    color: #2a323c
}

.btn-link:hover {
    color: #03a9f4
}

.fileupload {
    position: relative
}

.fileupload input.upload {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.panel {
    border-radius: 0;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px
}

.panel .panel-body {
    padding: 20px
}

.panel-heading {
    border-radius: 0;
    border: none!important;
    padding: 10px 20px
}

.panel-default>.panel-heading {
    background-color: #fafafa;
    border-bottom: none;
    color: #2a323c
}

.panel-title {
    margin-bottom: 0;
    margin-top: 0
}

.panel-footer {
    background: #fafafa;
    border-top: 0
}

.panel-color .panel-title {
    color: #fff
}

.panel-primary>.panel-heading {
    background-color: #568daa;
}

.panel-success>.panel-heading {
    background-color: #01ba9a
}

.panel-info>.panel-heading {
    background-color: #18bae2
}

.panel-warning>.panel-heading {
    background-color: #f8ca4e
}

.panel-danger>.panel-heading {
    background-color: #f62f37
}

.panel-dark>.panel-heading {
    background-color: #2a323c;
    color: #fff
}

.panel-fill {
    border-radius: 3px
}

.panel-fill .panel-heading {
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5)!important
}

.panel-fill .panel-body {
    color: rgba(255, 255, 255, .85)
}

.panel-fill.panel-default .panel-body {
    color: #666
}

.panel-fill.panel-default .panel-heading {
    background-color: transparent;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, .1)!important
}

.panel-fill.panel-primary {
    background-color: #03a9f4
}

.panel-fill.panel-success {
    background-color: #01ba9a
}

.panel-fill.panel-info {
    background-color: #18bae2
}

.panel-fill.panel-warning {
    background-color: #f8ca4e
}

.panel-fill.panel-danger {
    background-color: #f62f37
}

.panel-fill.panel-dark {
    background-color: #2a323c
}

.panel-group .panel .panel-heading .accordion-toggle.collapsed:before,
.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '\f067'
}

.panel-group .panel .panel-heading .accordion-toggle:before,
.panel-group .panel .panel-heading a[data-toggle=collapse]:before {
    content: '\f068';
    display: block;
    float: right;
    font-size: 14px;
    width: 25px;
    text-align: right;
    font-family: FontAwesome
}

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

.panel-group .panel .panel-heading .accordion-toggle {
    display: block
}

.loader-1,
.loader-1:after {
    clip: rect(0, 30px, 30px, 15px);
    height: 30px;
    width: 30px
}

.panel-group .panel .panel-heading+.panel-collapse .panel-body {
    border-top: none
}

.panel-group .panel-heading {
    padding: 12px 26px
}

.panel-group-joined .panel-group .panel+.panel,
.panel-group.panel-group-joined .panel+.panel {
    border-top: 1px solid #eee;
    margin-top: 0
}

.portlet {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .4s;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    transition: all .4s
}

.portlet .portlet-heading {
    border-radius: 3px;
    color: #fff;
    padding: 12px 20px
}

.portlet .portlet-heading .portlet-title {
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0
}

.portlet .portlet-heading .portlet-widgets {
    display: inline-block;
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-left: 15px;
    position: relative;
    text-align: right
}

.calendar,
.dt-buttons,
div#datatable-buttons_info {
    float: left
}

.portlet .portlet-heading .portlet-widgets .divider {
    margin: 0 5px
}

.portlet .portlet-heading a {
    color: #999
}

.portlet .portlet-body {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 15px
}

.portlet-default .portlet-title {
    color: #797979!important
}

.portlet .portlet-heading.bg-danger a,
.portlet .portlet-heading.bg-info a,
.portlet .portlet-heading.bg-inverse a,
.portlet .portlet-heading.bg-pink a,
.portlet .portlet-heading.bg-primary a,
.portlet .portlet-heading.bg-purple a,
.portlet .portlet-heading.bg-success a,
.portlet .portlet-heading.bg-warning a {
    color: #fff
}

.panel-disabled {
    background: rgba(243, 242, 241, .5);
    bottom: 15px;
    left: 0;
    position: absolute;
    right: -5px;
    top: 0
}

.loader-1 {
    -moz-animation: loaderAnimate 1s linear infinite;
    -o-animation: loaderAnimate 1s linear infinite;
    -webkit-animation: loaderAnimate 1s linear infinite;
    animation: loaderAnimate 1s linear infinite;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%
}

.checkbox.checkbox-inline,
.radio.radio-inline {
    margin-top: 0
}

.loader-1:after {
    -moz-animation: loaderAnimate2 1s ease-in-out infinite;
    -o-animation: loaderAnimate2 1s ease-in-out infinite;
    -webkit-animation: loaderAnimate2 1s ease-in-out infinite;
    animation: loaderAnimate2 1s ease-in-out infinite;
    border-radius: 50%;
    content: '';
    position: absolute
}

.checkbox {
    padding-left: 20px
}

.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative
}

.checkbox label::after,
.checkbox label::before {
    margin-left: -20px;
    position: absolute;
    display: inline-block;
    left: 0
}

.checkbox label::before {
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    content: "";
    height: 17px;
    transition: .3s ease-in-out;
    width: 17px;
    outline: 0!important
}

.checkbox label::after {
    color: #555;
    font-size: 11px;
    height: 16px;
    padding-left: 3px;
    padding-top: 1px;
    top: 0;
    width: 16px
}

.checkbox-danger input[type=checkbox]:checked+label::after,
.checkbox-info input[type=checkbox]:checked+label::after,
.checkbox-primary input[type=checkbox]:checked+label::after,
.checkbox-success input[type=checkbox]:checked+label::after,
.checkbox-warning input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox input[type=checkbox] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: 0!important
}

.checkbox input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:focus+label::before {
    outline-offset: -2px;
    outline: 0
}

.checkbox input[type=checkbox]:checked+label::after {
    content: "\f00c";
    font-family: FontAwesome
}

.checkbox input[type=checkbox]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-single label {
    height: 17px
}

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

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

.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #18bae2;
    border-color: #18bae2
}

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

.checkbox-success input[type=checkbox]:checked+label::before {
    background-color: #01ba9a;
    border-color: #01ba9a
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    padding-left: 5px;
    position: relative
}

.radio label::after,
.radio label::before {
    display: inline-block;
    margin-left: -20px;
    position: absolute
}

.radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    content: "";
    height: 17px;
    left: 0;
    outline: 0!important;
    transition: border .5s ease-in-out;
    width: 17px
}

.radio label::after {
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -webkit-transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    background-color: #555;
    border-radius: 50%;
    content: " ";
    height: 11px;
    left: 3px;
    top: 3px;
    transform: scale(0, 0);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    width: 11px
}

.radio-primary input[type=radio]+label::after,
.radio-primary input[type=radio]:checked+label::after {
    background-color: #03a9f4
}

.radio input[type=radio] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: 0!important
}

.radio input[type=radio]:disabled+label {
    opacity: .65
}

.radio input[type=radio]:focus+label::before {
    outline-offset: -2px;
    outline: 0
}

.radio input[type=radio]:checked+label::after {
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio.radio-single label {
    height: 17px
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #03a9f4
}

.radio-danger input[type=radio]+label::after,
.radio-danger input[type=radio]:checked+label::after {
    background-color: #f62f37
}

.radio-danger input[type=radio]:checked+label::before {
    border-color: #f62f37
}

.radio-info input[type=radio]+label::after,
.radio-info input[type=radio]:checked+label::after {
    background-color: #18bae2
}

.radio-info input[type=radio]:checked+label::before {
    border-color: #18bae2
}

.radio-warning input[type=radio]+label::after,
.radio-warning input[type=radio]:checked+label::after {
    background-color: #f8ca4e
}

.radio-warning input[type=radio]:checked+label::before {
    border-color: #f8ca4e
}

.radio-success input[type=radio]+label::after,
.radio-success input[type=radio]:checked+label::after {
    background-color: #01ba9a
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #01ba9a
}

.progress {
    -webkit-box-shadow: none!important;
    background-color: #f5f5f5;
    box-shadow: none!important;
    height: 10px;
    margin-bottom: 18px
}

.ms-container .ms-list.ms-focus,
.ms-selectable,
.progress-bar {
    box-shadow: none
}

.progress-bar {
    font-size: 8px;
    font-weight: 600;
    line-height: 12px
}

.progress.progress-sm {
    height: 5px!important
}

.progress.progress-sm .progress-bar {
    font-size: 8px;
    line-height: 5px
}

.progress.progress-md {
    height: 15px!important
}

.progress.progress-md .progress-bar {
    font-size: 10.8px;
    line-height: 14.4px
}

.progress.progress-lg {
    height: 20px!important
}

.progress.progress-lg .progress-bar {
    font-size: 12px;
    line-height: 20px
}

.progress-bar-primary {
    background-color: #03a9f4
}

.progress-bar-success {
    background-color: #01ba9a
}

.progress-bar-info {
    background-color: #18bae2
}

.progress-bar-warning {
    background-color: #f8ca4e
}

.progress-bar-danger {
    background-color: #f62f37
}

.progress-bar-dark {
    background-color: #2a323c
}

.progress-bar-purple {
    background-color: #7e57c2
}

.progress-bar-pink {
    background-color: #ec407a
}

.progress-animated {
    -webkit-animation-duration: 5s;
    -webkit-animation-name: animationProgress;
    -webkit-transition: 5s all;
    animation-duration: 5s;
    animation-name: animationProgress;
    transition: 5s all
}

.table {
    margin-bottom: 10px
}

tbody {
    color: #797979
}

th {
    color: #666;
    font-size: 15px
}

table.focus-on tbody tr.focused td,
table.focus-on tbody tr.focused th {
    background-color: #03a9f4;
    color: #fff
}

.table-rep-plugin tbody th {
    font-size: 14px;
    font-weight: 400
}

.modal-block {
    background: 0 0;
    margin: 40px auto;
    max-width: 600px;
    padding: 0;
    position: relative;
    text-align: left
}

table.dataTable td.focus,
table.dataTable th.focus {
    outline: #03a9f4 solid 3px!important;
    outline-offset: -1px
}

.fixedHeader-floating {
    top: 70px!important
}

#datatable-editable .actions a {
    padding: 5px
}

#datatable-editable .form-control {
    background-color: #fff;
    width: 100%
}

#datatable-editable .fa-times,
#datatable-editable .fa-trash-o {
    color: #f62f37
}

#datatable-editable .fa-pencil {
    color: #29b6f6
}

#datatable-editable .fa-save {
    color: #33b86c
}

#datatable td {
    font-weight: 400
}

div.dataTables_paginate ul.pagination {
    margin-top: 30px
}

div.dataTables_info {
    padding-top: 35px
}

.table-bordered.dataTable>thead>tr>td,
.table-bordered.dataTable>thead>tr>th {
    border-bottom-width: 1px!important
}

table.dataTable {
    margin-top: 10px!important;
    margin-bottom: 18px!important
}

.error {
    color: red
}

.parsley-error {
    border-color: #f62f37!important
}

.parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0
}

.parsley-errors-list.filled {
    display: block
}

.parsley-errors-list>li {
    font-size: 12px;
    list-style: none;
    color: #f62f37;
    margin-top: 5px
}

.bootstrap-touchspin .input-group-btn-vertical .btn {
    padding: 9px 12px
}

.note-editor .btn-group-sm>.btn,
.note-editor .btn-sm,
.note-popover .btn-group-sm>.btn,
.note-popover .btn-sm {
    padding: 8px 12px!important
}

.bootstrap-touchspin .input-group-btn-vertical i {
    top: 4px;
    left: 8px
}

.note-editor .btn-default {
    background-color: transparent;
    border-color: transparent!important
}

.note-editor.note-frame {
    border: 1px solid #eee!important
}

.note-popover .btn-default {
    background-color: transparent;
    border-color: transparent!important
}

.datepicker {
    border: 1px solid #ddd;
    padding: 8px
}

.datepicker th {
    font-size: 14px!important
}

.search-input {
    margin-bottom: 10px
}

.ms-selectable {
    outline: 0!important
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #03a9f4
}

.spinner-buttons.btn-group-vertical .btn {
    background-color: #eee;
    border: none!important;
    box-shadow: none!important;
    height: 17px;
    line-height: 16px;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 22px
}

.spinner-buttons.btn-group-vertical .btn i {
    color: #333!important;
    line-height: 10px;
    margin-top: -3px
}

.spinner-buttons.btn-group-vertical .btn:first-child,
.spinner-buttons.btn-group-vertical .btn:last-child {
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.note-editor {
    border: 1px solid #ddd;
    position: relative
}

.note-editor .note-toolbar {
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
    margin: 0
}

.note-editor .note-statusbar {
    background-color: #fff
}

.note-editor .note-statusbar .note-resizebar {
    border-top: 1px solid #ddd;
    height: 15px;
    padding-top: 3px
}

.note-popover .popover .popover-content,
.note-toolbar {
    padding: 5px 0 10px 5px
}

.code-edit-wrap {
    padding: 0!important
}

.cm-s-ambiance .CodeMirror-linenumber {
    color: #bcbcbc
}

.cm-s-ambiance .CodeMirror-gutters,
.cm-s-ambiance.CodeMirror {
    background-color: #212121!important;
    box-shadow: none
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
    color: #03a9f4;
    text-decoration: none
}

.editor-horizontal .popover-content {
    padding: 9px 30px
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #03a9f4!important;
    background-image: none;
    box-shadow: none
}

.select2-container .select2-choice {
    background-image: none!important;
    border: none!important;
    height: auto!important;
    padding: 0!important;
    line-height: 22px!important;
    background-color: transparent!important;
    box-shadow: none!important
}

.select2-container .select2-choice .select2-arrow {
    background-image: none!important;
    background: 0 0;
    border: none;
    width: 14px;
    top: 2px;
    right: 5px
}

.select2-container .select2-container-multi.form-control {
    height: auto
}

.select2-results .select2-highlighted {
    background-color: #03a9f4
}

.select2-drop-active {
    border: 1px solid #e3e3e3!important;
    padding-top: 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .15)
}

.select2-search input {
    border: 1px solid #e3e3e3
}

.select2-container-multi {
    width: 100%
}

.select2-container-multi .select2-choices {
    border: 2px solid rgba(255, 255, 255, .2)!important;
    box-shadow: none!important;
    background: 0 0!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    background-clip: padding-box!important;
    min-height: 34px
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 6px 8px 7px 19px;
    margin: 5px 0 3px 5px;
    background: #eee;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropzone,
.fc-day {
    background: #fff
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 7px 7px 7px 10px;
    font-family: inherit
}

.select2-container-multi .select2-choices .select2-search-choice-close {
    top: 6px
}

.select2-chosen {
    line-height: 34px;
    padding-left: 15px;
    color: #444
}

.bootstrap-timepicker-widget table td input {
    border: none
}

.dropzone {
    min-height: 230px;
    border: 2px dashed rgba(0, 0, 0, .3);
    border-radius: 6px
}

.dropzone .dz-message {
    font-size: 30px
}

.calendar {
    margin-bottom: 0
}

.none-border .modal-footer {
    border-top: none
}

.fc-button,
.fc-widget-content,
.fc-widget-header {
    border: 1px solid #d5d5d5
}

.fc-toolbar {
    margin-bottom: 5px
}

.fc-toolbar h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
    z-index: 0
}

.fc th.fc-widget-header {
    background: #ddd;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0
}

.fc-button {
    background: #fff;
    color: #555;
    text-transform: capitalize
}

.fc-text-arrow {
    font-family: arial;
    font-size: 16px
}

.fc-state-hover {
    background: #F5F5F5
}

.fc-cell-overlay,
.fc-state-highlight {
    background: #f0f0f0
}

.fc-unthemed .fc-today {
    background: #fff
}

.fc-event {
    border-radius: 2px;
    border: none;
    cursor: move;
    font-size: 13px;
    margin: 5px 7px;
    padding: 5px;
    text-align: center;
    background-color: #03a9f4
}

.external-event {
    color: #fff;
    cursor: move;
    margin: 10px 0;
    padding: 6px 10px
}

.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
    padding-right: 5px
}

.widget-chart li {
    width: 31.5%;
    display: inline-block;
    padding: 0
}

.widget-chart li i {
    font-size: 22px
}

.sweet-alert h2 {
    font-size: 24px;
    position: relative
}

.sweet-alert p {
    font-size: 14px;
    line-height: 22px
}

.sweet-alert .icon.success .placeholder {
    border: 4px solid rgba(1, 186, 154, .3)
}

.sweet-alert .icon.success .line {
    background-color: #01ba9a
}

.sweet-alert .icon.warning {
    border-color: #f8ca4e
}

.sweet-alert .icon.info {
    border-color: #18bae2
}

.sweet-alert .btn-danger:focus,
.sweet-alert .btn-default:focus,
.sweet-alert .btn-info:focus,
.sweet-alert .btn-success:focus,
.sweet-alert .btn-warning:focus {
    box-shadow: none
}

.sweet-alert .btn-lg {
    font-size: 15px!important;
    padding: 6px 14px!important
}

.sweet-alert .icon.error {
    border-color: #f62f37
}

.sweet-alert .icon.error .line {
    background-color: #f62f37
}

.sweet-alert .icon.warning .body,
.sweet-alert .icon.warning .dot {
    background-color: #f8ca4e
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container::after {
    content: '';
    display: table;
    clear: both
}

#cd-timeline {
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 2em 0;
    position: relative
}

#cd-timeline::before {
    background: #fff;
    content: '';
    height: 100%;
    left: 18px;
    position: absolute;
    top: 0;
    width: 4px
}

.cd-timeline-block:after,
.cd-timeline-content:after {
    clear: both;
    content: ""
}
.cd-timeline-block {
    margin: 2em 0;
    position: relative
}

.cd-timeline-block:after {
    display: table
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, .08), 0 3px 0 4px rgba(0, 0, 0, .05);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff
}

.cd-timeline-img.cd-success {
    background: #01ba9a
}

.cd-timeline-img.cd-info {
    background: #18bae2
}

.cd-timeline-img.cd-pink {
    background: #ec407a
}

.cd-timeline-img.cd-danger {
    background: #f62f37
}

.cd-timeline-img.cd-primary {
    background: #03a9f4
}

.cd-timeline-img.cd-warning {
    background: #f8ca4e
}



.cd-timeline-content {
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 0;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    margin-left: 60px;
    padding: 1em;
    position: relative
}

.cd-timeline-content img {
    display: block;
    width: 100%
}

.cd-timeline-content:after {
    display: table
}

.cd-timeline-content .cd-date,
.chart,
.lj-countdown div,
.percent {
    display: inline-block
}

.cd-timeline-content h2 {
    margin-top: 0
}

.cd-timeline-content p {
    color: #666;
    font-size: 14px;
    margin: 10px 0
}

.cd-timeline-content .cd-read-more {
    background: #acb7c0;
    border-radius: .25em;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 14px;
    padding: .8em 1em
}

.cd-timeline-content .cd-date {
    font-size: 14px;
    float: left;
    padding: .8em 0;
    opacity: .7
}

.cd-timeline-content h3 {
    font-size: 21px;
    margin: 0
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff
}

.gmaps-overlay_arrow.above,
.gmaps-overlay_arrow.below {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent
}

.chart,
.gmaps-overlay,
.lj-countdown,
.lj-countdown>*,
.user-details .user-info {
    text-align: center
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.chart {
    position: relative;
    width: 110px;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.chart.chart-widget-pie {
    margin-top: 5px;
    margin-bottom: 5px
}

.percent {
    line-height: 110px;
    z-index: 2
}

.percent:after {
    content: '%';
    margin-left: .1em;
    font-size: .8em
}

#flotTip {
    padding: 4px 8px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    opacity: .7;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mails a {
    color: #444
}

.mails .checkbox {
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle
}

.mails .checkbox label {
    min-height: 16px
}

.home-wrapper {
    margin: 10% 0
}

.home-text {
    font-family: Nunito, sans-serif
}

.lj-countdown {
    color: #03a9f4;
    margin-top: 40px
}

.lj-countdown div span {
    display: block;
    width: 150px
}

.lj-countdown div span:first-child {
    font-size: 3em;
    font-weight: 700;
    height: 48px;
    line-height: 48px
}

.lj-countdown div span:last-child {
    color: #333;
    font-size: .9em;
    height: 25px;
    line-height: 25px
}

.portfolioFilter a {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-out;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    color: #333;
    padding: 5px 10px;
    transition: all .3s ease-out
}

.portfolioFilter a.current,
.portfolioFilter a:hover {
    background-color: #03a9f4;
    color: #fff
}

.thumb {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin-top: 30px;
    width: 100%;
    padding: 10px
}

.thumb-img {
    border-radius: 2px;
    width: 100%
}

.gal-detail h4 {
    margin-top: 16px
}

.icon-main {
    font-size: 88px;
    margin-bottom: 50px
}

.maintenance-page {
    margin: 10% 0
}

.mainten-box {
    margin-bottom: 30px
}

.mainten-box .text-m-mode {
    margin: 0 auto;
    width: 80%
}

.media-main a.pull-left {
    width: 100px
}

.media-main .info {
    color: #2a323c
}

.media-main .info h4 {
    margin-bottom: 5px
}

.user-card p.info-text {
    line-height: 26px;
    margin-top: 15px
}

.gmaps,
.gmaps-panaroma {
    height: 300px;
    background: #eee;
    border-radius: 3px
}

.gmaps-overlay {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #03a9f4;
    border-radius: 4px;
    padding: 10px 20px
}

.logo,
.logo-sm,
.nav>li>a {
    color: #fff;
}

.gmaps-overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute
}

.gmaps-overlay_arrow.above {
    bottom: -15px;
    border-top: 16px solid #03a9f4
}

.gmaps-overlay_arrow.below {
    top: -15px;
    border-bottom: 16px solid #03a9f4
}

.accountbg {
    background: url(../../../../www.toptal.com/designers/subtlepatterns/patterns/mochaGrunge.png);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
}

.wrapper-page {
    margin: 3.5% auto;
    width: 50%;
    position: relative
}

.panel-pages {
    border-radius: 6px
}

.panel-pages .panel-body {
    padding: 25px 30px
}

.panel-pages .panel-heading {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    padding: 40px 20px;
    position: relative
}

.panel-pages .panel-heading h3,
.user-thumb {
    position: relative;
    z-index: 999
}

.user-thumb img {
    height: 88px;
    margin: 0 auto;
    width: 88px
}

.dropdown-menu-lg .list-group,
.navbar-default {
    margin-bottom: 0
}

.ex-page-content h1 {
    font-size: 98px;
    font-weight: 700;
    line-height: 150px;
    text-shadow: rgba(61, 61, 61, .3) 1px 1px, rgba(61, 61, 61, .2) 2px 2px, rgba(61, 61, 61, .3) 3px 3px
}

.table>thead>tr>.no-line {
    border-bottom: none
}

.table>tbody>tr>.no-line {
    border-top: none
}

.table>tbody>tr>.thick-line {
    border-top: 2px solid
}

.topbar {
    /* left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999 */
    position: sticky;
    top: 0;
    z-index: 50;
}

.topbar .topbar-left {
    background: transparent;
    float: left;
    height: 50px;
    position: relative;
    width: 290px;
    z-index: 1
}

.logo,
.logo-sm {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase
}

.logo-sm {
    display: none
}

.navbar-default {
    background-color: transparent;
    border-radius: 0;
    border: none
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: rgba(255, 255, 255, .1)
}

.nav>li>a {
    padding: 0 15px;
    position: relative;
    text-transform: inherit;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    border-right: solid 1px #fff;
}
.nav>li>a>span {
    text-transform: lowercase;
}
.nav>li:last-child a {
    border: 0px;
}
.nav>li>a i {
    font-size: 20px
}

.nav>li>a .badge {
    position: absolute;
    right: 10px;
    top: 13px
}

.profile img {
    border: 2px solid #edf0f0;
    height: 36px;
    width: 36px
}

.school-company img {
    border: 2px solid #edf0f0;
    height: 50px;
    width: 50px
}

.dropdown-menu-lg {
    width: 270px
}

.dropdown-menu-lg .list-group-item {
    padding: 10px 20px;
    border-left: 0;
    border-right: 0
}

.dropdown-menu-lg .list-group-item:last-child {
    border-bottom: none
}

.dropdown-menu-lg .media p {
    color: #898989
}

.dropdown-menu-lg .media-heading,
.dropdown-menu-lg p {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    font-weight: 400;
    overflow: hidden
}

#sidebar-menu ul ul,
.btn-search {
    display: none
}

.notifi-title {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
    margin-top: -5px;
    background-color: #2a323c
}
.navbar {
    min-height: 50px;
}
.navbar-form {
    border: none;
    box-shadow: none;
    padding: 0
}

.search-bar {
    background-color: rgba(0, 0, 0, .3)!important;
    border: none!important;
    box-shadow: none!important;
    color: #fff;
    font-size: 14px;
    height: 42px;
    margin-top: 6px;
    margin-left: 20px
}

input.search-bar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

input.search-bar:-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

input.search-bar::-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

input.search-bar:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-nav {
    margin: 0px;
}

.side-menu {
    /* bottom: 0;
    top: 0;
    width: 290px;
    z-index: 2 */
}

.side-menu.left {
    /* background: #00659e; */
    padding: 0 20px;
}

 .side-menu {
    /* top: 0px; */
    /* height: 100%; */
    /* margin-bottom: -70px; */
    /* margin-top: 0; */
    /* padding-bottom: 70px; */
    /* position: fixed !important; */
    /* background: url(../images/bg.png) center -70px #183A5F; */
    /* background:  #183A5F; */
}

.content-page {
    /* margin-left: 290px; */
    /*margin-top: 50px;*/
    /*height: calc(100vh - 50px) !important; */
}

.content-page>.content {
    background:#fff;
    margin: 0px 0;
    /* padding-bottom: 71px; */
}

.button-menu-mobile {
        background: rgba(255, 255, 255, .1);
    border: none;
    color: rgba(255, 255, 255, .8);
    font-size: 32px;
    line-height: 50px;
    padding: 0 15px;
    position: absolute;
    left: 290px;
}

#sidebar-menu ul ul a:hover,
#sidebar-menu ul ul li.active a,
.button-menu-mobile:hover {
    color: #fff
}

.sidebar-inner {
    height: 100%
    max-height: 400px;
    overflow-y: auto;
}

#sidebar-menu,
#sidebar-menu a,
#sidebar-menu li,
#sidebar-menu ul {
    border: 0;
    /* font-weight: 400; */
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    /* float: left; */
    display: flex;
}

#sidebar-menu {
    /*background-color: #183A5F;
    padding-bottom: 0px;
    width: 100%*/
}

#sidebar-menu a {
    line-height: 1.3
}

#sidebar-menu ul ul li {
    border-top: 0
}

#sidebar-menu ul ul a {
    color: rgba(255, 255, 255, .6);
    display: block;
    padding: 10px 25px 10px 65px
}

#sidebar-menu ul ul a i {
    margin-right: 5px
}

#sidebar-menu ul ul ul a {
    padding-left: 80px
}

#sidebar-menu>ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 300;
}
#sidebar-menu>ul>li>a:after {
    content: "";
    transition: all 0.3s ease;
    height: 1px;
    width: 20px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#sidebar-menu>ul>li:hover a:after {
    width: 100px;
}
#sidebar-menu>ul>li:last-child a:after {
    display: none;
}
#sidebar-menu>ul>li>a>span {
    vertical-align: middle
}

#sidebar-menu>ul>li>a>i {
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
    margin-left: 3px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 20px
}

#sidebar-menu>ul>li>a>i.i-right {
    float: right;
    margin: 3px 0 0
}
.top-menu>ul>li>a.active{
    background: #ffd13e;
}

#sidebar-menu>ul>li.active>a {
    color: #fff;
    font-weight: 600 !important;
    border-color: #ffd13e !important;
    background: #ffd13e !important;
    color: #000 !important;
}

#sidebar-menu>ul>li>a.active .badge {
    background-color: rgba(255, 255, 255, .4)!important
}

.subdrop {
    /* background: #20262d!important */
}

#wrapper.enlarged #sidebar-menu ul ul {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}
#wrapper.enlarged .button-menu-mobile{
    left: 70px;
}
#wrapper.enlarged .left.side-menu {
    /* padding-top: 0; */
    /* width: 70px; */
    /* z-index: 5 */
}

#wrapper.enlarged .left.side-menu #sidebar-menu>ul>li>a i {
    margin-right: 20px!important;
    margin-left: 0!important;
    font-size: 20px
}

#wrapper.enlarged .left.side-menu span.pull-right {
    display: none!important
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li {
    position: relative;
    white-space: nowrap
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>a {
    position: relative;
    width: 260px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul {
    display: block;
    left: 70px;
    position: absolute;
    width: 190px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a {
    background: #2a323c;
    border: none;
    box-shadow: none;
    padding-left: 15px;
    position: relative;
    width: 190px;
    z-index: 6
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul a:hover {
    color: #fff
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover a span {
    display: inline
}

#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
    color: #fff!important
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>ul {
    display: none
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover>ul {
    display: block;
    left: 190px;
    margin-top: -36px;
    position: absolute;
    width: 190px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li>a span.pull-right {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: absolute;
    right: 20px;
    top: 12px;
    transform: rotate(270deg)
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
    color: #fff
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li>a span {
    display: none;
    padding-left: 10px
}

#wrapper.enlarged .left.side-menu .user-details {
    display: none
}

#wrapper.enlarged .content-page {
    /* margin-left: 70px */
}

#wrapper.enlarged .topbar .topbar-left {
    /* width: 70px!important */
}

#wrapper.enlarged .topbar .topbar-left .logo {
    display: none;
    opacity: 0
}

#wrapper.enlarged .topbar .topbar-left .logo-sm {
    display: inline-block
}

#wrapper.enlarged .footer {
    /* left: 70px */
}

.user-details {
    min-height: 80px;
    padding: 20px;
    position: relative
}

.user-details img {
    position: relative;
    z-index: 9999;
    height: 64px;
    width: 64px
}

.user-details .user-info a.dropdown-toggle {
    color: #172229;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding-top: 5px;
    margin-bottom: 5px
}

#wrapper.right-bar-enabled .right-bar {
    right: 0
}

#wrapper.right-bar-enabled .left-layout {
    left: 0
}

.side-bar.right-bar {
    float: right!important;
    right: -266px;
    top: 70px
}

.side-bar {
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    background-color: #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .1);
    display: block;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: all .2s ease-out;
    width: 240px
}

.right-bar {
    background: #fff!important;
    z-index: 99!important
}

.right-bar h4 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.contact-list {
    max-height: 600px
}

.contact-list .list-group-item {
    border: none
}

.contact-list .list-group-item:hover {
    background: #f5f5f5
}

.contact-list i.offline {
    color: #f62f37
}

.contact-list i.away {
    color: #f8ca4e
}

.page-header-title {
    background-color: #fff;
    margin: 0px -20px 20px;
    padding: 0 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
}

.page-header-title .breadcrumb {
    margin-bottom: 0;
    padding: 0;
    margin-top: 3px;
}

.page-header-title .page-title {
    margin: 16px 0;
    font-weight: 600;
}

body.fixed-left-void {
    min-height: 1024px
}

label {
    font-weight: 500;
}
.file.btn {
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    /* padding: 0; */
}
.file.btn img {
    margin-right: 10px;
    width: 50%;
    object-fit: contain;
    height: 100px;
}
.file input[type="file"] {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    margin: auto;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.navbar-default {
}

.form-control {
    border-color: #ddd;
}
label.control-label {
    display: block;
}
label span {
    float: right;
    font-size: 11px;
    color: #aaa;
    font-weight: normal;
}
.speaker-row {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
}
.speaker-row:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom:0px;
}
.speaker-profile-img {
    width: 100%;
}
.speaker-name {
    font-size: 18px;
    color: #58ccdf;
    font-weight: 600;
}

.yes span {
    color: #47c6b1;
    border: solid 1px #47c6b1;
    padding: 0 5px;
}
.no span {
    color: #d14e44;
    border: solid 1px #d14e44;
    padding: 0 5px;
}
.na span {
    padding: 0 5px;
    border: solid 1px;
}
.profile-image img {
    width: 100%;
    margin-bottom: 20px;
}
.note {
    font-size: 14px;
    color: #ccc;
}
.updates-list ul li {
    display: inline-block;
    min-width: 50px;
    text-align: left;
    font-size: 16px;
}
.updates-list ul {
    padding: 0;
    margin: 0 0 15px;
}
.updates-list.table tr:first-child td {
    border-top: 0px;
}
.updates-feeds {
    max-height: 300px;
    overflow: auto;
}
.top-menu a.waves-effect.active:hover {
    background: #ffd13e;
}

.required {
    color: #f92828 !important;
    float: none !important;
    padding-left: 3px;
    font-weight: bold;
    font-size: inherit;
}
.or-seperator {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
}
.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}
#sidebar-menu img {
    /* margin-right: 30px; */
    /*border-radius: 50%;*/
    float: left;
}
.search {
    position: relative !important;
    margin: 30px ;
}
.search input {
    background: none;
    border: solid 1px #fff;
    color: #fff;
    padding: 5px !important;
    height: 35px !important;
    width: 100%;
}
.search input::-webkit-input-placeholder {
    font-size: 16px;
    color: #fff;
    right: 10px;
    top: 2px;
    color: #fff;
    padding: 5px;
}
.search i {
    position: absolute;
    font-size: 20px;
    color: #fff;
    right: 10px;
    top: 2px;
    color: #fff;
    padding: 5px;
}
.user-info {
    /* margin-top: 50px; */
    /* margin-bottom: 30px; */
}
h1.name {
    font-size: 19px;
    font-weight: 800;
    color: #183a5f;
}
h1.name span {
    font-weight: 400;
}
.ranking-list ul {
    margin: 0;
    padding: 0;
}
.ranking-list ul li {
    list-style: none;
    color: #183a5f;
}
.ranking-list ul li span {
    background: #f8f8f8;
    padding: 10px;
}

.ranking-list ul li:nth-child(odd) span {
    background: #efefef;
}
.ranking-list ul li span:first-child {
    width: 80%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
.ranking-list ul li span:last-child {
    width: 17%;
    display: inline-block;
    text-align: right;
    margin-left: 5px;
}
.bs-docs-nav {
    /*background: #183a5f;*/
    border-radius: 0;
    margin: 0 auto;
    /*padding: 10px 0;*/
    min-height: inherit;
}
.nav>li>a:focus, .nav>li>a:hover {

    background: none;
}
.nav>li>a.active {
    font-weight: 600;
}
.follow {
    /* text-align: center;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 9999; */
    /* background: #183A5F; */
    /* width: 13%; */
}
.follow h4 {
    color: #183A5F;
    margin: 0px;
    float: left;
}
.follow ul li {
    display: inline-block;
}
.follow ul li a {
    color: #183A5F;
    padding: 0 10px;
    font-size: 20px;
}
.heading {
    margin-top: 20px;
    margin-bottom: 30px;
}
.heading h3 {
    text-transform: capitalize;
    color: #183a5f;
    font-size: 26px;
    text-align: left;
    font-weight: 800;
    line-height: 36px;
    margin-top: 0px;
}
.heading h3 span {
    font-weight: 400;
}
.back-to-login {
    display: block;
}
.enlarged #sidebar-menu ul {
    /* display: none; */
}
.user-img {
    /* margin-top: 20px; */
}
.user-img img {
    width: 100%;
}
li.dropdown {
    padding: 7px 0 0;
}
.tabs-vertical-env .nav.tabs-vertical li>a:hover {
    background: #ccc;
}
.relevant-stats-profile ul {
    margin: 0;
    padding: 0;
}
.relevant-stats-profile ul li {
    list-style: none;
    color: #183a5f;
}
.relevant-stats-profile ul li span {
    padding: 5px;
}
.relevant-stats-profile ul li span:first-child {
    width: 36%;
    display: inline-block;
}
.relevant-stats-profile ul li span:last-child {
    width: 64%;
    display: inline-block;
    text-align: right;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: right;
}
.relevant-stats-section ul {
    margin: 0;
    padding: 0;
}
.relevant-stats-section ul li {
    list-style: none;
    color: #183a5f;
}
.relevant-stats-section ul li span {
    background: #f8f8f8;
    padding: 10px;
}

.relevant-stats-section ul li:nth-child(odd) span {
    background: #efefef;
}
.relevant-stats-section ul li span:first-child {
    width: 65%;
    display: inline-block;
}
.relevant-stats-section ul li span:last-child {
    width: 30%;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
}
.relevant-stats-table ul {
    margin: 0;
    padding: 0;
}
.relevant-stats-table ul li {
    list-style: none;
    color: #183a5f;
}
.relevant-stats-table ul li span {
    background: #f8f8f8;
    padding: 10px;
    width: 16%;
}
.relevant-stats-table ul li:nth-child(odd) span {
    background: #efefef;

}
.relevant-stats-table ul li span:first-child {
    width: 35%;
    display: inline-block;
}
.relevant-stats-table ul li > * {
    display: inline-block;
}
#practice_area_form .practic-header span.relevant-stats-head:last-child, #practice_area_form .practic-data span.banchmark-select:last-child {
    max-width: 130px !important;
}
.relevant-stats-head {
    background: #247de3 !important;
    color: #FFFFFF !important;
}
.border-class{
    border:1px solid #ccc;
}
.editImg{
    width: 3%;
    margin-left: 1%;
    margin-bottom: 1%;
}
h1.name.user-name {
    margin-top: 0;
    line-height: 25px;
}
.banchmark-table {
    display: inline-flex;
    width: 100%;
}
.banchmark-table span.relevant-stats-head {
    color: #FFFFFF !important;
    padding: 5px;
    display: inline;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    border-right: 3px solid #fff;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    min-height: inherit !important;
    line-height: inherit !important;
}
.banchmark-table ul li span.banchmark-select  {
    padding: 5px;
    /* display: flex; */
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    border-right: 3px solid #fff;
    background: #f8f8f8;
    align-items: center;
}
.banchmark-table ul li span.settings-span{
    max-width: 40% !important;
    text-align: left;
}
.banchmark-table ul li:nth-child(odd) span.banchmark-select{
    background: #efefef;
}
.banchmark-table ul {
    width: 100%;
    padding: 0;
}
.banchmark-table li {
    display: flex;
}
.banchmark-table ul li span.banchmark-select li {
    display: block !important;
}
.banchmark{
    text-align: right;
}
span.banchmark-select .dropdown-menu {
    /*max-height: 280px !important;*/
}
.top-header {
    padding: 10px 0;
    float: left;
    width: 100%;
}
.top-header a.logo {
    float: left;
    width: 15.5%;
    margin-right: 30px;
    /* max-width: 235px; */
    max-width: 260px;
}
.top-header a.logo img {
    width: 100%;
}
.edit-profile {
    height: 750px;
}
span.banchmark-select {
    padding: 10px;
}
.banchmark{
    text-align: right;
}
.top-header button {
    background: #2d4a6e !important;
    margin: 10px 0;
}
button.button-menu-mobile.open-left.waves-effect.waves-light {
    display: none;
}
.top-header .search.pull-right {
    margin: 0 0px 0px 0 ;
}
.side-menu.left div#sidebar-menu {}
.side-menu.left .slimScrollDiv {
    height: auto !important;
}
.side-menu.left .slimScrollDiv .sidebar-inner.slimscrollleft {
    height: auto !important;
}
.side-menu.left div#sidebar-menu {}
.side-menu.left .slimScrollDiv {
    height: auto !important;
}
.side-menu.left .slimScrollDiv .sidebar-inner.slimscrollleft {
    height: auto !important;
}
.side-menu.left div#sidebar-menu {}
.side-menu.left .slimScrollDiv {
    height: auto !important;
}
.side-menu.left .slimScrollDiv .sidebar-inner.slimscrollleft {
    height: auto !important;
}
.side-menu.left a.waves-effect {
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-decoration: none;

}
#sidebar-menu>ul>li>a:after {
    display: none !important;
}
.user-pic {
        /* float: left; */
    /* max-height: 120px; */
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-right: 20px;
}
.year-filter {
    padding: 6px 13px;
    margin-left: 10px;
    border: 1px solid #303030;
    border-radius: 5px;
    cursor: pointer;
}
.selected-year {
    background: #183a5e;
    color: #fff;
    border: 1px solid #183a5e !important;
    font-weight: 600;
}
#sidebar-menu li {
    /* padding: 5% 0; */
    float: left;
}
.bs-docs-nav nav {
    padding: 0;
}
.bs-docs-nav nav ul {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.bs-docs-nav nav ul li{
    display: flex;
}
.bs-docs-nav nav ul li a{
   display: flex;
   flex-direction: column;
   background: transparent;
   padding: 5px 20px !important;
   text-align: center;
   justify-content: center;
   margin-left: 4px;
   margin-top: 3px;
   font-weight: 500;
}
.bs-docs-nav nav ul li a {
    border: none;
    padding: 0;
    line-height: 20px;
}
.bs-docs-nav nav ul li a.active {
    background: #2c659e;
}
.bs-docs-nav nav ul li.active a {
    font-weight: 600 !important;
    background: #2c659e;
}
.bs-docs-nav nav ul li a:hover {
    background: #2c659e;
}
.top-menu>ul>li>a:hover {
        background: #ffd13e !important;
    border-color: #ffd13e !important;
}
img.login-logo {
    width: 80%;
}
.profole-setting {
    float: left;
}
.profole-setting a {
    color: #fff;
    padding: 10px;
    display: block;
    float: left;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    /* border: 1px solid #fff; */
    /*! margin-right: 20px; */
    padding: 5px;
}
.profole-setting a i {
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 17px;
}
.top-menu a {
    border: 1px solid #fff !important;
    margin-right: 10px !important;
    padding: 10px 20px !important;
}
.top-menu {
    padding: 8px 0 !important;
}
.top-header .search input {
    margin-bottom: 0;
}
.secondary-menu ul li a {
    background: #003b6c;
    padding: 0 !important;
    min-width: 150px;
    max-width: 150px;
    position: relative;
    display: flex !important;
    padding: 30px 20px 0 !important;
    text-transform: capitalize !important;
}
.secondary-menu ul li a i {
    width: 100% !important;
    position: absolute;
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 60px !important;
    margin-bottom: 15px !important;
    left: 0;
    top: 0;
    display: none !important;
    justify-content: center;
}
.secondary-menu ul li a i img {
    width: 20%;
    margin-top: 12px;
}
.secondary-menu ul li:nth-child(odd) a {
    background: #003663;
}
.secondary-menu ul li a i::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 60px solid #004279;
    z-index: -1;
    left: 0;
}
.user-pic h5 {
    clear: both;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 16px;
}
.user-pic h6 {
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.secondary-menu ul li a:hover i::after {
    border-top: 60px solid #ffd13e;
}
.secondary-menu ul li.active a i::after {
    border-top: 60px solid #ffd13e !important;
}
.table-data span.relevant-stats-head {
    text-align: left !important;
    justify-content: left !important;
}
.top-menu a.waves-effect.active {
    background: #ffd13e;
    border-color: #ffd13e !important;
    color: #000 !important;
}
.profole-setting ul.dropdown-menu a {
    width: 100%;
    text-align: left;
}
.d-flex {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-between {
    justify-content: space-between;
}
.align-items-center {
    align-items: center;
}
.align-items-start {
    align-items: flex-start !important;
}
.help-area {
    height: 150px !important;
}
.educationRow h1.name {
    text-align: center;
}
.educationRow .educationCol {
    border-left: 1px solid #183a5f;
    border-right: 1px solid #183a5f;
    padding: 0 20px;
}
.educationRow .educationColTop {
    border-top: 1px solid #183a5f;
    border-radius: 5px 5px 0 0;
}
.educationRow .educationColBottom {
    border-bottom: 1px solid #183a5f;
    border-radius: 0 0 5px 5px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.secondary-menu ul {
    overflow: auto;

}
.menu .secondary-menu {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.menu .secondary-menu ul {
    overflow: unset;
}
.secondary-menu ul::-webkit-scrollbar, .menu .secondary-menu::-webkit-scrollbar{
    height: 8px;
    border-radius: 20px;
}
.secondary-menu ul::-webkit-scrollbar-thumb, .menu .secondary-menu::-webkit-scrollbar-thumb {
    background: #ffd13e;
    border-radius: 20px;
}
.secondary-menu ul::-webkit-scrollbar-track, .menu .secondary-menu::-webkit-scrollbar-track {
    border-radius: 20px;
    background: #f1f1f1;
}
.secondary-menu ul::-webkit-scrollbar-thumb:hover, .menu .secondary-menu::-webkit-scrollbar-thumb:hover {
    background: #00659e;
    border-radius: 20px;
}
.help-page {
    padding-bottom: 91px !important;
}
.header-menu {
    display: inline-flex;
    width: 100%;
}
.menu .secondary-menu {
    flex-direction: row;
    /* background: #1c4465; */
    padding: 0 !important;
}
.header-menu .user-pic {
    max-height: 220px;
    width: 12%;
    min-height: 170px;
    padding-bottom: 10px;
}
.header-menu .user-pic img {
    width: auto
}
.menu {
    width: 85%;
    position: relative;
}
.menu-innerheader{
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
}
.menu .top-menu {
    padding: 0 0 10px !important;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0;
    margin-top: 25px;
}
.menu .top-menu::-webkit-scrollbar {
    height: 8px;
    border-radius: 20px;
}
.menu .top-menu::-webkit-scrollbar-thumb {
    background: #00659e;
    border-radius: 20px;
}
.menu .top-menu::-webkit-scrollbar-track {
    border-radius: 20px;
    background: #f1f1f1;
}
.menu .top-menu::-webkit-scrollbar-thumb:hover {
    background: #ffd13e;
    border-radius: 20px;
}
.menu .secondary-menu a.waves-effect {
    padding-top: 50px !important;
    margin-right: 20px !important;
    word-wrap: break-word;
    white-space: normal;
}
.menu .top-menu a {
    margin-top: 0;
    margin-bottom: 0;
    /* min-width: 166px; */
}
.profile .card {
    border: 1px solid #183a5f;
    margin-bottom: 20px;
    border-radius: 5px;
}
.profile .card-header {
    padding: 15px;
    background: #003663;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.profile .card-body {
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.profile .card-body .experience:nth-last-child(1) {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.experience {
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.experience .images {
    width: 15%;
}
.experience .images img {
    width: 100%;
    height: auto;
    border: none;
}
.experience-content {
    padding: 0 15px;
    width: 85%;
    padding-right: 0;

}
.experience-content h5.title {
    margin-top: 0;
}
.experience-content .title {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.experience-content .title h5 {
    width: 50%;
    float: left;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
}
.experience-content .title h6 {
    width: 50% !important;
    margin: 0;
    float: left;
}
.experience-content p.card-text {
    float: left;
}
.profile-form h1.name {
    line-height: 25px;
}
.profile-form button.btn.dropdown-toggle {
    height: 100%;
}
span.relevant-stats-head.require:after {
    color: #f92828;
    content: "*";
    width: 12px;
    padding-left: 3px;
    font-size: inherit;
    font-weight: bold;
}

.form-action button, .form-action a {
    min-width: 140px;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 17px !important;
    font-weight: 600;
    margin-left: 10px;
}
.form-action a {
    /*width: 100%;*/
    /*margin-bottom: 20px;*/
    /*padding: 15px;*/
}
.form-action h1.name {
    text-align: center;
    background: #f8f8f8;
    margin: 0;
    padding: 6px;
    margin-bottom: 15px;
    border: 2px solid #183a5f;
    border-radius: 3px;
}
.Setting-list {
    display: inline-block;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px;
}
.Setting-list a {
    float: right;
    justify-content: right;
}
.Setting-title {
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #183a5f;
}
.Setting-title p {
    font-size: 13px;
    margin: 0;
    margin-top: 3px;
    color: #999;
}
.Setting-formEdit {
    padding: 0 70px;
}
.Setting-formEdit .Setting-title {
    font-weight: 700;
}
.Setting-list button.btn.dropdown-toggle {
    height: 100%;
}
.Setting-list .dropdown {
    margin-top: 10px;
}
.Setting-list .dropdown a {
    width: 100%;
    float: left;
    text-align: left;
}
.leagalops-table thead tr th {
    background: #247de3;
    color: #fff;
    font-size: 12px;
    border-right: 3px solid #fff;
    border-color: #fff;
}
.leagalops-table tbody tr td {
    background: #efefef;
    font-size: 12px;
    border-right: 3px solid #fff;
    border-top: none;
}
.leagalops-table tbody tr:nth-child(odd) td {
    background: #f8f8f8;
}
ul.pagination li.paginate_button.active a {
    background: #247de3;
    color: #fff;
}
.Setting-list button.btn.dropdown-toggle {
    height: 100%;
}
.Setting-list .dropdown {
    margin-top: 10px;
}
.Setting-list .dropdown a {
    width: 100%;
    float: left;
    text-align: left;
}
.login-page .top-menu {
    float: right;
}
.login-page .header {
    /* background-image: url("../../assets/images/footer-bg.jpg") !important; */
    width: 100%;
    height: 100%;
    background-size: cover;
}
.login-page .navbar-default{
    background: none;
}
.login-page .header ul.nav.navbar-nav a {
    background: no-repeat;
    border: none !important;
    font-weight: 500;
    font-family: "Lato", Arial, Tahoma, sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0 !important;
    margin: 0 15px;
    color: #fff;
}
.login-page .header ul.nav.navbar-nav li:nth-last-child(1) a {
    margin-right: 0 !important;
    border: 1px solid #fff !important;
    padding: 10px 20px !important;
}
.login-page .header .header-title {
    float: left;
    width: 100%;
    text-align: center;
    padding: 93px;
}
.login-page .header .header-title h1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    opacity: 0.5;
}
footer.login-footer {
    background-image: url("../../assets/images/footer-bg.jpg") !important;
    width: 100%;
    height: 100%;
    background-size: cover;
    padding: 80px 0;
}
.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.footer-logo a.logo {
    float: left;
    width: 8%;
}
.footer-logo a.logo img {
    width: 100%;
}
.footer-logo .follow-icon {
    display: block;
    padding: 0 20px;
}
.footer-logo .follow-icon h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.footer-logo .follow-icon ul {
    float: left;
    width: 100%;
    flex-direction: column;
    clear: both;
    padding: 0;
}
.footer-logo .follow-icon ul li {
    list-style: none;
    float: left;
    font-size: 18px;
    padding: 0 10px;
}
.footer-logo .follow-icon ul li a {
    color: #fff;
}
.footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-menu ul {
    padding: 0;
    margin: 15px 0 0;
}
.footer-menu ul li {
    list-style: none;
    float: left;
    padding: 0px 20px;
    border-right: 1px solid #fff;
}
.footer-menu ul li a {
    color: #fff;
    font-size: 15px;
}
.footer-menu ul li:nth-last-child(1) {
    border: none;
}
.footer-menu h5 {
    color: #fff;
    margin: 25px 0 0;
}
.wrapper-page .panel {
    width: 80%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
.wrapper-page p {
    text-align: center;
    margin-bottom: 60px;
}
.wrapper-page .panel img {
    width: 50%;
    float: left;
    height: 324px;
}
.wrapper.login-page .panel-body {
    border-radius: 0 3px 3px 0;
    width: 50%;
    float: left;
}
.wrapper-page.signup {
    width: 30%;
}
.profile-form span.banchmark-select .dropdown-menu {
    max-height: inherit !important;
}
.profile-form span.banchmark-select .dropdown-menu .inner.open {
    /* max-height: 295.188px !important; */
    max-height: 170.188px !important;
}
.profile-form span.banchmark-select.max-height-auto .dropdown-menu .inner.open {
    /* max-height: 295.188px !important; */
    /*max-height: 170.188px !important;*/
    max-height: 500px !important;
}
span.banchmark-select.header-form {
    text-align: center;
    justify-content: center;
    color: #f92828;
    margin-bottom: 4px;
}
.topbar .header  {
    background-image: url("../../assets/images/footer-bg.jpg");
    width: 100%;
    background-size: cover;
}
.menu .secondary-menu ul li:nth-last-child(1) a.waves-effect {
    margin: 0 !important;
}
.register h1.name {
    text-align: center;
    font-weight: 600;
    margin: 30px 0;
}
.register .card {
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
}
.register .card h5 {
    color: #013564;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 20px;
}
.register .card p {
    color: #707070;
    text-transform: capitalize;
    padding: 0 30px;
    line-height: 20px;
    height: 35px;
}
.register .inforow2 .card p {
    height: 40px;
}
.login-page .panel {
    width: 100%;
}
.signup .panel {
    width: 80% !important;
}
.register .card .card-body img {
    width: 100%;
}
.register-step-1 h1 {
    text-align: left !important;
    margin: 0 !important;
    border-bottom: 2px solid #183a5f;
    font-size: 15px;
    line-height: 35px;
}
.register-step-1 .choose {
    margin: 10px 0px;
    padding: 0 10px;
}
.register-step-1 .plan {
    background: #183a5f;
    /* padding: 10px 0px; */
    height: auto;
    overflow: hidden;
}
.register-step-1 .plan h1.name {
    color: #fff;
    text-align: center !important;
    border: none;
    background-image: url(../../assets/images/choose.png);
    background-repeat: no-repeat;
    height: 81px;
    align-items: center;
    background-size: 100%;
    justify-content: center;
    display: inline-block;
    line-height: 22px;
    text-transform: capitalize;
    width: 100%;
    padding: 10px 0;
}
.register-step-1 .plan h1.name span {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
    padding: 0 20px;
}
.register-step-1 .plan .sellect {
    margin: 5px;
    background: #fff;
    padding: 10px;
}
.wrapper-page p.alert {
    margin-bottom: 10px;
}
/* This css is for normalizing styles. You can skip this. */
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.choose-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.choose-checkbox label {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
}
.choose-checkbox label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin: 4px;
    left: 0;
}
.choose-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 11px;
    width: 5px;
    height: 10px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.register-step-1 .plan .sellect label {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #013564;
}
.price {
    float: right;
    color: #f92828;
    line-height: 24px;
    font-size: 22px;
    font-weight: 700;
}
.register-step-1 a, .register-step-1 button {
    width: 100% !important;
    text-align: center;
}
.register-step-1 button {
    text-transform: uppercase;
}
.wrapper.login-page .content-page, .wrapper.login-page .wrapper-page {
    /* padding-bottom: 418px; */
}
.register-step-3 .card-images {
    margin-top: 20px;
    width: 50%;
}
.register button.back {
    background-color: #0398db !important;
    border: 1px solid #0398db !important;
}

.register button:hover, .register button:active, .register button:focus {
    background-color: #ffd13e !important;
    border: 1px solid #ffd13e !important;
}
.banchmark-table ul li span.banchmark-select input.form-control {
    margin-bottom: 0;
    height: fit-content;
    padding: 8px 15px;
    height: -moz-fit-content;    /* Firefox/Gecko */
    height: -webkit-fit-content;
}

.banchmark-table ul li span.banchmark-select .added-input input.form-control {
    margin-top: 10px;
}
.radio-custom {
    opacity: 0;
    position: absolute;
    left: 20px;
}
.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.radio-custom-label {
    position: relative;
    text-align: left;
    padding-left: 30px;
    line-height: 18px;
    padding-bottom: 0;
}
.radio-custom-label[disabled="true"] {
    cursor: not-allowed;
    opacity: 0.5;
}
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #0079bf;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.radio-custom + .radio-custom-label:before {
    position: absolute;
    left: 0px;
}
.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #0079bf;
    font-size: 12px;
    line-height: 12px;
}
.practic-area .practic-header span.relevant-stats-head:nth-child(1) {
    background: #FFAB40 !important;
}
.practic-area .practic-header span.relevant-stats-head:nth-child(2) {
    background: #E90E23 !important;
}
.practic-area .practic-header span.relevant-stats-head:nth-child(3) {
    background: #FFFF00 !important;
    color: #111 !important;
}
.practic-area .practic-header span.relevant-stats-head:nth-child(4) {
    background: #298E19 !important;
}
.practic-area .practic-header span.relevant-stats-head:nth-child(5) {
    background: #1F0BEF !important;
}
.practic-area .practic-header span.relevant-stats-head:nth-child(6) {
    background: #94009C !important;
}
.practic-area .practic-data span.banchmark-select:nth-child(1) {
    font-weight: 800 !important;
    text-align: left;
}
span.banchmark-select.active {
    background: #0079bf !important;
    color: #fff;
}
span.banchmark-select.active .radio-custom-label:before {
    border-color: #fff;
    background: #0079bf;
}
span.banchmark-select.active .radio-custom:checked + .radio-custom-label:before {
    color: #fff;
}
.practic-area-2  li.practic-data span.banchmark-select:nth-child(1) {
    /*min-width: 70% !important;*/
    text-align: left;
    font-size: 15px;
    font-weight: 600 !important;
}
li.practic-data.foundational span.banchmark-select:last-child {
    background: #FF0000;
    font-weight: 700;
}
li.practic-data.intermediate span.banchmark-select:last-child {
    background: #FFFF00;
    font-weight: 700;
}
li.practic-data.advanced span.banchmark-select:last-child {
    background: #2D9D1B;
    font-weight: 700;
}
li.practic-data.expert span.banchmark-select:last-child {
    background: #1F0BEF;
    font-weight: 700;
    color: #fff;
}
li.practic-data.industry-leading span.banchmark-select:last-child {
    background: #7F0086;
    font-weight: 700;
    color: #fff;
}
.experts-filter {
    /* display: flex; */
    justify-content: center;
    background: #183a5f;
    color: #fff;
    align-items: center;
    font-family: 'Open Sans';
    padding: 15px 0;
}
.experts-filter h4 {
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}
.experts-filter ul {
    padding: 0;
    display: flex;
    margin: 0;
    margin-right: 0;
}
.experts-filter ul li {
    list-style: none;
    /*padding: 15px 0 0 0;*/
}
.experts-filter ul li a {
    color: #fff;
    margin: 0 7px;
    border: 1px solid #fff;
    padding: 7px;
    border-radius: 5px;
    text-decoration: none;
}
.experts-filter ul.dropdown-menu {
    display: none;
}
.experts-filter .navbar-default {
    min-height: auto;
}
.experts-filter .dropdown button {
    border: 1px solid #fff !important;
    padding: 8px 35px 8px 10px;
    margin: 0 15px;
    border-radius: 5px;
    background: #fff !important;
    line-height: 17px;
    font-size: 13px;
    color: #183a5f !important;
    font-family: "Open Sans" !important;
    font-weight: 700;
}

.experts-filter .dropdown button:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
}
.experts-filter .open>.dropdown-menu {
    display: block;
    left: 15px;
}
.experts-filter ul.dropdown-menu li {
    padding: 0;
}

.experts-filter ul.dropdown-menu li a {
    margin: 0;
    color: #183a5f;
}
.experts-user {
    margin: 20px 0 0;
    background: #f7f7f7;
    border: 1px solid #ccc;
    width: 20%;
    margin-right: 20px;
    /* max-width: 346px; */
    min-width: 18%;
}
.experts-user h4 {
    background: #183a5f;
    color: #fff;
    margin: 0;
    padding: 15px;
    text-align: center;
}
.experts-user img {
    width: 100%;
    max-height: 305px;
}
.experts {
    display: flex;
}
.experts .experts-user:last-child {
    margin-right: 0;
}
.experts-details h4 {
    background: no-repeat;
    color: #183a5f;
    margin: 0 15px;
    padding: 10px;
    font-weight: 600;
    border-bottom: 1px solid #183a5f;
}

.experts-details p {
    text-align: center;
    padding: 15px;
    margin: 0;
}
.experts-user  h3 {
    background: #004279;
    color: #fff;
    margin: 0;
    text-align: center;
    font-weight: 700;
    line-height: 35px;
}
.experts-user.active h3 {
    background: #197b30;
}
.mobile-header {
    display: none;
}
.bootstrap-select>.dropdown-toggle {
    height: 100%;
    line-height: 20px;
}
.login-header {
    display: block;
}
.login-header .navbar.bs-docs-nav.menu-nav {
    float: right;
}
.how-improve {
    min-width: 90%;
}
.login-page .header ul.nav.navbar-nav a:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    z-index: -1;
    left: 0;
    background: #fff;
    bottom: 0;
    margin: 0 auto;
}
.login-page .header ul.nav.navbar-nav li:nth-last-child(1) a:hover:after{
    display: none;
}
.login-page .top-header {
    padding: 40px 25px 0;
}
.rating-card {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 20px;
}
.rating-header {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #183a5f;
}

.rating-text {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
}
th.rating-head-heading {
    background: #bee4ff;
    color: #183a5f;
    border-right: 3px solid #fff;
    width: 25%;
    border-bottom: 3px solid #fff !important;
    text-align: center;
    font-size: 14px;
}

tr.rating-head-row th.rating-head-heading:last-child {
    border-right: 0;
}

tr.rating-head-row th.rating-head-heading:first-child {
    width: 50%;
}

.rating-table {
    margin-bottom: 20px;
}
td.rating-head-data {
    background: #edecec;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #000;
    text-align: center;
}

tr.rating-body-row td.rating-head-data:last-child {
    border-right: 0;
}

tbody.rating-table-body tr.rating-body-row:nth-of-type(odd) td.rating-head-data{
    background: #f7f7f7;
}
tbody.rating-table-body tr.rating-body-row:last-child td.rating-head-data {
    border-bottom: 0;
}
.rating-head-title {
    font-weight: 600;
    text-align: left !important;
}
.rating-percentage .data-percentage {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.rating-percentage {
    position: relative;
    background: #fff !important;
}
.data-text {
    position: absolute;
    font-weight: 600;
    color: #fff;
}
.industry-leader-data{
    background: #a400ad;
}
.expert-data{
    background: #1f0bef;
}
.advanced-data{
    background: #2d9d1b;
}
.intermediate-data{
    background: #ff7011;
}
.foundational-data{
    background: #f22a02;
}
.Levels-data {
    padding: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    min-width: 137px;
    color: #fff;
}
.Levels-body .Levels-data:last-child {
    margin-bottom: 0;
}
.industry-leader-Levels {
    width: 95%;
}
.expert-Levels {
    width: 75%;
}
.advanced-Levels {
    width: 55%;
}
.intermediate-Levels {
    width: 35%;
}
.foundational-Levels {
    width: 25%;
}
.progressbar .counter {
    display: inline-flex;
    cursor:pointer;
    width:150px;
    height:150px;
    max-width:100%;
    position:relative;
    justify-content:center;
    align-items:center;
    font-size: calc(1em + 1vmin);
    transition: height .2s ease-in-out;
    background: #fff;
    border-radius:50%;
    box-shadow:0px 1px 10px 2px rgba(0,0,0,0.2);
}
.progressbar .percentage {
    position:absolute;
    text-align:center;
    top:50%;
    left:0;
    right:0;
    vertical-align:middle;
    transform:translate3d(0,-50%,0);
    font-size: 17px;
    font-weight: 600;
}
.progressbar canvas {
    position:absolute;
    top:0;
    left:0;
}
.progressbar {
    display: flex;
    padding: 15px;
}
.progressbarbtn {
    display: none;
}
.job-filter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-filter h4 {
    margin: 0;
    font-weight: 600;
    margin-right: 5px;
}

.job-filter .navbar.navbar-default {
    min-height: auto;
}
.job-filter a.job-filterBtn {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    border-bottom: 2px solid #0645ad;
    color: #0645ad;
}
.job-filter a.job-filterBtn:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
    font-size: 14px;
    border-bottom: 5px solid #fff;
}
.jobs-tab {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ddd !important;
    position: relative;
}

.jobs-tab li a {
    background: none !important;
    line-height: 25px !important;
    color: #959595 !important;
    text-align: center;
    font-family: "Open Sans", sans-serif !important;
}

.jobs-tab li.active {
    border: none !important;
    border-bottom: 2px solid #00659e !important;
}
.jobs {
    box-shadow: none;
    margin: 0 0;
}
.jobs .panel-body {
    padding: 0;
}
.resources_detail .jobs-card{
    background: #fff;
}
.jobs-card {
    background: #f7f7f7;
    width: 100%;
    border: 1px solid #c2c2c2;
    padding: 15px;
    position: relative;
    padding-top: 20px;
    margin-bottom: 20px;
}

.jobs-header {
    text-align: center;
    margin-top: 0;
    color: #003663;
    font-weight: 700;
    font-size: 18px;
}

.jobs-text {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 33px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 10px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.jobs-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jobs-body-location {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #003b6c;
}

.jobs-body i {
    font-size: 16px;
    color: #ed1c24;
    margin-right: 5px;
}
.jobs-card:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: #005490;
    left: 0;
    top: 0;
}
.jobs-card:after {
    content: "\A";
    border-style: solid;
    border-width: 15px 15px 0px 0;
    border-color: transparent #005490 transparent transparent;
    position: absolute;
    left: 48%;
    top: -3%;
    transform: rotate(45deg);
}
.profole-setting a.active {
    /*background: #f7a70b;*/
    /*border-color: #f7a70b;*/
    color: #ffd13e;
    font-weight: 600;
}
ul.practice_area_content_ul li {
    padding-left: 20px;
    position: relative;
}

ul.practice_area_content_ul li:before {
    content: '';
    height: 8px;
    width: 8px;
    position:  absolute;
    background: #133663;
    left: 5px;
    top: 5px;
    border-radius: 50%;
}
span.banchmark-select.active ul.practice_area_content_ul li:before {
    background: #fff;
}
span.practic-stats-head.banchmark-select {
    background: #247de3 !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}
.eq-title h5 {
    width: 100% !important;
}
.eq-body .experience-content {
    width: 100%;
}
.card-text p {
    float: left;
    width: 100%;
}
.card-text .biography-text {
    float: left;
    width: 90%;
}
.view-ratings {
    min-height: 250px !important;
    margin-bottom: 20px;
}
.view-bg1 {
    background: #8fb852;
}
.view-bg2 {
    background: #e23958;
}
.view-bg3 {
    background: #662c91;
}
.view-bg1 h5, .view-bg2 h5, .view-bg3 h5{
    color: #fff;
}
.view-ratings:hover {
    box-shadow: 0px 0 6px #000;
}
.dashboard-card {
    background: #f5f5f5;
    padding: 30px 15px;
    box-shadow: 0px 0px 2px #999;
    position: relative;
    border-radius: 3px;
}
.dashboard-card-head {
    position: absolute;
    right: 25px;
    transform: rotate(-25deg);
}
.dashboard-card-head i {
    font-size: 65px;
    color: #ffffff7d;
    transition: 0.3s;
}
.dashboard-card:hover .dashboard-card-head i {
    font-size: 80px;
}
.dashboard-card-header {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 0;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
}
.dashboard-card-text {
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
}
.dashboard-card:hover {
    box-shadow: 0px 0px 6px #999;
}
.dashboard-bg-1 {
    background: #e13958;
}
.dashboard-bg-2 {
    background: #662c91;
}
.dashboard-bg-3 {
    background: #5fb7ce;
}
.dashboard-bg-4 {
    background: #8fb852;
}
.dashboard-bg-5 {
    background: #ab0909;
}
.dashboard-bg-6 {
    background: #fbc62c;
}
.dashboard-bg-7 {
    background: #005490;
}
.dashboard-bg-8 {
    background: #27c08f;
}
.dashboard-bg-9 {
    background: #ff9933;
}
.dashboard-bg-10 {
    background: #FE39C3;
}
.dashboard-card-header:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 4px;
    border-radius: 50px;
    width: 14%;
    left: 0;
    bottom: -10px;
}
.user-table {
    /*margin-top: 20px;*/
    border: 1px solid #ccc;
    border-top: none;
    padding: 0;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.user-table-header {
    display: flex;
    flex-direction: row;
    padding: 10px;
    background: #183a5f;
    align-items: center;
    box-shadow: none;
    border-radius: 5px 5px 0 0;
}
.user-table-header h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    text-transform: capitalize;
}

.user-table-header .navbar.navbar-default {
    min-height: 0;
    width: 10%;
    min-width: 150px;
}
a.user-table-fillter {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    border: 1px solid #fff;
    position: relative;
}
a.user-table-fillter:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 8px;
}
.card-text {
    height:  auto;
    width:  100%;
    overflow:  hidden;
}
.user-listing {
    padding: 15px;
}
.user-table img {
    width: 100%;
    padding: 20px;
}
.user-fillter-option button.btn.dropdown-toggle.bs-placeholder.btn-default {
    background: #183a5f;
    border: 1px solid #fff;
    color: #fff;
}
.user-fillter-option .btn-default, .user-fillter-option .open>.dropdown-toggle.btn-default {
    background: #183a5f !important;
    border: 1px solid #fff !important;
    color: #fff;
}
.user-fillter-option .btn-default:hover {
    background: #004279 !important;
    border: 1px solid #fff !important;
    color: #fff;
}
.profile .card-header a.tags-edit {
    float: right;
    padding: 0;
    background: transparent !important;
    border: none !important;
}

.profile .card-header a.tags-edit:hover {
    border: none !important;
}
.table-data-add {
    position: relative;
    /*margin-top: 20px;*/
    margin-top: 10px;
}

.add-row {
    position: absolute;
    right: 0;
   z-index: 999;
}

.table-data-add .dataTables_filter {
    padding-right: 120px;
}
.table-data-add table.dataTable {
    width: 100% !important;
}

.leagalops-table thead tr th:last-child, .leagalops-table tbody tr td:last-child {
    border-right: 0 !important;
}
.dataTables_length label {
    display: flex;
    align-content: ;
    align-items: center;
    justify-content: flex-start;
}
.dataTables_length select {
    margin: 0 10px !important;
}
.dataTables_filter label {
    display: flex;
    align-content: ;
    align-items: center;
    justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select {
    padding: 8px 15px;
    height: 35px !important;
    margin-bottom: 0;
}
.table-data-row {
    margin-top: 20px;
}
.table-data-row table.dataTable {
    width: 100% !important;
}
td.dataTables_empty {
    border-right: 0 !important;
}
.m-t-20 {
    margin-top: 20px;
}
.notification {
    color: #fff;
    font-size: 29px;
    padding: 0px 20px;
    position: relative;
}
.notification span {
    position: absolute;
    background: #ffd13e;
    color: #000 !important;
    font-size: 12px;
    right: 20%;
    height: 20px;
    width: 20px;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
}
.connection-nav {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 20px;
    height: auto;
    overflow: auto;
}
ul.connection-nav-ul {
    padding: 0;
}
li.connection-nav-li {
    color: #000;
    list-style: none;
}
li.connection-nav-li a {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #000;
}
li.connection-nav-li a img {
    width: 30px;
    margin-right: 15px;
}
li.connection-nav-li a:hover, li.connection-nav-li.active a {
    color: #003663;
    font-weight: 600;
}
.connection-nav .search {
    width: 100%;
    margin: 10px 0 0;
}
.connection-nav .search input {
    background: none;
    border: solid 1px #ccc;
    color: #003b6c !important;
    padding: 5px !important;
    height: 40px !important;
    width: 100%;
}
.connection-nav .search input::placeholder {
    color: #888 !important;
}
.connection-nav .search i {
    color: #999;
}
.user-row {
    display: flex;
    /* margin: 0 -10px; */
    float: left;
    width: 100%;
    justify-content: center;
}
.user-box {
    width: 11.9%;
    margin: 0 5px;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    /* min-width: 18%; */
    float: left;
}
.user-row .user-box:nth-child(1) {
    /*margin-left: 0;*/
}
.user-row .user-box:last-child {
    /*margin-right: 0;*/
}
.user-box-header img {
    width: 100%;
}
.user-box-header {
    max-height: 140px;
    overflow: hidden;
}
.user-box-body {
    padding: 10px 20px;
    /*border-bottom: 1px solid #e1e1e1;*/
    text-align: center;
    margin-top: -75px;
    max-height: 230px;
    position: relative;
}
.user-image {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 5px solid #ffffff80;
    background: #ffffff80;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-image img {
    width: 100%;
    background: #ffffff;
}
.user-box-body h5 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #183a5f;
    margin: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 22px;
}
.user-box-body p {
    color: #999;
    margin: 0;
    display: block;
    font-size: 14px;
    /*min-height: 20px; */
    line-height: 20px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.connection-box {
    background: #f0f0f0;
    padding: 10px;
    text-align: center;
}

.connection-box h5 {
    margin: 0;
    color: #555;
    font-weight: 800;
    font-size: 18px;
}

.connection-box p {
    margin: 0;
    margin-top: 5px;
    color: #999;
}
.btn-box {
    /* display: flex; */
}
a.drop-box {
    padding: 10px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #247de3;
    color: #fff;
    min-height: 42px;
}
a.send-message{
    padding: 10px;
    width: 100%;
    background: #003663;
    color: #fff;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
}
a.edit-user-group {
    padding: 10px;
    width: 100%;
    background: #003663;
    color: #fff;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}
a.drop-box i {
    font-size: 20px;
    font-weight: 900;
}
.btn-box .navbar {
    min-height: auto;
}
.btn-box .dropdown-menu {
    right: 0;
    left: inherit;
    border-radius: 0;
    padding-top: 10px !important;
    margin: 0;
    box-shadow: none;
}
.unfollow-btn, .disconnect-btn {
    width: 100% !important;
    float: left;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.unfollow-btn {
    background: #247de3;
}
.disconnect-btn {
    background: #f92828;
}
.btn-box .dropdown-menu:before {
    content: "\A";
    border-style: solid;
    border-width: 15px 15px 0px 0;
    border-color: transparent #247de2 transparent transparent;
    position: absolute;
    right: 8%;
    top: 3px;
    transform: rotate(-135deg);
}
.heading-helper {
    font-size: 15px;
    font-weight: 600 !important;
}
.rating-box {
    background: antiquewhite;
}

.rating-box-header {
    padding: 20px;
    text-align: center;
    background: #ffffff50;
}

.rating-box-header h5 {
    color: #fff;
    margin: 0;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
}

.rating-box-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-box-body h5 {
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.rating-box .progressbar .counter {
    width:80px;
    height:80px;
}
.rating-box-industry-leading {
    background: #8fb754;
}
.rating-box-foundational {
    background: #e33a59;
}
.rating-box-intermediate {
    background: #fbc62c;
}
.rating-box-advanced {
    background: #672d93;
}
.rating-box-expert {
    background: #005490;
}
.rating-box-intermediate h5 {
    color: #111;
}
.opportunity {
    display: flex;
    align-items: center;
}
.opportunity-text {
    width: 100%;
}
.opportunity-graph {
    width: 45%;
    margin-top: 25px;
}
.opportunity-graph img {
    width: 100%;
}
.opportunity-text h5 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
}
.opportunity-text ul {
    margin: 0;
    padding: 0;
}
.opportunity-text ul li {
    list-style: none;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #247de3;
    padding: 10px 10px;
    display: block;
    border-radius: 3px;
    margin-right: 15px !important;
    min-width: 150px;
    text-align: center;
}
.opportunity-text-home ul li {
    margin-left: 40px;
    text-align: left;
    padding: 5px;
    margin-bottom:0;
}
.opportunity-text ul li.basic-drop-down {
    border: 2px solid #114C8E;
    color: #000 !important;
}
.opportunity-text ul li.intermediate-drop-down{
    border: 2px solid #36C4BB;
    color: #000 !important;
}
.opportunity-text ul li.advanced-drop-down{
    border: 2px solid #F49200;
    color: #000 !important;
}
.opportunity-text ul li.expert-drop-down{
    border: 2px solid #DC0000;
    color: #000 !important;
}
.opportunity-text ul li.industry-drop-down{
    border: 2px solid #7030A0 ;
    color: #000 !important;
}

.rating-data-box {
    display: flex;
    overflow: auto;
    margin: 0 -10px;
}
.rating-data {
    min-width: 189px;
    width: 100%;
    margin: 0 10px 10px;
}
.rating-data-header {
    padding: 10px;
    text-align: center;
    background: #ebebeb;
    border: 1px solid #ccc;
    border-bottom: 0;
    min-height: 90px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rating-data h5{
    color: #fff;
    text-transform: capitalize;
}
.rating-data p{
    color: #fff;
}
.rating-data-header h5 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    line-height: 23px;
}
.rating-data-title {
    padding: 20px;
    text-align: center;
}

.rating-data-title h5 {
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.rating-data-progress .progressbar {
    justify-content: center;
    padding: 20px;
    background: #fff;
}
.rating-data-score {
    padding: 20px;
    text-align: center;
}

.rating-data-score h5 {
    margin: 0;
    font-weight: 700;
}

.rating-data-score p {
    margin: 0;
    margin-top: 5px;
}
.rating-data-about {
    padding: 20px;
    text-align: center;
    background: #ffffff20;
    border-top: 1px solid #fff;
}

.rating-data-about h5 {
    margin: 0;
}
.rating-data-more {
    padding: 20px;
    text-align: center;
    background: #ffffff15;
    border-top: 1px solid #fff;
}

.rating-data-more h5 {
    margin: 0;
}
.rating-box-industry-leading .percentage{
    color: #8fb754;
}
.rating-box-foundational .percentage{
    color: #e33a59;
}
.rating-box-intermediate .percentage{
    color: #fbc62c;
}
.rating-box-advanced .percentage{
    color: #672d93;
}
.rating-box-expert .percentage{
    color: #005490;
}
.helper-text {
    text-align: center;
    font-size: 15px;
    color: #999;
}
.right-profile-data .experience-content {
    padding: 0;
}
.charNum {
    margin-top: 5px;
    font-size: 13px;
    line-height: 15px;
    color: #999;
}
.text-red {
    color: #f92828;
}
.text-green {
    color: #577d20;
}
.connect-btn {
    background: #80a649 !important;
}
.organigation-chart-row {
    display: flex;
    justify-content: center;
}
.organigation-chart-data {
    padding: 10px;
    width: 20%;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    color: #ffffff;
    border: 1px solid;
    font-weight: 600;
    word-break: break-word;
}
.job-filter-search {
    background: #005490;
    padding: 15px;
    float: left;
    width: 100%;
}

.job-fillter-option {
    float: right;
    width: 10%;
    margin-left: 20px;
}

.job-fillter-option button.btn.dropdown-toggle.btn-default {
    background: #183a5f;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
}

.job-fillter-option button.btn.dropdown-toggle.btn-default:hover,.job-fillter-option button.btn.dropdown-toggle.btn-default:focus, .job-fillter-option .open>.dropdown-toggle.btn-default {
    background: #005490 !important;
    border: 2px solid #fff !important;
    border-radius: 5px;
}
.job-filter-search .search {
    margin: 0;
    width: 15%;
}

.job-filter-search .search input {
    border: solid 2px #fff;
    color: #fff;
    padding: 5px !important;
    height: 35px !important;
    border-radius: 5px;
    padding-left: 11px !important;
    margin: 0;
    padding-right: 40px !important;
}

.job-filter-search .search i {
    top: 4px;
}
.card-footer.jobs-footer {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.tab-content.jobs-pane {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.relevant-stats-head {
    min-height: 55px;
    align-items: center;
    line-height: 34px;
    font-weight: 700;
}
.job-tab-panel {
    box-shadow: none;
}
.job-tab-panel .panel-body {
    padding: inherit;
}
.job-tab {
    display: flex;
    justify-content: center;
}
.job-tab a {
    border: 1px solid #ccc !important;
    margin: 0 10px !important;
    background: #fff !important;
    color: #000 !important;
    line-height: inherit !important;
    padding: 8px 20px !important;
    width: 150px;
    display: flex !important;
    justify-content: center;
    position: relative;
}
.job-tab a.tab-bg6 {
    width:200px;
}
.tab-bg6:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background: #ff9933;
}
.tab-bg5:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background: #e33a59;
}
.tab-bg4:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background: #fbc62c;
}
.tab-bg3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background: #672d93;
}
.tab-bg2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background: #8fb754;
}
.tab-bg1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background: #005490;
}
.job-tab li.active a.tab-bg1 {
    background: #005490 !important;
    color: #fff !important;
}
.job-tab li.active a.tab-bg2 {
    background: #8fb754 !important;
    color: #fff !important;
}
.job-tab li.active a.tab-bg3 {
    background: #672d93 !important;
    color: #fff !important;
}
.job-tab li.active a.tab-bg4 {
    background: #fbc62c !important;
    color: #fff !important;
}
.job-tab li.active a.tab-bg5 {
    background: #e33a59 !important;
    color: #fff !important;
}
.job-tab li.active a.tab-bg6 {
    background: #ff9933 !important;
    color: #fff !important;
}
.tab-bg6:hover {
    color: #ff9933 !important;
}
.tab-bg5:hover {
    color: #e33a59 !important;
}
.tab-bg4:hover {
    color: #fbc62c !important;
}
.tab-bg3:hover {
    color: #672d93 !important;
}
.tab-bg2:hover {
    color: #8fb754 !important;
}
.tab-bg1:hover {
    color: #005490 !important;
}
.jobs-tab li a:hover{
    color: #00659e !important;
}
.job-pane.active {
    display: flex !important;
    justify-content: center;
}
.job-box {
    display: flex;
    margin: 20px 0;
}
.job-center {
    width: 100%;
    display: flex;
    position: relative;
}
.job-left, .job-right {
    width: 20%;
    text-align: center;
    justify-content: center;
}
.job-right {
    padding: 10px;
    font-size: 20px;
    float: left;
    color: #fff;
}
.date-box, .month-box {
    padding: 10px;
    float: left;
    width: 100%;
}
.job-box h2,.job-box h3 {
    margin: 0;
}
.job-box h2 {
    color: #fff;
    font-weight: 700;
}
.job-box h3 {
    color: #fff;
}
.date-box h2 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 10px;
}
.month-box {
    background: #00000020;
    color: #fff;
    font-size: 20px;
}
.date-box h3 {
    font-size: 20px;
}
.month-box h5 {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
}
.job-right h3 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
}
.job-right h2 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
}
.job-right a {
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
}
.job-center .job-image {
    max-height: 242px !important;
    overflow: hidden;
    width: 39%;
    background: #f8f8f8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
}
.job-center img {
    width: 100%;
    height: auto;
}
.job-center .content-box {
    width: 100%;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ccc;
}
.job-center .content-box h2 {
    color: #363636;
    font-size: 20px;
}
.job-center .content-box h3 {
    color: #003663;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: 700;
}
.job-center .content-box a {
    color: #003663;
    font-weight: 700;
    text-decoration: underline;
}
.tab-panel6 .job-left,.tab-panel6 .job-right {
    background: #ff9933 ;
}
.tab-panel5 .job-left,.tab-panel5 .job-right {
    background: #e33a59 ;
}
.tab-panel4 .job-left,.tab-panel4 .job-right {
    background: #fbc62c ;
}
.tab-panel3 .job-left,.tab-panel3 .job-right {
    background: #672d93 ;
}
.tab-panel2 .job-left,.tab-panel2 .job-right {
    background: #8fb754 ;
}
.price-box {
    background: url(../../assets/images/price-bg.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    /*width: 62px;*/
    width: auto;
    height: 40px;
    /*background-size: contain;*/
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    /*padding-top: 5px;*/
    padding: 5px 20px 0;
    font-weight: 700;
    right: 5%;
    z-index: 9999;
}
.job-panel-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
}
h2.demo-text {
    margin: 0;
    padding: 20px;
    border: 1px solid;
    margin-bottom: 20px;
}
.main-table-view ul li span:last-child {
    width: 34%;
}
.fillter-radio {
    position: relative;
    margin-left: 10px;
    margin-bottom: 10px;
}
.fillter-radio .radio-custom {
    left: 0;
    height: 20px;
    width: 20px;
    margin: 0;
    z-index: 1;
}
.filter-btn {
    width: 100%;
}
.modal-filter-checkbox {
    width: 29%;
    margin-bottom: 0;
}
.jobs-pane .experts {
    margin-bottom: 20px;
    width: 100%;
}
.job-fillter {
    width: 100%;
    margin-bottom: 20px;
}
.job-fillter-search {
    margin: 0;
    width: 100%;
    /* margin-bottom: 20px; */
}
.job-fillter-search input {
    border-color: rgba(42, 50, 60, .2);
    border-radius: 2px;
    color: #000;
    padding: 6px 14px !important;
}
.job-fillter-search i {
    color: #999;
}
.m-t-0{
    margin-top: 0px;
}
.jobs-sidebar {
    background: #f3f3f3;
    width: 100%;
    margin-bottom: 10px;
}
.jobs-sidebar-header {
    background: #8dc63f;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jobs-sidebar-header h5 {
    margin: 0;
    color: #fff;
    font-weight: 400;
}
.jobs-sidebar-list {
    padding: 20px;
    border: 1px solid transparent;
}
.sidebar-header {
    display: flex;
    align-items: center;
}
.sidebar-header p {
    text-align: right !important;
    width: 15%;
    margin: 0;
}
.sidebar-body {
    margin-top: 10px;
}
.sidebar-body p {
    color: #000;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sidebar-footer {
    display: flex;
}
.sidebar-footer p {
    width: 100%;
    text-align: center;
    color: #000;
    margin: 0;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.jobs-sidebar-body .jobs-sidebar-list:nth-child(even) {
    background: #fff;
    border: 1px solid #ccc;
}
.sidebar-header img {
    /*max-width: 188px;*/
    height: 100% !important;
    width: 100%;
}
.sidebar-header-img {
    width: 100%;
    text-align: center;
    max-height: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.message-box-header {
    background: #003663;
}
.message-user-list {
    padding: 20px;
    display: flex;
    /* border: 1px solid transparent; */
    align-items: center;
    position: relative;
}
.jobs-sidebar-body .message-user-list:nth-child(even) {
    background: #fff;
    border: 1px solid #ccc;
}
.message-user-image {
    width: 25%;
    margin-right: 20px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    max-width: 78px;
    max-height: 78px;
}
.message-user-image img {
    width: 100%;
}
.message-user-header {
    display: flex;
    align-items: center;
    width: 100%;
}
.message-user-header h3 {
    width: 100%;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.message-user-message {
    width: 100%;
}
.message-user-header p {
    width: 17%;
    text-align: right;
    margin: 0;
    text-transform: capitalize;
}
.message-user-footer {
    display: flex;
    align-items: center;
    color: #003663;
}
.message-user-footer p {
    margin: 0;
    text-transform: capitalize;
}
.message-user-footer span {
    height: 5px;
    width: 5px;
    background: #f92828;
    content: "\A";
    padding: 4px;
    float: left;
    border-radius: 50px;
    margin-right: 5px;
}
.message-user-footer.online span {
    background: #003663;
}
.message-user-body {
    color: #000;
}
.message-user-body p {
    margin-bottom: 5px;
    display: -webkit-box;
    line-height: 20px !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-user-list:hover {
    background: #dcf1ff !important;
}
.message-user-list:hover:before {
    content: "\A";
    border-style: solid;
    position: absolute;
    top: 0;
    height: 101%;
    left: 0;
    background: #003663 !important;
    color: #003663;
}
.comp-action {
    margin: 105px 0 0;
}
.benchmark-btn {
    padding: 10px 80px;
}
.comp-action button {
    background: #0398db!important;
    border-color: #0398db!important;
}
.leagal-member {
    float: left;
    width: 100%;
}
.leagal-member-filter .form-group {
    margin-bottom: 20px;
}

.leagal-member-filter .search-submit {
    padding: 8px 10px;
    width: 100%;
    background: #ffd13e !important;
    border-color: #ffd13e !important;
}
.leagal-member-filter {
    border-bottom: 1px solid #003663;
}
.leagal-member .user-row {
    /* margin-top: 20px; */
}
.pagination-section {
    width: 100%;
    text-align: right;
}

.pagination-section button {
    padding: 5px 13px;
    margin-left: 10px;
    background: #ccc;
    border: 0;
}
.pagination-first, .pagination-last {
    background: #003663 !important;
    color: #fff;
}
.pagination-previous, .pagination-next {
    background: #003663 !important;
    color: #fff;
}
.pagination-btn:disabled{
    background: #004279d6 !important;
    color: #fff;
}
.pagination-btn:hover:disabled{
    background: #004279d6 !important;
    color: #fff;
}
.pagination-btn:hover{
    background: #ffd13e !important;
    color: #000 !important;
    border: none !important;
}
.pagination-number {
    background: #fff !important;
    border: 1px solid #999 !important;
    color: #999 !important;
}
.pagination-number.active {
    background: #ffd13e !important;
    color: #000 !important;
    font-weight: 700;
    border-color: #ffd13e !important;
}
.pagination-number:hover {
    background: #003663 !important;
    color: #fff;
    border: 1px solid #003663 !important;
}
.job-apply {
    width: 100%;
}
.job-apply button {
    width: 100%;
    padding: 8px;
    margin-bottom: 20px;
    background: #8dc63f !important;
    border-color: #8dc63f !important;
    text-transform: uppercase;
    font-weight: 800;
}
.jobs-detail-card::after {
    display: none;
}
.jobs-detail-company::after, .jobs-detail-company::before{
    display: none;
}
img.jobs-company-img {
    width: 100%;
    margin-bottom: 20px;
}
.jobs-detail-title {
    margin: 0;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
    color: #005490;
}

.jobs-detail-title::after {
    content: " ";
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 2px;
    left: 0;
    background: #ccc !important;
    color: #ccc;
}
.jobs-detail-box {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    /*word-break: break-all;*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    line-height: 20px;
}

.jobs-detail-box i {
    color: #005490;
    margin-right: 5px;
    min-width: 13px;
}
.social-media-box ul {
    padding: 0;
    margin: 0;
    display: flex;
}

.social-media-box ul li {
    list-style: none;
}

.social-media-box ul li a {
    color: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-top: 10px;
    background: #ccc;
    border-radius: 50%;
}
.facebook {
    background: #3b5998 !important;
}

.twitter {
    background: #55acee !important;
}

.linkedin {
    background: #007ab9 !important;
}

.youtube {
    background: #d42428 !important;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #0079bf;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.fillter-edit-option {
    margin-left: 5px;
    color: #183a5f;
}

.fillter-edit-option:hover {
    color: #0079bf;
}
.connect-recuiter button {
    background: #003b6c !important;
    border-color: #003663 !important;
}
.p-r-0 {
    padding-right: 0;
}

.p-l-0 {
    padding-left: 0;
}
.recuiter-btn {
    border-radius: 0;
}
.membership-title {
    margin: 0;
    font-size: 20px;
    color: #003663;
    font-weight: 600;
    margin-bottom: 10px;
}
.membership-title-plan {
    margin: 0;
    font-size: 20px;
    width: 100%;
}

.plan-detail {
    display: flex;
    width: 100%;
    float: left;
    align-items: center;
    margin-bottom: 10px;
}
.membership-title::after {
    width: 20%;
}
.membership-plan-price {
    font-size: 20px;
    font-weight: 700;
    color: #003663;
}
.exp-plan {
    color: #f92828;
    margin: 0;
    font-weight: 600;
}
.membership .card-body {
    height: auto;
    overflow: overlay;
}
.circle [type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.circle [type="radio"]:checked + label,
.circle [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 18px;
  display: inline-block;
  color: #666;
}
.circle [type="radio"]:checked + label:before,
.circle [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #00366375;
    border-radius: 100%;
    background: #fff;
}
.circle [type="radio"]:checked + label:after,
.circle [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #003663;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.circle [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.circle [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.payment-card {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.payment .payment-card:last-child {
    margin-bottom: 0;
    border: none;
    padding: 0;
}
.payment-card label {
    font-weight: 700;
    color: #003663 !important;
}
.profile .card-header .add-card-btn {
    border: 2px solid #fff;
    font-size: 14px;
    padding: 6px 10px;
    margin-top: -4px;
    color: #fff;
    border-radius: 6px;
}
.profile .card-header .add-card-btn:hover {
    background: #0079bf;
    border-color: #0079bf;
}
.card-modal.in {
    align-items: center;
    display: flex !important;
}
.experts-filter .job-filter-search {
    padding: 0;
    width: 15%;
    background: none;
}

.experts-filter .job-filter-search input {
    margin: 0;
    padding: 18px !important;
    background: #005490;
}

.experts-filter .job-filter-search .search {
    width: 100%;
}

.experts-filter .job-filter-search i {
    top: 5px;
}
.m-l-20 {
    margin-left: 20px !important;
}
.job-right {
    display: flex;
    align-items: center;
}
.fillter-radio .fillter-edit-option, .fillter-radio
 .fillter-delete-option {
    display: none;
    position: absolute;
    background: #f6f6f6;
    top: 0;
}
a.fillter-delete-option {
    padding: 0 5px;
    right: 0;
}
a.fillter-edit-option {
    right: 21px;
    padding: 0 5px;
}
.fillter-radio:hover .fillter-edit-option, .fillter-radio:hover .fillter-delete-option {
    display: block;
}
.profile .card-header .view-data {
    float: right;
    color: #fff;
}
.m-b-0 {
    margin-bottom: 0 !important;
}
.user-box-header.expert-title {
    height: 130px;
    background: #183a5f;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}
.user-row-groups .user-box {
    width: 16%;
}

.dropzone .dz-message * {
    font-size: 14px;
    padding: 5px;
}

.dropzone .dz-message {
    text-align: center;
    margin: 0 !important;
    float: left;
    width: 100%;
    height: 100%;
    padding: 20px 0;
}

.dropzone {
    min-height: 150px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.3);
    border-image: initial;
    background: white;
    padding: 20px;
    cursor: pointer;
}
.resources-search {
    width: 50% !important;
}

.search_mp{
    cursor: pointer;
}
.fillter-radio .radio-custom-2 {
    left: 0;
    height: 20px;
    width: 20px;
    margin: 0;
    z-index: 1;
    display: none;
}
.radio-custom-2-label {
    position: relative;
    text-align: left;
    padding-left: 30px;
    line-height: 18px;
}
.radio-custom-2, .radio-custom-2-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.radio-custom-2:checked + .radio-custom-2-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #0079bf;
    font-size: 12px;
    line-height: 12px;
}
.radio-custom-2 + .radio-custom-2-label:before {
    position: absolute;
    left: 0px;
}
.radio-custom-2 + .radio-custom-2-label:before {
    content: '';
    background: #fff;
    border: 2px solid #0079bf;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.menu-text-filter span {
    text-transform: lowercase;
}
.address-box {
    display: flex;
    align-items: center;
}

.address-box h3 {
    margin-right: 10px;
}
.fillter-option {
    width: 15%;
    border-radius: 5px;
    margin: 0 7px;
    background: #183a5f;
    min-width: 200px;
}
.fillter-option button {
    margin: 0 !important;
    background-color: #fff !important;
}
.fillter-option span.bs-caret {
    display: none;
}
.fillter-option .selectSearch {
    background: #ffffff;
    border-radius: 5px;
}
.fillter-option .bootstrap-select>.dropdown-toggle.bs-placeholder {
    background: #fff !important;
}
.fillter-option
.dropdown-menu.open {
    left: 0;
    width: 100%;
}
.fillter-option
 .inner.open {
    max-height: 250px !important;
    overflow-x: hidden !important;
}
.fillter-option ul.dropdown-menu li a.active {
    color: #fff;
}
.biography {
    display: block !important;
}
.biography span.relevant-stats-head {
    float: left;
}
.biography span.relevant-stats-head:nth-child(1), .biography span.banchmark-select:nth-child(1) {
    width: 50%;
}
.biography span.relevant-stats-head:nth-child(2), .biography span.banchmark-select:nth-child(2), .biography span.relevant-stats-head:nth-child(3), .biography span.banchmark-select:nth-child(3) {
    width: 25%;
}
.biography span.banchmark-select {
    float: left;
}
.revenue-user-table h5 {
    width: 30%;
}
/*.date-from, .date-to {
    color:  #fff !important;
    margin: 0 10px 0 0;
}*/
/*.date-from-input input, .date-to-input input{
    margin: 0 !important;
}*/
.experts-filter ul li a.active, .experts-filter ul li a.active:hover {
    background: #ffd13e;
    color: #183a5e !important;
    border-color: #ffd13e !important;
    font-weight: 700;
}
.experts-filter ul li a:hover {
    background: #005490;
    color: #fff;
}
.profile-complete h3 {
    margin-top: 0;
    font-size: 17px;
}

.profile-progressbar {
    width: 100%;
    height: 10px;
    background: #eee;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}

.profile-progressbar:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 10px;
    background-image: linear-gradient(to right, #662c91,#5fb7ce,#215490);
    border-radius: 50px;
}
.main-event {
    max-height: 469px;
    overflow-y: auto;
}

.main-event .job-box:nth-child(1) {
    margin-top: 0;
}

.main-event .job-box:last-child {
    margin-bottom: 0;
}
.main-event::-webkit-scrollbar, .main-jobs::-webkit-scrollbar{
    height: 8px;
    border-radius: 20px;
    width: 10px
}
.main-event::-webkit-scrollbar-thumb, .main-jobs::-webkit-scrollbar-thumb {
    background: #00659e;
    border-radius: 20px;
}
.main-event::-webkit-scrollbar-track, .main-jobs::-webkit-scrollbar-track{
    border-radius: 20px;
    background: #f1f1f1;
    width: 10px
}
.main-event::-webkit-scrollbar-thumb:hover, .main-jobs::-webkit-scrollbar-thumb:hover{
    background: #ffd13e;
    border-radius: 20px;
}
.edit-rank {
    width: 50% !important;
}
.experts-user-image {
    min-height: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #efefef;
}
.subscription_data .month_filter {
    width: 10% !important;
    margin: 0;
    position: absolute;
    right: 10px;
}
.subscription_data div.dataTables_wrapper div.dataTables_filter label {
    padding-right: 22%;
}
.w-10 {
    min-width: 10% !important;
}
.max-w-10 {
    max-width: 10% !important;
}
.max-w-12 {
    max-width: 12% !important;
}
.max-w-13 {
    max-width: 13% !important;
}
.max-w-15 {
    max-width: 15% !important;
}
.w-20 {
    min-width: 20% !important;
}
.max-w-20 {
    max-width: 20% !important;
}
.max-w-25 {
    max-width: 25% !important;
}
.w-30 {
    min-width: 30% !important;
}
.max-w-30 {
    max-width: 30% !important;
}
.w-35 {
    min-width: 35% !important;
}
.w-40 {
    min-width: 40% !important;
}
.w-50 {
    min-width: 50% !important;
}
.w-60 {
    min-width: 60% !important;
}
.w-70 {
    min-width: 70% !important;
}
.w-80 {
    min-width: 80% !important;
}
.w-90 {
    min-width: 90% !important;
}
.w-100 {
    min-width: 100% !important;
}
.w-7-5 {
    min-width: 7.5% !important;
}
.w-15 {
    min-width: 15% !important;
}
.w-25 {
    min-width: 25% !important;
}
.w-75 {
    min-width: 75% !important;
}
.w-85 {
    min-width: 85% !important;
}
.w-17 {
    min-width: 17% !important;
}
.max-w-5 {
    max-width: 5% !important;
}
.max-w-100p {
    max-width: 100px !important;
}
.max-w-200p {
    max-width: 200px !important;
}
.w-150p {
    min-width: 150px !important;
}
.w-175p {
    min-width: 175px !important;
}
.w-200p {
    min-width: 200px !important;
}
.banchmark-select .file.btn {
    padding: 0;
}
.empty {
    background: #fff !important;
}
.notes-scroll{
    max-height: 300px;
    overflow-y: scroll;
}
.notification-user-search {
    background: #f0f2f4;
    /* border: 1px solid #999; */
    padding: 0;
    color: #999;
    width: 100%;
    margin-bottom: 5px;
    height: auto;
    overflow: auto;
}

.notification-user-search .search {
    margin: 0;
}

.notification-user-search .search input {
    margin: 0;
    border: none;
    color: #999 !important;
}

.notification-user-search .search i {
    color: #999;
}

.notification-user-search .search input::placeholder {
    color: #999;
}
.message-user-view {
    background: #f0f2f4;
    border: 1px solid #ccc;
    color: #999;
    width: 100%;
    margin-bottom: 5px;
    float: left;
    position: relative;
    cursor: pointer;
    min-height: 117px;
}

.message-user-view:hover {
    background-image: linear-gradient(to right, #007bdf , #004f90);
    border-color: #108cf1;
}
.message-user-view.active {
    background-image: linear-gradient(to right, #007bdf , #004f90);
    border-color: #108cf1;
    cursor: default;
}
.message-user {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.message-user-profile {
    width: 20%;
    max-width: 73px;
    max-height: 73px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 10px;
    display: flex;
    justify-content: center;
}

.message-user-profile img {
    height: 100%;
    background-color: #fff;
}

.message-user-detail {
    width: 70%;
    padding-top: 10px;
}

.message-user-seen {
    width: 100%;
    text-align: right;
}

.message-user-seen p {
    margin: 0;
    color: #999;
}

.message-user-detail h2 {
    font-size: 20px;
    margin: 0;
    color: #464646;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.message-user-view-user {
    display: flex;
    /*align-items: center;*/
    padding: 15px 15px 0;
}
.message-user-view-message {
    float: left;
    width: 100%;
    padding: 0 15px 15px;
    /* margin-top: -30px; */
    width: 79%;
    float: right;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    right: 0;
}
.message-user-info i {
    padding: 0;
    /*color: #f0ad4e;*/
    color: #aaaaaa;
    /*font-size: 10px;*/
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.message-user-info {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 2px solid #f0ad4e;*/
    /* border-radius: 50px; */
    background: none;
    cursor: pointer;
    float: right;
    /*margin-top: 15px;*/
    margin-top: 18px;
}
.message-user-detail h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #108cf1;
}
.message-user-view:hover .message-user-detail h5, .message-user-view:hover .message-user-detail h2,
.message-user-view:hover .message-user-seen p, .message-user-view:hover .user-message-view p,
.message-user-view:hover .user-remove i {
    color: #ffffff;
}
.message-user-view.active .message-user-detail h5, .message-user-view.active .message-user-detail h2,
.message-user-view.active .message-user-seen p, .message-user-view.active .user-message-view p,
.message-user-view.active .user-remove i {
    color: #ffffff;
}
.user-message-view p {
    margin: 0;
    color: #999;
    display: inline;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.user-message-view {
    margin-top: 10px;
}
.user-remove {
    float: right;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 50px;
}

.user-remove i {
    color: #999;
    font-size: 10px;
    line-height: 7px;
    letter-spacing: -1px;
}
a.message-user-view:hover .user-remove {
    border-color: #fff;
}
a.message-user-view.active .user-remove {
    border-color: #fff;
}
.message-list-user {
    max-height: 867px;
    overflow-x: auto;
}
.message-list-user::-webkit-scrollbar{
    border-radius: 50px;
    width: 5px;
}
.message-list-user::-webkit-scrollbar-thumb {
    background: #00659e;
    border-radius: 50px;
}
.message-list-user::-webkit-scrollbar-track {
    border-radius: 50px;
    background: #f1f1f1;
}
.message-list-user::-webkit-scrollbar-thumb:hover {
    background: #ffd13e;
}
.chat-box {
    border: 1px solid #ededed;
}

.chat-box-header {
    padding: 15px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
}

.chat-box-body {
    padding: 15px;
    border-bottom: 1px solid #ededed;
    height: 734px;
    overflow-y: auto;
}

.chat-box-footer {
    padding: 15px;
}
.chat-header-profile {
    width: 11%;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    max-width: 67px !important;
    max-height: 67px !important;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 15px;
}

.chat-header-profile img {
    height: 67px;
    /*width: 67px;*/
}
.chat-header-detail {
    width: 100%;
}

.chat-header-detail h2 {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.chat-header-detail h5 {
    margin: 0;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #108cf1;
}
.chat-header-seen {
    width: 15%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.chat-header-seen p {
    margin: 0;
    line-height: 14px;
    text-transform: capitalize;
    color: #f92828;
}
.chat-header-seen.online span {
    background: #22d956;
}
.chat-header-seen.online p {
    color: #22d956;
}
.chat-header-seen.grouphide span {
    background: #fff;
}
.chat-header-seen span {
    height: 5px;
    width: 5px;
    background: #f92828;
    content: "\A";
    padding: 4px;
    float: left;
    border-radius: 50px;
    margin-right: 5px;
}
.chat-header-detail p {
    margin: 0;
    line-height: 15px;
    margin-top: 5px;
    color: #999;
}
.chat-message-box {
    display: flex;
    align-items: flex-end;
}

.message-input {
    padding: 0;
    background: none;
    resize: none;
    line-height: 23px;
    font-size: 15px;
    margin: 0 !important;
    width: 100%;
    min-height: 30px;
    margin-right: 15px !important;
    border: none;
    color: #999;
}
.message-input:focus {
    background: #fff;
    border: none;
    box-shadow: none;
}
.message-input::-webkit-scrollbar{
    border-radius: 50px;
    width: 3px;
}
.message-input::-webkit-scrollbar-thumb {
    background: #00659e;
    border-radius: 50px;
}
.message-input::-webkit-scrollbar-track {
    border-radius: 50px;
    background: #f1f1f1;
}
.message-input::-webkit-scrollbar-thumb:hover {
    background: #ffd13e;
}
.message-send-btn {
    height: 46px;
    width: 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
    color: #999;
    justify-content: center;
    background: none;
    border: none;
}
.message-send-btn:hover {
    color: #003b6c;
}
.chat-send-file {
    display: flex;
    align-items: center;
}

a.message-file-btn {
    font-size: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    color: #999;
}

a.message-file-btn:hover {
    color: #003663;
}
.chat-box-body::-webkit-scrollbar{
    border-radius: 50px;
    width: 5px;
}
.chat-box-body::-webkit-scrollbar-thumb {
    background: #00659e;
    border-radius: 50px;
}
.chat-box-body::-webkit-scrollbar-track {
    border-radius: 50px;
    background: #f1f1f1;
}
.chat-box-body::-webkit-scrollbar-thumb:hover {
    background: #ffd13e;
}
.chat-receive-box {
    display: flex;
    width: 80%;
    margin-bottom: 20px;
    position: relative;
}

.chat-receive-image {
    width: 7%;
    max-height: 40px;
    max-width: 40px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 15px;
    display: flex;
    justify-content: center;
}

.chat-receive-image img {
    height: 100%;
}
.memberActive:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    background: #00CE00;
    top: 27px;
    left: 27px;
    border-radius: 50px;
    border: 2px solid #fff;
}
.chat-receive-body {
    width: 100%;
}

.chat-receive-body h3 {
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}

.chat-receive-body p {
    padding: 10px;
    background: #f0f2f4;
    border-radius: 5px;
    word-break: break-all;
}

.chat-receive-body h6 {
    margin: 0;
    text-align: right;
}
.chat-receive-message {
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    min-width: 25%;
    position: relative;
}
.chat-send-box {
    display: flex;
    width: 90%;
    float: right;
    margin-bottom: 20px;
}
.chat-send-body {
    width: 100%;
    float: right;
}
.chat-send-body p {
    padding: 10px;
    background: #f0f2f4;
    border-radius: 5px;
    word-break: break-all;
}

.chat-send-body h6 {
    margin: 0;
    text-align: right;
    display: flex;
}
.chat-send-message {
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    min-width: 20%;
    float: right;
}
.chat-receive-message .new {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: bounce 500ms linear both;
    animation: bounce 500ms linear both;
    position: relative;
    background: #f0f2f4;
    padding: 15px 20px 10px;
    border-radius: 5px;
    width: 45px;
}
.chat-receive-message .loading::before {
    position: relative;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
            animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
    border: none;
    -webkit-animation-delay: .15s;
            animation-delay: .15s;
}
.chat-receive-message .loading span {
    display: block;
    font-size: 0;
    width: 20px;
    height: 10px;
    position: relative;
}
.chat-receive-message .loading span::before {
    position: relative;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
            animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
    margin-left: -7px;
}
.chat-receive-message .loading span::after {
    position: relative;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
            animation: ball 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
    margin-left: 7px;
    -webkit-animation-delay: .3s;
            animation-delay: .3s;
}
@-webkit-keyframes bounce {
    0% {
      -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7% {
      -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41% {
      -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11% {
      -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72% {
      -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32% {
      -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93% {
      -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54% {
      -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04% {
      -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15% {
      -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26% {
      -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100% {
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
@keyframes bounce {
    0% {
      -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7% {
      -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41% {
      -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11% {
      -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72% {
      -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32% {
      -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93% {
      -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54% {
      -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04% {
      -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15% {
      -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26% {
      -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49% {
      -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100% {
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
@-webkit-keyframes ball {
    from {
      -webkit-transform: translateY(0) scaleY(0.8);
              transform: translateY(0) scaleY(0.8);
    }
    to {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
}
@keyframes ball {
    from {
      -webkit-transform: translateY(0) scaleY(0.8);
              transform: translateY(0) scaleY(0.8);
    }
    to {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
}
.i-active{
    color: #247de3;
}
.notification-btn {
    background-color: #247de3 !important;
    border: 1px solid #247de3!important;
    padding: 8px;
    width: 100%;
    border-radius: 3px;
    margin-right: 20px !important;
    float: left;
    color: #fff;
    font-weight: 600;
}

.notification-btn:hover {
    background-color: #ffd13e !important;
    border: 1px solid #ffd13e !important;
}
.user-box-body .approved-profile {
    width: 15%;
    position: absolute;
    z-index: 1;
    right: 15%;
    top: 20px;
}
.user-members-table button {
    float: right;
    margin-right: 5px;
}

.user-members-table .dataTables_filter {
    width: 42%;
    margin-top: -34px;
}
.user-for-sponsors-table .dataTables_filter {
    width: 100%;
    padding-right: 336px !important;
}
.headdingSpace{
    margin-bottom: 20px;
    padding: 5px;
}
.page-header-title h1.name {
    width: 100%;
}
.templateImage{
    width: 100% !important;
    height: auto !important;
}
.templateView{
    max-height: 400px;
    overflow-y: auto;
}
button.user-remove.user-info {
    border-color: #f0ad4e !important;
    background: none;
}

button.user-remove.user-info i {
    color: #f0ad4e !important;
}
.start-conversation-modal .dropdown-menu.open {
    max-height: 200px !important;
}
.btn-start-conversation {
    margin-bottom: 5px !important;
    display:  flex;
    justify-content:  center;
    align-items: center;
}

.btn-start-conversation i {
    margin-right: 10px;
    font-size: 25px;
}
.fillter-option-dropdown {
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.notification:hover, .notification:focus {
    color: #ffd13e;
}

.notification:hover span, .notification:focus span {
    background: #fff;
}
.mail-notification ul {
    margin-right: 20px;
}
.experts-filter-options {
    display: flex;
    justify-content: center;
    align-items: center;
}
.message-user-info-view {
    float: left;
    width: 100%;
}

.message-user-info-view ul {
    padding: 0 10px;
    margin: 0;
}

.message-user-info-view ul li {
    list-style: none;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.message-user-info-view ul li:last-child {
    margin: 0;
    border: none;
}

.message-user-info-view ul li:first-child {
    background: #183a5f;
    padding: 10px;
    color: #fff;
    font-weight: 800;
}
.modal-filter {
    float: left;
    width: 100%;
}
.mail-notification li {
    margin-bottom: 5px;
}

.mail-notification li:last-child {
    margin: 0;
}
.mail-notification li.see-all-btn {
    width: 100%;
}
.mail-notification li.see-all-btn a:hover {
    background: #ffd13e;
    font-weight: 700;
}
.mail-notification li.see-all-btn a {
    background: #215490;
    color: #fff;
    font-weight: 700;
}
.no-conversation {
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
}
.expert-title-text {
    margin: 0;
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    line-height: 32px;
}
.uploadfiles{
    margin-top: 20px;
}
.selectMargin{
    margin-top: 8px;
}
.cst-text-left {
    text-align: left !important;
}
.table-dropdowm {
    float: right;
    right: 275px;
}

.table-dropdowm-box .dataTables_wrapper {
    float: left;
    margin-top: -37px;
    width: 100%;
}
.table-dropdowm-box .dataTables_wrapper table {
    width: 100% !important;
}
.filter-card .job-filter-search {
    background: none;
    margin-top: -65px;
    padding: 10px 20px;
}

.filter-card  h5.card-header {
    padding: 25px 15px;
}
.add-job-btn {
    position: absolute !important;
    right: 0;bottom: 11px;
}

.add-job-btn a {
    float: right;
    padding: 0 !important;
}
.job-company-logo{
    width: 20% !important;
}
.p-relative {
    position:  relative;
}

.table-checkbox-label {
    margin-top: -18px;
}
.table-checkbox {
    left: 0;
    width: 20px;
    height: 20px;
    margin: 0 !important;
}
.text-center {
    text-align: center !important;
}
.jobs-sidebar-body {
    max-height: 725px !important;
    overflow: auto;
}
.jobs-sidebar-body::-webkit-scrollbar{
    height: 8px;
    width: 8px;
    border-radius: 20px;
}
.jobs-sidebar-body::-webkit-scrollbar-thumb {
    background: #8dc63f;
    border-radius: 20px;
}
.jobs-sidebar-body::-webkit-scrollbar-track {
    border-radius: 20px;
    background: #f1f1f1;
}
.jobs-sidebar-body::-webkit-scrollbar-thumb:hover {
    background: #00659e;
    border-radius: 20px;
}
.job-fillter-search input::placeholder {
    color: #999;
}
.pending-recuiter button {
    background: #f8ca4e!important;
    border-color: #f8ca4e!important;
}
.jobs-company-img {
    max-height: 58px;
    text-align: center;
    margin: 0 0 15px;
}

.jobs-company-img img {
    height: 58px;
    width: inherit;
}
.main-jobs {
    max-height: 440px;
    overflow-y: auto;
}
.jobs-detail-company-img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
}

.jobs-detail-company-img img {
    object-fit: contain;
    height: 120px;
}
.jobs-detail-profile-img {
    max-height: 267px;
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 20px;
    width:100%;
}

.jobs-detail-profile-img img {
    width: 100%;
}
.chat-radio {
    position: relative;
}

.chat-delete-option {
    position: absolute;
    right: -5px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    border-radius: 50px;
    top: -5px;
    font-size: 14px;
    display: none;
}

.chat-radio:hover .chat-delete-option {
    display: flex;
}
.delete-conversation-icon {
    font-size: 20px;
}
.comp-tab {
    display: flex;
    align-items: center;
}

.comp-tab .name {
    border-bottom: 2px solid #183a5f;
    line-height: 31px;
}
.comp-tab a button {
    margin: 0 15px;
}

.comp-tab a:first-child button {
    margin: 0;
}
.comp-tab a:last-child button {
    margin: 0;
}
.comp-tab h1:nth-child(2) {
    margin-left: 15px;
    margin-right: 15px;
}
.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #194278;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.content {
    position: relative;
}
.loader-box {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000050;
}
.message-date {
    display:  none;
}

.message-view {
    display:  flex;
    flex-direction: row-reverse;
}

.message-view:hover .message-date {
    display:  block;
    margin-right: 3px;
}

.datatable-filters-left .row:first-of-type .col-sm-6:first-of-type{
    width: 200px;
}

.datatable-filters-left .table-dropdowm{
    float: left;
    left: 52%;
}
.datatable-filters-left #documentData_filter{
    float: left !important;
}
.stepwizard-step{
    pointer-events: none;
}
.admin-jos-table .dataTables_filter {
    padding-right: 17%;
}
.admin-sponsor-jos-table .dataTables_filter {
    padding-right: 36%;
}
.dropzone .dz-preview .dz-error-message:after {
    bottom: -6px;
    top: unset !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #be2626;
    border-bottom: none !important;
}
.dropzone .dz-preview .dz-error-message {
    top: 0 !important;
}
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset.rating , .rating label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating {
  border: none;
  float: left;
}

.rating > input { display: none; }
.rating > label:before {
  margin-right: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
 float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

.rating-show:not(:checked) > label:hover, /* hover current star */
.rating-show:not(:checked) > label:hover ~ label { color: #ddd;  } /* hover previous stars in list */

.rating-show > input:checked + label:hover, /* hover current star when changing rating */
.rating-show > input:checked ~ label:hover,
.rating-show > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating-show > input:checked ~ label:hover ~ label { color: #FFD700;  }

.star-rating {
    position: relative;
}

.rating-input {
    position: absolute;
    right: 20px;
    top: 5px;
}
.rating-show-detail {
    background: #fff;
    padding: 15px;
    position: absolute;
    width: 200%;
    top: 100%;
    right: -5px;
    /* box-shadow: 0 0 5px #ccc; */
    border-radius: 5px;
    display: none;
    border: 1px solid #003663;
    z-index: 1;
}
.rating-show.active + .rating-show-detail {
    display: block;
}
.rating-show-detail::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #003663;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    /* box-shadow: 0 0 5px #ccc; */
}
.rating-detail {
    font-size: 14px;
    font-weight: 700;
    float: left;
    width: 100%;
}

.rating-detail .rating > label:before {
    margin: 0 3px;
    font-size: 12px;
    line-height: 22px;
}

.rating-detail .rating-show {
    margin-right: 5px;
}
.member-rating {
    float: left;
    width: 100%;
    margin: 5px 0;
    font-weight: 600;
    color: #555;
}
.rating-info {
    font-size: 14px;
    line-height: 25px;
    color: #003663;
}

.rating-info .row {
    display: flex !important;
    align-items: center;
    width: 100%;
}
.rating-modal-title {
    margin: 10px 0 5px;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.member-rating-input {
    display: flex;
    justify-content: center;
}
.profile-template-documents-name b {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 100%;
}
.search-message {
    position: relative;
    padding: 20px;
}
.search-message input {
    border-radius: 50px;
    margin: 0;
}
.search-message-btn {
    position: absolute;
    float: left;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    top: 25px;
    right: 60px;
    background: #eee;
    border: none;
    border-radius: 50px;
}
.search-message .search-message-btn:nth-child(2) {
    right: 30px;
}
.search-message-btn:hover {
    background: #183a5f;
    color: #fff;
}
.tooltip-parent {
    position: relative;
}
.tooltip-child {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background: #eee;
    width: 100%;
    padding: 10px;
}
.tooltip-parent:hover .tooltip-child {
    display: block;
}
.tooltip-parent:hover {
    overflow: inherit;
}
.tooltip-parent:hover b {
    /*display: none;*/
}
.member-rating-input label:before {
    font-size: 20px;
}
.document-view {
    min-height: 340px !important;
}
.add-row h4 {
    margin: 0;
    line-height: 34px;
}
.document-image {
    width: 50% !important;
    height: 100% !important;
    border: none !important;
}
.document-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.document-link {
    /* width: 100% !important; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-resume {
    position: relative;
    float: left;
    width: 100%;
}
.upload-resume:hover .remove-resume {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    background: #ddd;
    border-radius: 3px;
    z-index: 9999;
    overflow: hidden;
}
.remove-resume {
    display: none;
}
.company-view span.relevant-stats-head {
    background: #003663d4 !important;
}
.company-view span.banchmark-select {
    font-weight: 600;
}
.badge {
    font-size: 13px;
    position: absolute;
    left: 5%;
    background: #f92828;
    min-height: 20px;
    min-width: 20px;
}
.privacy-policy span.banchmark-select:nth-child(1) {
    max-width: 20% !important;
    display:  flex;
    font-weight:  600;
}
.menu .secondary-menu ul li a.waves-effect {
    /* background: #85a4d1 !important; */
    /* display: block !important; */
    padding: 10px 14px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    min-height: 52px;
    min-width: 130px !important;
    /* line-break: unset !important; */
    margin: 0 !important;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 4px 0px #000;
}

.menu .secondary {
    height: 64%;
}
.menu .secondary-menu ul li a.waves-effect button {
    background: none;
    border: none;
    color: #fff;
    margin-top: 5px;
    width: 100%;
}

.menu .secondary-menu ul li a.waves-effect button:hover {
    color: #ffd13e;
}
.secondary-menu ul li.active a i::after, .secondary-menu ul li a:hover i::after {
    border-top: 50px solid #ffd13e !important;
}

.secondary-menu ul li a i::after {
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 50px solid #004279;
    width: 100%;
}
.secondary-menu ul li a i img {
    width: 17%;
    margin-top: 7px;
}
.menu .profile-sub-menu ul li a.waves-effect {
    background: #183a5f !important;
    color: #fff !important;
}
h6.Company-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;
}

h6.user-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page-header-title  .row {
    width: 100%;
}
.page-header-title button {
    margin: 10px 0;
}
.star-ratings-span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    width: 100%;
}
.star-ratings {
    display: flex;
    width: 100%;
}
.expert-area {
    max-height: inherit;
    padding-bottom: 0;
}
.area-expert h5 {
    background: #85a4d1;
    text-overflow: unset;
    white-space: inherit;
    overflow: hidden;
    line-height: 22px;
    padding: 9px 20px;
}

.area-expert {
    margin: 0;
}

.area-expert ul {
    margin: 0;
    padding: 0;
}

.area-expert ul li {
    list-style: none;
    background: #85a4d1;
    color: #183a5f;
    padding: 5px;
    font-size: 15px;
    border-bottom: 1px solid #183a5f;
    font-weight: 800;
}

.user-row .user-experties-head {
    background: #85a4d1;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin-top: -10px;
}
.user-row .user-experties-head h3 {
    font-weight: bold;
    line-height: 20px !important;
}
.user-row.expert-area-list .user-box {
    background: #85a4d1;
}
.dashboard-summary-counts{
    display: inline-flex;
    width: 100%;
    float: left;
}
.dashboard-summary-counts .dashboard-card-box{
    display: inline-flex;
    float: left;
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: inherit !important;
}
.dashboard-summary-counts .dashboard-card-box a, .dashboard-summary-counts .dashboard-card-box .dashboard-card{
    width: 100%;
}
.tab-content{
    /*height: 350px;*/
    /*background: green;*/
    padding: 2%;
}
.post-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid #000;
}

.post-right {
    width: 30%;
    height: 200px;
}

.post-left {
    width: 100%;
    padding-right: 20px;
}

.post-left .post-doc img{
    width:auto;
}
.post-left .post-doc{
    border: 1px solid #183a5f!important;
}

.post-title {
    color: #2c659e;
    font-weight: 700;
}

.post-title-2 {
    font-weight: 700;
    border-bottom: 3px solid #cccccc;
}

.post-date {
    color: #2c659e;
    font-size: 13px;
}

.post-left p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.post-item {}

.post-right img {
    /*width: 100%;*/
    /*height: 146px;*/
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    top:7px !important;
}
.iframe-page{
    width: 100%;
    height: 750px;
}
.preview-a{
    color: #000 !important;
}
.review-box {
    display: flex;
    margin-bottom: 20px;
}

.review-image-user {
    width: 68px;
    height: 60px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    overflow: hidden;
    border-radius: 50px;
}

.review-image-user img {
    /* height: 100%; */
}

.review-contain {
    width: 100%;
    margin-left: 20px;
    text-align: left;
    font-size: 14px;
}

.review-star {
    display: flex;
    align-items: center;
    font-weight: 800;
    color: #999;
}

.review-user-info {
    margin: 6px 0;
    font-size: 16px;
    color: #183a5f;
    font-weight: 600;
}

.recommend-yes {
    margin-bottom: 5px;
}

.recommend-yes i,.recommend-yes b {
    margin-right: 5px;
}

.help-full {
    float: left;
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.help-full ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

.help-full li {
    list-style: none;
    float: left;
}

.help-full li a {
    padding: 5px 15px;
    background: #eee;
    margin-right: 10px;
    border-radius: 4px;
    color: #000;
}

.help-full li a:hover {
    background: #337ab7;
    color: #fff;
}
#review-heading{
    text-align: left;
}
#table-memberReferences td:first-child{
    background-color: #247de3;
    text-align: center;
    border: 2px solid #FFF;
    color:#FFF;
}
#table-memberReferences .column_profile_details img{
    width: 100px;
    height: inherit;
}
.user-box.member-references-box .user-box-body {
    border-bottom: none !important;
}
.user-box.member-references-li-box .area-expert ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}
#preview-detail-page .post-item .diplay-img{
    width: 100% !important;
    height: auto;
}
.slider-button {
    position: absolute;
    width: 100%;
    top: 45%;
}

.contacts-list {
    position: relative;
    /*align-items: center;*/
}

.right-slide {
    float: right;
    margin-right: -15px;
}

.slider-button button {
    background: #fff;
    border: none;
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0px 0px 5px 0px #000;
}

.left-slide {
    float: left;
    margin-left: -15px;
}

.slider-button button i {
    font-size: 20px;
}

.slider-button button:hover {
    background: #183A5F;
    color: #fff;
}
#video_preview{
    width: 200px;
    align-content: center;
}
.info-form {}

/*.info-form .input-label {
    background: #247de3;
}*/

.info-form .input-label label.control-label {
    text-align: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.info-form .input-label .input-label-box {
    border-right: 3px solid #fff;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #247de3;
}
.info-form .input-label .input-label-box label.control-label {
    color:  #fff !important;
}

.info-form .input-label .input-label-box:last-child {
    border-right: 0;
}
/*
.info-form .input-field {
    background: #f8f8f8;
}*/

.info-form .input-field .form-group {
    margin: 0;
    width: 100%;
}

.info-form .input-field .input-field-box {
    border-right: 3px solid #fff;
    padding: 10px;
    display: flex;
    align-items: top;
    justify-content: center;
    background: #f8f8f8;
}

.info-form .input-field .form-group input {
    margin-bottom: 0;
}

.info-form .input-field .input-field-box:last-child {
    border-right: 0;
}

.cst-error{
    color: red;
    text-align:left;
    float:left;
    margin-left: 10px;
}
.has-error .file.btn{
  border: 1px solid #f62f37;
}
.has-error .fr-box{
  /*border: 1px solid #f62f37;*/
}
.has-error .fr-toolbar.fr-top, .has-error .fr-wrapper, .has-error .second-toolbar  {
    border-color: #f62f37 !important;
}

.has-error .form-control .btn.dropdown-toggle{
  border: 1px solid #f62f37;
}

/* Profile css */
#profile-progress{margin-top:10px;}
.profile-progress {
    float: left;
    width: 25%;
    position: relative;
}

.profile-progress h4 {
    margin-top: 0;
    color: #fff;
}
.basic-drop-down{
    /*background: #114C8E !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-top: 4px;*/
}
.intermediate-drop-down{
    /*background: #36C4BB !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-top: 4px;*/
}
.advanced-drop-down{
    /*background: #F49200 !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-top: 4px;*/
}
.expert-drop-down{
    /*background: #DC0000 !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-top: 4px;*/
}
.industry-drop-down{
    /*background: #7030A0 !important;
    color: #fff !important;
    font-weight: 600 !important;
    margin-top: 4px;*/
}
.basic-drop-down:hover:not(.opportunity-li), .dropdown-menu>.active>a.basic-drop-down {
    /*background: #114C8E !important;
    color: #fff !important;*/
}
.intermediate-drop-down:hover:not(.opportunity-li), .dropdown-menu>.active>a.intermediate-drop-down{
    /*background: #36C4BB !important;
    color: #fff !important;*/
}
.advanced-drop-down:hover:not(.opportunity-li), .dropdown-menu>.active>a.advanced-drop-down{
    /*background: #F49200 !important;
    color: #fff !important;*/
}
.expert-drop-down:hover:not(.opportunity-li), .dropdown-menu>.active>a.expert-drop-down{
    /*background: #DC0000 !important;
    color: #fff !important;*/
}
.industry-drop-down:hover:not(.opportunity-li), .dropdown-menu>.active>a.industry-drop-down{
    /*background: #7030A0 !important;
    color: #fff !important;*/
}

.selectSearch.basic-drop-down button {
    border: 2px solid #114C8E !important;
}
.selectSearch.intermediate-drop-down button {
    border: 2px solid #36C4BB !important;
}
.selectSearch.advanced-drop-down button {
    border: 2px solid #F49200 !important;
}
.selectSearch.expert-drop-down button {
    border: 2px solid #DC0000 !important;
}
.selectSearch.industry-drop-down button {
    border: 2px solid #7030A0 !important;
}

.selectSearch.basic-drop-down.open > .dropdown-toggle.btn-default {
    /*background: #114C8E !important;*/
    border-color: #114C8E !important;
    border: 2px solid #114C8E !important;
}
.selectSearch.intermediate-drop-down.open > .dropdown-toggle.btn-default {
    /*background: #36C4BB !important;*/
    border-color: #36C4BB !important;
    border: 2px solid #36C4BB !important;
}
.selectSearch.advanced-drop-down.open > .dropdown-toggle.btn-default {
    /*background: #F49200 !important;*/
    border-color: #F49200 !important;
    border: 2px solid #F49200 !important;
}
.selectSearch.expert-drop-down.open > .dropdown-toggle.btn-default {
    /*background: #DC0000 !important;*/
    border-color: #DC0000 !important;
    border: 2px solid #DC0000 !important;
}

.selectSearch.industry-drop-down.open > .dropdown-toggle.btn-default {
    /*background: #7030A0 !important;*/
    border-color: #7030A0 !important;
    border: 2px solid #7030A0 !important;
}

.selectSearch.basic-drop-down button .caret {
    /*border-bottom-color: #fff !important;*/
    /*border-top-color: #fff !important;*/
}
.selectSearch.intermediate-drop-down button .caret {
    /*border-bottom-color: #fff !important;*/
    /*border-top-color: #fff !important;*/
}
.selectSearch.advanced-drop-down button .caret {
    /*border-bottom-color: #fff !important;*/
    /*border-top-color: #fff !important;*/
}
.selectSearch.expert-drop-down button .caret {
    /*border-bottom-color: #fff !important;*/
    /*border-top-color: #fff !important;*/
}

.selectSearch.industry-drop-down button .caret {
    /*border-bottom-color: #fff !important;*/
    /*border-top-color: #fff !important;*/
}

.selectSearch.basic-drop-down button .filter-option-inner-inner{
    color: #000 !important;
    font-weight: 600 !important;
}
.selectSearch.intermediate-drop-down button .filter-option-inner-inner{
    color: #000 !important;
    font-weight: 600 !important;
}
.selectSearch.advanced-drop-down button .filter-option-inner-inner{
    color: #000 !important;
    font-weight: 600 !important;
}
.selectSearch.expert-drop-down button .filter-option-inner-inner{
    color: #000 !important;
    font-weight: 600 !important;
}
.selectSearch.industry-drop-down button .filter-option-inner-inner{
    color: #000 !important;
    font-weight: 600 !important;
}

.selectSearch.basic-drop-down:hover {
    background: #fafafa !important;
}
.selectSearch.intermediate-drop-down:hover{
    background: #fafafa !important;
}
.selectSearch.advanced-drop-down:hover{
    background: #fafafa !important;
}
.selectSearch.expert-drop-down:hover{
    background: #fafafa !important;
}
.selectSearch.industry-drop-down:hover{
    background: #fafafa !important;
}

.legal-practice-area-box {
    border: 1px solid #111;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    float: left;
}
.legal-practice-area-modal.in {
    /*display: flex !important;
    align-items: center;
    justify-content: center;*/
}
.legal-practice-area-modal .modal-dialog{
    width: 90%;
    /*height: 600px;*/
    /*overflow: auto;*/
}
.basic-head{
    background: #114C8E !important;
    color: #fff !important;
}
.intermediate-head{
    background: #36C4BB !important;
    color: #fff !important;
}
.advanced-head{
    background: #F49200 !important;
    color: #fff !important;
}
.expert-head{
    background: #DC0000 !important;
    color: #fff !important;
}
.industry-head{
    background: #7030A0 !important;
    color: #fff !important;
}
.basic-p{
    color: #114C8E !important;
    text-align: left !important;
}
.intermediate-p{
    color: #36C4BB !important;
    text-align: left !important;
}
.advanced-p{
    color: #F49200 !important;
    text-align: left !important;
}
.expert-p{
    color: #DC0000 !important;
    text-align: left !important;
}
.industry-p{
    color: #7030A0 !important;
    text-align: left !important;
}

.legal-practice-modal-heading {
    text-align: left !important;
}
.legal-practice-area-box ul li {
    float: left;
    margin-right: 25px;
}
.message-user-profile-notification {
    width: 0%;
    max-width: 73px;
    max-height: 73px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 0px;
    display: flex;
    justify-content: center;
    margin-top: -10px;
}

.message-user-detail-notification {
    width: 90%;
    padding-top: 3;
}
.dropdown-menu-notification{
    min-width: 250px !important;
    padding: 0;
}
.message-user-view-message-notification {
    float: left;
    width: 100%;
    padding: 0 5px 0px 15px;
     margin-top: 0px;
    width: 100%;
    float: right;
    /*position: absolute;*/
    z-index: 1;
    bottom: -5px;
}
.h-notification {
    font-size: 17px;
    line-height: 20px;
    margin: 0px 0 0px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.message-user-view-notification {
    background: #f0f2f4;
    border: 1px solid #ccc;
    color: #999;
    width: 100%;
    /*margin-bottom: 5px;*/
    float: left;
    position: relative;
    cursor: pointer;
    min-height: 90px;
}
.message-user-view-notification:hover {
    background-image: linear-gradient(to right, #007bdf , #004f90);
    border-color: #108cf1;
    color: #fff;
}
.message-user-view-notification.active {
    background-image: linear-gradient(to right, #007bdf , #004f90);
    border-color: #108cf1;
    cursor: default;
    color: #fff;
}
.no-notification {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.message-user-profile-notification .badge {
    right:  5%;
    left:  inherit;
    top: 15px;
}
.message-user-view-notification:hover .message-user-detail-notification h2 {
    color: #fff !important;
}
.message-user-view-notification:hover .user-message-view p {
    color:  #fff !important;
}
.message-user-view-message-notification .message-user-seen.message-view {
    padding: 0 10px 10px 0;
}
.message-user-view-notification .message-user-view-user {
    padding-right:  20px;
}
.legal-practice-area-modal.in button.close {
    position: absolute;
    right: -10px;
    top: -10px;
    height:  30px;
    width:  30px;
    background: red;
    z-index: 9999999;
    opacity: 1;
    border-radius: 20px;
    color: #fff;
    text-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
}
.legal-practice-area-modal.in .modal-content {
    position: relative;
}
.dz-filename {
    margin-top: 40px !important;
}
.password-box {
    display: flex;
    align-items: center;
}
.remove-resume button {
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 0;
    z-index: 99;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    font-size: 16px;
}
.edit-resume-template {
    color: #183A62!important;
}
.deleteResume, .deleteProductDoc {
    color:  #f62f37!important;
}
.deleteResume:hover, .deleteProductDoc:hover {
    background: #f62f37!important;
    color:  #fff !important;
}
.edit-resume-template:hover {
    background: #183a5f !important;
    color: #fff !important;
}

.profile-strength-box {
    position: absolute;
    width: 100%;
    z-index: 99999;
    padding-top: 10px;
    display: none;
}

.profile-strength-box ul {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 3px 0px #000;
    width: 95%;
}

.profile-strength-box ul li {
    list-style: none;
    color: #003b6c;
    padding-left: 20px;
    margin: 10px;
    font-weight: 700;
    position: relative;
}

.profile-strength-box ul::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.profile-progress:hover .profile-strength-box {
    display: flex;
    justify-content: center;
}
.profile-strength-box ul li i {
    position: absolute;
    left: 0;
    top: 3px;
}
.profile-strength-box ul li.note {
    padding: 0;
}
.dashboard-group-user-counts .dashboard-card-header {
    font-size: 20px;
    line-height: 25px;
}

.dashboard-group-user-counts .dashboard-card-text {
    font-size: 30px;
}

.dashboard-group-user-counts .dashboard-card {
    padding: 10px 15px;
}

.events-modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.events-modal.in .modal-content {
    height: auto;
    overflow: hidden;
}

.events-modal.in .modal-dialog {
    width: 54%;
}

.events-modal.in .modal-content .job-box {
    background: #8fb852;
    margin: 0;
}
.connection-div .close {
    position: absolute;
    right: 10px;
}

.connection-div a:hover .close {
    color: #fff;
    opacity: 1;
}

.connection-div .dropdown-menu>li>a {
    padding: 10px 25px 10px 10px;
    text-transform: initial;
}
.connection-div .dropdown-menu>li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

.connection-div .dropdown-menu>li:last-child {
    border-bottom: none;
}

.connection-div .dropdown-menu>li>a b {
    text-transform: capitalize;
}
.card-body-company-overview{
    height:165px;
    overflow: auto;
}
.connection-image {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    overflow: hidden;
    float: left;
}

.connection-image img {
    width: 100%;
}

.connection-link {
    display: flex !important;
    align-items: center;
}

.connection-text {
    float: left;
    width: 80%;
    padding: 0 10px;
    white-space: break-spaces;
}
.connection-div ul.dropdown-menu {
    padding: 0;
    overflow: hidden;
    width: 350px;
}
.connection-div .dropdown-menu>li.notifications-title {
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    color: #183a5f;
}
.notifications-see-all {
    text-decoration: underline;
    font-size: 15px;
    font-weight: 600 !important;
}
.user-box.blank {
    border: none;
}
.btn-box .navbar a.drop-box {
    width: 100%;
}
a.send-message.disabled {
    cursor: not-allowed;
    pointer-events: unset !important;
 }
 a.send-message.disabled:hover {
    color: #fff;
}
.expert-radio-box, .expert-radio-box .checkbox.checkbox-primary {
    display: flex;
    align-items: center;
    justify-content: center;
}
.expert-radio-box .checkbox label::before {
    background: #183a5f !important;
    border-width: 2px;
    border-color: #fff !important;
    margin-left: 0 !important;
}

.expert-radio-box .checkbox label::after {
    background: #fff;
    margin-left: 0;
    height: 17px;
    width: 17px;
    border-radius: 3px;
    color: #183a5f !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.expert-radio-box .checkbox label {
    min-height: 17px;
    width: 17px;
}
.pending-btn {
    padding: 10px;
}
.notification-link {
    display: flex !important;
    align-items: center;
}
.portal-admin-notification-link {
    display: flex !important;
    align-items: center;
}
.login-payment {
    border: 2px solid #003663;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 20px -5px #003663;
}
.login-payment input[type="radio"] {
  display: none;
}
.login-payment input[type="radio"] + label:before {
  content: "\2714";
  border: 2px solid #003663;
  border-radius: 0.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  float: left;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
  font-weight: 600;
  margin-right: 10px;
  position: absolute;
  left: 0;
  margin-top: 2px;
  font-size: 9px;
}

.login-payment input[type="radio"] + label {
  margin: 0;
  cursor: pointer;
  padding: 0;
  font-weight: 400;
  text-align: left;
  padding-left: 25px;
  position: relative;
}

.login-payment input[type="radio"] + label:active:before {
  transform: scale(0);
}

.login-payment input[type="radio"]:checked + label:before {
  background-color: #003663;
  border-color: #003663;
  color: #fff;
}

.login-payment input[type="radio"]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.login-payment input[type="radio"]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

table.invoice {
  /* background: #fff; */
  width: 100%;
}
table.invoice table {
  width: 100%;
}
table.invoice .num {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 14px;
  line-height: 23px;
}
table.invoice tr,
table.invoice td {
  /* background: #fff; */
  text-align: left;
  font-weight: 400;
}
table.invoice tr.header td img {
  max-width: 300px;
}
table.invoice tr.header td h2 {
  text-align: right;
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
  font-size: 2rem;
  color: #1779ba;
}
table.invoice tr.intro td:nth-child(2) {
  text-align: right;
}
table.invoice tr.details > td {
  /* padding-top: 4rem; */
  padding-bottom: 0;
}
table.invoice tr.details td.id,
table.invoice tr.details td.qty,
table.invoice tr.details th.id,
table.invoice tr.details th.qty {
  text-align: center;
}
table.invoice tr.details td:last-child,
table.invoice tr.details th:last-child {
  text-align: right;
}
table.invoice tr.details table thead,
table.invoice tr.details table tbody {
  position: relative;
}
table.invoice tr.details table thead:after,
table.invoice tr.details table tbody:after {
  /* content: "";
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: -1px;
  background: #c8c3be; */
}
table.invoice tr.totals td {
  padding-top: 0;
}
table.invoice tr.totals table tr td {
  padding-top: 0;
  padding-bottom: 0;
}
table.invoice tr.totals table tr td:nth-child(1) {
  font-weight: 500;
}
table.invoice tr.totals table tr td:nth-child(2) {
  text-align: right;
  font-weight: 200;
}
table.invoice tr.totals table tr:nth-last-child(2) td {
  padding-bottom: 0.5em;
}
table.invoice tr.totals table tr:nth-last-child(2) td:last-child {
  position: relative;
}
table.invoice tr.totals table tr:nth-last-child(2) td:last-child:after {
  content: "";
  height: 4px;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: relative;
  right: 0;
  bottom: -0.575rem;
  display: block;
}
table.invoice tr.totals table tr.total td {
  font-size: 1.2em;
  padding-top: 0.5em;
  font-weight: 700;
}
table.invoice tr.totals table tr.total td:last-child {
  font-weight: 700;
}
.invoice-table {
  margin: 20px 0px;
}
table.invoice tr.details table thead tr,
table.invoice tr.details table tbody tr {
  border-bottom: 1px solid #666;
  line-height: 30px;
}
tr.totals table {
  margin-top: 10px !important;
}
.total-border {
  border-bottom: none !important;
}
.total-font {
  font-weight: bold !important;
}
.login-payment h4 {
    margin: 0;
    margin-bottom: 20px;
}
.resize-none{
    resize: none;
}




.all_resources_level {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.all_resources_level ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.all_resources_level ul li {
    list-style: none;
    margin-left: 10px;
}

.all_resources_sort {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.all_resources_sort ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 10px;
    background: #e6e6e6;
    border-radius: 2px;
    padding: 2px;
}

.all_resources_sort ul li {
    list-style: none;
    padding: 5px 10px;
    background: #183a5f;
    border-left: 2px solid #e6e6e6;
    border-radius: 2px;
}
.all_resources_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.resources_search {
    width: 19%;
    position: relative;
}
.all_resources_level h4, .all_resources_sort h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #4d4d4d;
}
.resources_level {
    padding: 5px 10px;
    background: #0398db;
    color: #ffffff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.resources_level.active, .resources_level:hover {
    background: #ffd13e;
    color: #ffffff;
}
.resources_sort a {
    padding: 0 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.all_resources_sort ul li:first-child {
    border: none;
}

.resources_sort:hover {
    color: #ffffff;
}

.all_resources_sort ul li.active, .all_resources_sort ul li:hover {
    background: #0398db;
}
.resources_search input {
    width: 100%;
    margin-bottom: 0 !important;
    border: 2px solid #183a5f;
    border-radius: 5px;
    padding: 4px 30px 4px 10px;
    font-size: 13px;
    line-height: 18px;
}

.resources_search i {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    border: 2px solid transparent;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #183a5f;
}

.resources_search_filter button {
    background: #183a5f;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-radius: 5px;
}

.resources_search_filter button.active, .resources_search_filter button:hover {
    background: #ffd13e;
}
.filter_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filter_info ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filter_info ul li {
    list-style: none;
    background: #e8e8e8;
    margin-left: 10px;
    border: 1px solid #ccc;
    position: relative;
    padding: 2px 10px;
    padding-right: 33px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #4d4d4d;
}

.filter_info h4 {
    margin: 0;
    font-size: 15px;
    color: #4d4d4d;
}

.filter_info h4 b {
    margin-right: 5px;
}

.filter_info ul li a, .filter_info ul li span.resources_sort {
    position: absolute;
    right: 0;
    width: 23px;
    height: 22px;
    padding: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4d4d4d;
    border-left: 1px solid #ccc;
}
/*.filter_info ul li:last-child {
    background: none;
    border: none;
    padding: 0;
}

.filter_info ul li:last-child a {
    position: inherit;
    width: auto;
    height: auto;
    border: none;
    border-bottom: 1px solid #4d4d4d;
}*/

.filter_info ul li a:hover, .filter_info ul li span.resources_sort:hover {
    background: #cccccc;
    color: #4d4d4d;
}

/*.filter_info ul li:last-child a:hover {
    background: none;
    color: #4d4d4d;
    font-weight: 700;
    border-bottom: 2px solid #4d4d4d;
}*/
.top_all_resources {
    align-items: center;
    display: flex;
}
.resources_box_card {
    background: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0 0 4px -1px #4d4d4d;
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: baseline;
}
.resources_download {
    border: none;
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    background: #01ba9a;
    height: 30px;
    width: 30px;
    color: #fff;
    border-radius: 0 3px 0 14px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resources_download:hover {
    background: #183a5f;
}
.resources_box {
    padding: 10px;
}
.resources_box_thum {
    width: 40%;
    height: 165px;
    background: #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 13px -7px black;
}

.resources_box_thum img {
    width: 100%;
    height: 128px;
    object-fit: contain;
    transform: scale(1.1);
}
.resources_box_content {
    width: 60%;
    padding-left: 10px;
    font-size: 13px;
}
.resources_name_rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

.resources_rating .rating-input {
    position: initial;
}

.resources_name_rating h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #183a5f;
    line-height: 30px;
    margin-bottom: 3px;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resources_by_date {
    margin-bottom: 5px;
}

.resources_by_date ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.resources_by_date ul li {
    list-style: none;
    font-weight: 600;
    padding: 0 5px;
    font-size: 13px;
    color: #4d4d4d;
    border-left: 2px solid #4d4d4d;
    line-height: 14px;
}

.resources_by_date ul li:first-child {
    border: none;
    padding-left: 0;
}

.resources_description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
}
.event_resources_description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
}

.resources_info ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.resources_info ul li {
    width: 50%;
    list-style: none;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 10px;
}

.resources_info ul li b {
    margin-right: 5px;
}

.resources_keywords {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}

.resources_keywords ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    width: 70%;
}

.resources_keywords ul li {
    margin-left: 5px;
    background: #dcdcdc;
    padding: 0 5px;
    font-size: 11px;
    line-height: 21px;
    border-radius: 3px;
    margin-bottom: 5px;
    font-weight: 700;
}
.resources_rating .rating > label:before {
    font-size: 15px;
    margin-right: 5px;
}
.resources_search_filter_options {
    position: absolute;
    width: 340px;
    max-height: 500px;
    right: 0;
    top: 40px;
    background: #f5f5f5;
    padding: 20px;
    box-shadow: 0 0 15px -2px #4d4d4d;
    z-index: 99999;
    border-radius: 5px;
    overflow-x: auto;
}

.resources_search_filter {
    position: relative;
}
.resources_sort:focus {
    color: #ffffff;
}
.resources_filter_accordion_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resources_filter_accordion_header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    color: #4d4d4d;
}

.resources_filter_accordion_header i {
    font-size: 25px;
    color: #ababab;
    transition: 1s;
}

.resources_filter_accordion_header.active i {
    color: #183a5f;
    transform: rotate(-180deg);
}
.resources_filter_listing {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 150px;
    overflow-x: auto;
    margin-bottom: 5px;
}

.resources_filter_listing::-webkit-scrollbar, .resources_search_filter_options::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
}
.resources_filter_listing::-webkit-scrollbar-thumb, .resources_search_filter_options::-webkit-scrollbar-thumb {
    background: #183a5f;
    border-radius: 20px;
}
.resources_filter_listing::-webkit-scrollbar-track, .resources_search_filter_options::-webkit-scrollbar-track {
    border-radius: 20px;
    background: #d0d0d0;
}
.resources_filter_listing::-webkit-scrollbar-thumb:hover, .resources_search_filter_options::-webkit-scrollbar-thumb:hover {
    background: #ffd13e;
    border-radius: 20px;
}

.resources_filter_item a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    color: #4d4d4d;
    font-weight: 600;
}
.resources_filter_accordion_header.active h3 {
    color: #183a5f;
}
.resources_filter_item {
    padding: 0 10px 0 20px;
    margin-bottom: 10px;
}

.resources_filter_item a span {
    margin-left: 10px;
}

.resources_filter_listing .resources_filter_item:first-child {
    padding-left: 10px;
}

.resources_filter_listing .resources_filter_item:last-child {
    margin: 0;
}
.resources_filter_accordion_body {
    margin-top: 5px;
}

.resources_filter_accordion {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.resources_search_filter_options .resources_filter_accordion:last-child {
    margin: 0;
    border: 0;
    padding: 0;
}
.resources_filter_multiple .checkbox label::before {
    border-width: 2px;
    border-color: #999999;
}

.resources_filter_multiple .resources_filter_item {
    padding: 0 10px !important;
}

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

.resources_filter_multiple label {
    font-weight: 600;
    color: #4d4d4d;
}

.resources_filter_multiple .checkbox-primary input[type=checkbox]:checked+label {
    color: #183a5f;
}

.resources_filter_multiple .checkbox label::before {
    margin-top: 2px;
}

.resources_filter_multiple .checkbox label::after {
    margin-top: 2px;
    height: 17px;
    width: 17px;
}
li.resources_filter_item.active a {
    color: #183a5f;
}
.resources_filter_accordion_header.active + .resources_filter_accordion_body {
    display: block !important;
}
.resources_filter_date {
    display: flex;
    align-items: center;
}

.resources_filter_date_spac {
    width: 20px;
    height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resources_filter_date_from, .resources_filter_date_to {
    width: 50%;
}

.resources_filter_date_from input, .resources_filter_date_to input {
    width: 100%;
    margin: 0 !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 10px;
}

.resources_filter_date_btn {
    margin-left: 10px;
    width: 30px !important;
    height: 30px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center !important;
    font-size: 20px !important;
}

.resources_filter_date_spac:before {
    content: " ";
    position: absolute;
    width: 8px;
    height: 2px;
    background: #4d4d4d;
}
.resources_level a {
    color: #fff;
}
.resources_detail_img img {
    height: 100%;
    min-width: auto !important;
}
.resources_detail_title:after {
    width: 100%;
}
.resources_detail_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.resources_detail_info ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
}

.resources_detail_info .resources_detail_rating {
    position: inherit;
}

.resources_detail_info .resources_detail_rating .rating > label:before {
    margin-right: 0 !important;
    margin-left: 5px;
    font-size: 15px;
}

.resources_detail_info ul li {
    color: #999;
    font-weight: 600;
    line-height: 16px;
    padding-left: 5px;
    border-left: 2px solid #999;
    margin-left: 5px;
}

.resources_detail_info ul li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
}
.resources_detail_keywords {
    display: flex;
}

.resources_detail_keywords ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

.resources_detail_keywords ul li {
    padding: 5px 7px;
    background: #ccc;
    border-radius: 5px;
    font-weight: 700;
    margin-left: 10px;
    font-size: 11px;
    color: #4d4d4d;
}

.resources_keywords_title {
    line-height: 27px;
    /*font-weight: 700;*/
    color: #4d4d4d;
}
.resources_view a {
    background: #005490;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 600;
}
.resource_info_box {
    color: #4d4d4d;
}

.resource_info_box b, .resource_info_box_speakers b {
    margin-right: 5px;
}
a.btn.btn-primary.mr-2.m-b-5.submit.tags-edit.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.resources_download:hover {
    color:  #fff;
}
.dropdown-menu.inner li a.disable-group{
    cursor: not-allowed;
    /*pointer-events: none;*/
}
.resources_box_content.w-100 .resources_name_rating h3 {
    width: 400px ;
}
.resources_box_content.w-100 {
    height: 165px;
}

.resources_name_rating.w-100 {
    margin-bottom: 5px;
    padding-right: 0;
    display: flex;
    align-items: flex-start;
}
.resources_download {
    /*bottom: 0;*/
    /*top: unset;*/
    border-radius: 14px 0 3px 0 !important;
}
.resources_box_thum {
    width: 30%;
    height: 128px;
}
.resources_box_content {
    width: 70%;
}
.resources_name_rating.w-100 h3 {
    width: 320px;
}
.resources_name_rating.w-100 .resources_rating {
    /*display: flex;
    align-items: center;*/
    width: 30%;
    text-align: right;
}
.resources_name_rating.w-100 .resources_rating .rating-input fieldset {
    float: right;
}
.resources_name_rating.w-100 .resources_rating a {
    margin: 0;
    margin-left: 5px;
    font-weight: 600;
    color: #4d4d4d;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
}
.resources_box_content.w-100 {
    height: 128px;
    padding: 0;
}
/*To avoid overflow when options have more text*/
.select-remove-overflow .dropdown-menu {
    right: 0 !important;
    left: unset;
}
.resources_name_rating.w-100 h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    white-space: normal;
    width: 100%;
    /*line-height: 23px;*/
    line-height: 25px;
}
.resource-rating-modal-title {
    margin: 10px 0;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
}
.video-container {
    height: 500px;
    max-width: 100%;
    overflow: hidden;
    /* padding-bottom: 56.25%; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-container a {
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
    -webkit-mask: url("../images/icons/play.svg") no-repeat 50% 50%;
    mask: url("../images/icons/play.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #fff;
    transition: 0.3s;
}
.video-container a:hover {
    background-color: #183a5f;
}
.video-container img {
display: block;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container img {
height: 100%;
left: 0;
/* position: absolute; */
top: 0;
width: 100%;
object-fit: contain;
}
.resources_btns {
    position: absolute;
    right: 0;
    bottom: 0;
}
.resources_video {
    background: #0398db;
}

.resources_video:hover {
    background: #183a5f;
}
.resources_btns_two .resources_video {
    padding-bottom: 10px;
    height: 40px;
    margin-bottom: -10px;
}

.event-tab-content.active {
    display: block !important;
}
.event-tab-content .resources_info ul li {
    width: 100%;
    color: #333;
}
.event-tab-contents .resources_info ul li {
    width: 50%;
    color: #333;
}
.event-tab-content .resources_description, .event-tab-contents .resources_description {
    color: #333;
}
.resources_detail .jobs-card .price-box {
    top: 5px;
}
.upload-resume {
    height: 155px;
    overflow: hidden;
    background: #eee;
    text-align: center;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-resume-detail {
    height: 300px;
}
.upload-resume img {
    height: 100% !important;
    width: auto !important;
    border: none !important;
}
.resources_detail_img {
    max-height: 200px;
    text-align: center;
    background: #eee;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resources-tab .jobs-tab {
    /*border: none !important;*/
}
/*.jobs-tab li.active {border-bottom: 2px solid #00659e !important;}*/

.jobs-tab li {
    padding: 5px 0;
    display:  flex;
    align-items:  center;
}
.job-tab-second li{
    margin-left: -14px !important;
}
.experts-filter .dropdown button .filter-option-inner {
    padding: 0;
}
.experts-filter .dropdown button::after {
    display: block;
    opacity: 1;
    margin-left: 0 !important;
    top: 0;
    background: none;
    padding: 10px;
    float: right;
    position: absolute;
    right: 0;
}
.admin-sponsor-select {
    position: absolute;
    right: 26%;
    min-width: 10% !important;
}
.logo-add-box {
    width: 50%;
    float: left;
    position: relative;
    margin-right: 20px;
}

.logo-add-box img {
    width: 100% !important;
    margin-right: 0 !important;
}

.remove-img {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 25px;
    width: 25px;
    padding: 0;
    background: #fff;
    border: 1px solid #f92828;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f92828;
    z-index: 99999;
}

.remove-img:hover {
    background: #f92828 !important;
    color: #fff;
}

li.disabled a.parent_label_option{
    cursor: default !important;
    color: inherit;
}

li.disabled a.parent_label_option:hover{
    color: inherit;
}

.input-dollar {
  position: relative;
}
.input-dollar i {
  position: absolute;
  width: 38px;
  height: 34px;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-dollar input {
  padding: 6px 12px 6px 38px !important;
}

.selected-filter-bg .filter-option{
  background-color: #ffd13e !important;
}

.reset-button {
    position: relative !important;
}

.reset-button-one {
    position: absolute !important;
    right:20px !important;
}
.reset-primary button {
    border: 1px solid #fff !important;
}
.area-tab-question {
    padding:  0;
    margin:  0;
    list-style:  none;
    display: flex;
}

.area-tab-question li {
    width:  100%;
    background: #377ce3;
    margin-right: 20px;
    padding: 10px 10px;
    position:  relative;
    color:  #fff;
    font-size: 18px;
    line-height: 20px;
}

.area-tab-question li:after {
    content: " ";
    border-left: solid 20px rgb(55, 123, 227);
    border-bottom: solid 20px transparent;
    border-top: solid 20px transparent;
    right: -20px;
    position:  absolute;
    top: 0;
    z-index: 1;
}

.area-tab-question li:before {
    content: " ";
    border-left: solid 20px rgb(255, 255, 255);
    border-bottom: solid 20px transparent;
    border-top: solid 20px transparent;
    background: #377be3;
    left: -15px;
    position: absolute;
    top: 0;
    z-index: 0;
}

.area-tab-question li:first-child:before {
    display: none;
}

.area-tab-question li:last-child {
    margin: 0;
}

.area-tab-question li:last-child:after {
    display: none;
}
.area-tab-question li.selected-question {
    background: #298e1a;
}

.area-tab-question li.selected-question:after {
    border-left-color: #298e1a;
}

.area-tab-question li.selected-question:before {
    background: #298e1a;
}

.area-tab-question li.selected-question:hover {
    background: #193c6c;
    cursor: pointer;
}

.area-tab-question li.selected-question:hover:before {
    background: #193c6b;
}

.area-tab-question li.selected-question:hover:after {
    border-left-color: #193c6b;
}

.area-tab-question li.active-question:hover {
    background: #193c6c;
    cursor: pointer;
}

.area-tab-question li.active-question:hover:before {
    background: #193c6b;
}

.area-tab-question li.active-question:hover:after {
    border-left-color: #193c6b;
}

.area-tab-question li.next-question:hover {
    background: #193c6c;
    cursor: pointer;
}

.area-tab-question li.next-question:hover:before {
    background: #193c6b;
}

.area-tab-question li.next-question:hover:after {
    border-left-color: #193c6b;
}

.area-tab-question li.active-question {
    background: #f7ab41;
    /*font-weight: 800;*/
}

.area-tab-question li.active-question:before {
    background: #f7ab41;
}

.area-tab-question li.active-question:after {
    border-left-color: #f7ab41;
}

.area-tab-question li i {
    position: absolute;
    height: 40px;
    width: 30px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    display: none;
}
.area-tab-question li.selected-question i {
    display: flex;
}
.product-tab.nav>li>a>span {
    text-transform: capitalize;
}
.product-tab li a {
    margin: 0 0 !important;
    background: transparent !important;
    color: #000 !important;
    line-height: inherit !important;
    padding: 8px 5px !important;
    width: 100%;
    display: flex !important;
    justify-content: center;
    position: relative;
    font-size: 14px !important;
    font-family: "Open Sans", sans-serif !important;
}

.product-tab {
    display: flex;
    justify-content: center;
    border-bottom: none !important;
}
.product-tab li.active a.tab-bg1 {
    background: #005490 !important;
    color: #fff !important;
}
.product-tab li.active {
    border-color: #043764 !important;
}

.product-services-tab {
    display: flex;
    justify-content: center;
    border-bottom: none !important;
}
.product-services-tab li.active a {
    background: #005490 !important;
    color: #fff !important;
    border: 1px solid #005490 !important;
}
.product-services-tab li a {
    position: relative;
    background: #ffffff !important;
    color: #043764 !important;
    margin:0 10px;
    border: 1px solid #ccc !important;
    cursor: pointer;
    font-size: 14px !important;
    line-height: 33px !important;
}
.product-services-tab li.active a:hover {
    color: #ffffff !important;
}
.product-services-tab li a.tab-bg1:after {
    left: 0;
    height: 3px;
}
.nav.product-services-tab>li>a>span {
    text-transform: capitalize;
}
.product-services-tab li.active {
    border-color: #043764 !important;
}
.product-tab li.active a {
    color: #043764 !important;
}
.product-provider-info {
    text-align: center;
}
.product-provider-info img {
    /*height: 80%;*/
    margin: 0 auto;
    /*width: 100%;*/
}
.product-provider-info h2 {
    text-align: center;
    text-transform: capitalize;
    font-size: 25px;
    color: #686868;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 15px 0;
}
.product-provider-info .btn {
    font-weight: 600;
    width: 70%;
    padding: 10px 10px;
    border-radius: 0;
}
.product-provider-banner {
    text-align: center;
}
.product-provider-banner img {
    max-width: 90%;
    max-height: 236px;
}
.product-percentage {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d77d5;
    border-radius: 50px;
    color: #fff;
}
.product-overview-box h4 {
    line-height: 50px;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
}
.product-rating-star {
    font-weight: 600;
}
.product-overview-box ul {
    padding: 0;
    list-style: none;
}
.product-overview-list li {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000;
}
.product-check-icon {
    width: 18px;
}
.product-icon-decisions{
    width: 22px;
}
.product-check-icon-new {
    width: 26px;
    position: relative;
    bottom: 3px;
    right: 10px;
}

.pricing-insight-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-overview-box p {
    font-size: 14px;
    color: #000;
    margin: 0;
    line-height: 25px;
}
.deployment-options-box h4 {
    /*font-size: 28px;
    line-height: 37px;
    text-transform: uppercase;
    margin: 0;*/
}
.deployment-options-box img {
    width: 40px;
    filter: invert(.3);
}
.deployment-options-box p {
    font-size: 14px;
    color: #000;
    line-height: 25px;
}
.deployment-options-item p {
    font-size: 17px;
    color: #363636;
    margin: 0;
    font-weight: 600;
}
.deployment-options-item {
    display: flex;
    align-items: center;
}
.product-tab-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 0;
}
.product-detail-section {
    background: #cecece;
    padding: 20px 0;
}
.product-detail-row {
    background: #fff;
    display: flex;
    box-shadow: 0 1px 1px 0px #00000029;
    border-radius: 2px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.product-detail-row-item {
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
}

.product-detail-col-sm {
    width: 19%;
    justify-content: center;
    border-left: 1px solid #00000020;
    text-align: center;
}
.product-detail-title {
    background: #289be5;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 15px;
}

.product-detail-col-lg {
    width: 43%;
    font-size: 12px;
    font-weight: 600;
}
.product-detail-col-xl {
    width: 62%;
    font-size: 12px;
    font-weight: 600;
}
.product-detail-title .product-detail-row-item {
    padding: 5px 10px;
    font-size: 17px;
}
.product-detail-title .product-detail-col-sm {
    font-size: 13px;
}
.product-detail-title .product-detail-col-lg, .product-detail-title .product-detail-col-xl {
    font-weight: 600;
}
.product-tab li {
    width: 100%;
    justify-content: center;
}
.tab-bg {
    background: #f6f6f6;
}
/*********  15/01/21**************/


.login-new-page {
    /* background-image: url(../../assets/images/login_bg.png); */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    align-items: center;
    justify-content: center;
    /* height: 100vh; */
}
.login-new-page .container {
    width: 100%;
}
.login-new-page h2 {
    font-size: 40px;
    /* padding-bottom: 20px; */
    font-weight: 300;
    color: #fdfdfd;
}

.login-new-page h5 a {
    font-weight: 900;
    color:#5ab2ff;
}

.login-new-page h5 a:hover {
    color:#0398db;
    font-weight: 900;
    transition: 0.3s;
}

.login-new-page p {
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #fdfdfd;
}

 .form-control-one {
    margin:auto;
 }
 .form-control-one input {
    width:100%;
    padding: 10px;
    margin-bottom: 5px;
    color: #111;
    border-radius: 0;
    border: none;
    font-size: 15px;
}
.form-control-one input::placeholder {
    text-transform: capitalize;
}
 .login-new-page .checkbox-items {
    display: inline-flex;
    margin-top: 20px;
    font-size: 16px;
 }

.login-new-page .checkbox label {
    width: 100%;
    text-align: left;
    padding-left: 35px;
    line-height: 25px;
 }

.login-new-page .forgot-password-2 {
    line-height:  25px;
    text-transform: capitalize;
}

.login-new-page .checkbox a:hover {
    color: white;
    font-weight: 900;
 }
.login-new-page .checkbox input {
    width: 25px;
    height: 25px;
    margin-left: 0;
    margin-top: 0;
 }


 .login-button {
    margin-top: 30px;

 }

 .login-button {
    font-size: 14px;
    padding: 15px;
    font-weight: 700;
    background-color: #183a5f;
    border:none;
    transition: 0.3s;
    float: left;
    color: #fff;
}

/* .login-button:hover {
    background-color: #fff;
    border:none;
    color:#183a57;
} */
.login-new-page h5 {
    color: white;
    font-size: 15px;
    padding-top: 10px;
}

.login-new-page .checkbox label::before {
    background-color: transparent;
    height: 25px;
    width: 25px;
    margin-left: 0;
}

.login-new-page .checkbox label::after{
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-left: 0;
}

.login-new-page .checkbox {
    padding-left: 0;
}

.login-new-page .forgot-password-2 a {
    color: #ddd;
    font-weight: 600;
}

.login-new-page .forgot-password-2 a:hover {
    color: #fff;
}

.multi-item-carousel {
    /* max-width: 1170px; */
    display: flex;
    align-items: center;
}

.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner > .item a {
    width: 100%;
    float: left;
    height: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center;
    background: #eee; */
}
.multi-item-carousel .carousel-inner > .item a img {
    width: 100%;
}
.multi-item-carousel .carousel-inner .active.left {
    left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
    left: 33%;
}
.multi-item-carousel .carousel-inner .active {
    display: flex;
}
.multi-item-carousel .carousel-inner .next {
    left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
    left: -33%;
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none !important;
}
.product-slider .carousel-control {
    background: none;
}
.product-slider .btn-primary {
    background-color: #f6f6f6 !important;
    border: 1px solid #183a5f !important;
    color: #183a5f !important;
    border-radius: 0;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    letter-spacing: 1px;
}
.product-slider .btn-primary.active {
    background-color: #183a5f!important;
    border: 1px solid #183a5f!important;
    color: #ffffff !important;
}
.product-slider .btn-primary:hover {
    color: #fff !important;
}
.product-slider .carousel-control.left {
    height: 40px;
    top: inherit;
    left: -40px;
    bottom: inherit;
    width: 40px;
    font-size: 0;
    /* background: #183a5f; */
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.product-slider .carousel-control.left img {
    font-size: 15px;
    width: 100%;
    margin-top: 0 !important;
    height: initial;
    margin-left: 0;
    position: initial;
}

.product-slider .carousel-control.right {
    height: 40px;
    top: inherit;
    right: -40px;
    bottom: inherit;
    width: 40px;
    font-size: 0;
    /* background: #183a5f; */
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.product-slider .carousel-control.right img {
    font-size: 15px;
    width: 100%;
    margin-top: 0 !important;
    height: initial;
    margin-right: 0;
    position: initial;
    transform: rotate(180deg);
}
.action-dropdown {
    position: relative;
}

.action-dropdown {
    position: relative;
}

.action-dropdown a.btn:focus + .action-dropdown-menu{
    /* display: block; */
}
.action-dropdown-menu a:hover{
    background-color: #EEEEEE
}

.action-dropdown-menu {
    position: absolute;
    z-index: 9999999;
    width: 230px;
    top: 100%;
    margin-top: -20px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 0 0 7px -2px #000;
    /* display: none; */
}

.action-dropdown-menu ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.action-dropdown-menu a {
    width: 100%;
    display: block;
    margin: 0;
    padding: 5px 10px;
    font-size: 15px !important;
}
.login-new-page p.alert-danger {
    padding: 10px;
    background-color: rgba(246, 47, 55, .6);
    color:  #fff !important;
}
.login-new-page p.alert-success {
    padding: 10px;
    background-color: rgba(1, 186, 154, .6);
    color:  #fff !important;
}
.login-new-page p.alert-danger a {
    color: #dddddd;
    font-weight: 600;
    transition: 0.3s;
    text-decoration:  underline;
}

.login-new-page p.alert-danger a:hover {
    color: #fff;
}
.product-slider {
    background: #f6f6f6;
    padding: 20px 0;
}
.proposition-slider {
    background: none;
}
.proposition-box {
    border: 1px solid #acacac;
    padding: 20px;
    height: 100%;
    background: #fff;
}

.proposition-title h2 {
    font-size: 20px;
    font-weight: 700;
    color: #043764;
    position: relative;
    margin-top: -15px;
}

.proposition-title h2:after {
    display: block;
    content: '';
    background: #043764;
    height: 2px;
    width: 25%;
    margin-top: 2px;
}
.proposition-title-2 img {
    width: 40px !important;
    filter: invert(.3);
}

.proposition-title-2 .deployment-options-item.d-flex {
    padding: 5px 0 15px;
}
.proposition-title-2 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.proposition-text {
    color: #000;
}

.proposition-text p {
    margin: 0;
}
.features-functionality-row {
    display: flex;
    /*flex-wrap: wrap;*/
}
.features-functionality-table .features-functionality-row .features-functionality-data {
    /*background: #ebebeb;*/
    border: 2px solid #ebebeb;
}
.features-functionality-row-title .features-functionality-data{
    border: 2px solid #043764 !important;
}

.features-functionality-table .features-functionality-row:nth-child(odd) .features-functionality-data {
    /*background: #f7f7f7;*/
}

.features-functionality-table .features-functionality-row .features-functionality-data p{
    margin: 0;
}
.features-functionality-row-title .features-functionality-data {
    background: #043764 !important;
}

.features-functionality-row-title .features-functionality-data p {
    color: #fff !important;
    font-weight: 700;
    font-size: 16px;
}
.features-functionality-table .features-functionality-row .features-functionality-data p {
    margin: 0;
    padding: 10px 20px;
    color: #000;
}
.features-functionality-table .features-functionality-row .features-functionality-data:first-child p {
    /* color: #0060ff; */
}
.multi-item-carousel .carousel-inner > .item a img.document-pdf-img {
    background: #eee;
}
.product-services-tab li a:hover {
    background: #377de3 !important;
    color: #fff !important;
}
.product-services-tab li.active a:hover {
    background: #005490 !important;
    color: #fff !important;
    cursor: pointer;
}
.product-services-tab li.active a:hover::after {
    background: #005490;
}
.product-services-tab li a:hover::after {
    background: #377de3;
}
.product-services-tab li a span {
    text-transform: capitalize;
}
.product-services-tab li.active a span {
    color: #fff;
}
.product-document-resources {
    position: relative;
}

.product-document-resources-name {
    position: absolute;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    padding: 10px;
    background: #005490;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}
.login-new-page .topbar .header {
    background-image:  none;
}
/* .login-new-contain {
    height: calc(100% - 92px);
} */

.multi-item-carousel-2 .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
  }
  .multi-item-carousel-2 .carousel-inner .active.left {
    left: -16.66%;
  }
  .multi-item-carousel-2 .carousel-inner .active.right {
    left: 16.66%;
  }
  .multi-item-carousel-2 .carousel-inner .next {
    left: 16.66%;
  }
  .multi-item-carousel-2 .carousel-inner .prev {
    left: -16.66%;
  }

  .multi-item-carousel-2 .carouse-control.left,
  .multi-item-carousel-2 .carouse-control.right {
    background-image: none;
  }
  .multi-item-carousel-2 {
    display: flex;
    align-items: center;
}
.multi-item-carousel-2 .carousel-inner > .item a {
    width: 100%;
    float: left;
    height: 100%;
}
.multi-item-carousel-2 .carousel-inner .active {
    display: flex;
    flex-wrap: wrap;
}
.email-user {
    background: #f6f6f6 !important;
    color: #464646 !important;
    font-weight: 700 !important;
    line-break: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    line-height: 2;
    white-space: normal;
    margin: 0;
}

.contact-user-no {
    background: #eef5fa !important;
    color: #464646 !important;
    font-weight: 700 !important;
    line-break: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    line-height: 2;
    white-space: normal;
    margin: 0;
}
.provider-slider .user-box-header.expert-title {
    height: 75px;
}
.provider-slider {
    background: #fff;
}
.provider-slider .user-box {
    margin: 0;
}
.provider-slider .user-box h2 {
    background: #002545;
    margin: 0;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    height: 65px;
    font-size: 17px;
    line-height: 22px;
    border-bottom: 1px solid #fff;
    letter-spacing: 0;
}
.provider-title-row {
    border-bottom: 2px solid #002545;
    padding-bottom: 15px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: revert;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: #363636;
    color: #363636;
    letter-spacing: 2px;
}
.product-slider .carousel-control.left.hide {
    display: none !important;
}

.product-slider .carousel-control.right.hide {
    display: none !important;
}
.provider-slider ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.provider-slider ul a {
    text-decoration: underline;
    color: #1382ff;
    margin-bottom: 2px;
}
.provider-slider .user-box-body p {
    white-space: break-spaces;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-services-tab li a {
    padding: 0 10px !important;
}
.modal-crop-image {
    width: 50%;
}
.modal-crop-image .cr-boundary img {
    width: 100%;
}
.modal-crop-service-image {
    width: 80%;
}
.modal-crop-service-image .cr-boundary img {
    width: 100%;
}
.top-sub-tab {
    background: #e6e6e6;
    padding: 15px 0;
}
.sub-tab-link.active {
    color: #043764;
    font-weight: 700;
}

.sub-tab-link {
    color: #404040;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 600;
}
.expert-userimg-section {
    margin: 0;
    width: 30%;
    border-color: #b7b7b7;
}
.product-experts-box {
    display: flex;
}
.product-experts-detail {
    width: 70%;
    border: 1px solid #b7b7b7;
    border-left: none;
    padding: 10px;
}
.experts-btns-box {
    display: flex;
}
.expertimg-section-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    overflow: hidden;
}
.expertimg-section-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.experts-detail-row {
    padding: 10px 0;
    border-bottom: 1px solid #b7b7b7;
    display: flex;
    align-items: center;
    justify-content: center;
}
.experts-detail-col {
    width: 100%;
    font-size: 14px;
    color: #363636;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    white-space: normal;
}
.experts-detail-col-speakers {
    font-size: 14px;
    color: #363636;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    white-space: normal;
}
.experts-detail-username {
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 20px;
    -webkit-line-clamp: 1;
    padding: 0 10px;
}
.product-experts-detail .experts-detail-row:first-child {
    padding: 0 0 5px;
}
.experts-detail-row .experts-detail-col:first-child {
    color: #000;
    font-weight: 700;
}
.experts-detail-icon {
    width: 35px;
}
.experts-detail-see-more {
    background: #f4c432;
    padding: 10px 20px;
    color: #363636;
}
.product-experts-hr {
    border-color: #043764;
    border-width: 2px;
    margin-bottom: 20px;
}
.logo-on-banner{
    position: absolute;
    right: 100px;
    bottom: 30px;
    max-height: 200px;
    max-width: 400px;
}
.post-title-review {
    font-weight: 600;
}
.post-title-number-2 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
}
.pros-box {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pros-box a {
    background: #fff !important;
    border: 2px solid #183a5f !important;
    color: #183a5f !important;
    font-weight: 600;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.pros-box .btn-primary:hover {
    font-weight: 600;
    padding: 5px 10px;
    border-width: 2px !important;
    color: #fff !important;
}
.experts-edit-box {
    position: relative;
}
/*.experts-edit-title-box {
    position: relative;
}*/
.experts-detail-btn {
    width: 35px !important;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border-radius: 50% !important;*/
    overflow: hidden;
    position: absolute;
    right: 0
}
.experts-detail-title-btn {
    width: 30px !important;
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    overflow: hidden;
    background: #183a5f !important;
    color: #fff !important;
}

.experts-detail-title-btn-inline-flex {
    display: inline-flex;
}
.experts-detail-title-btn:hover {
    background-color: #0398db!important;
    border: 1px solid #0398db!important;
}
.modal-dialog.product-modal-dialog {
    width: 70%;
}
.product-price-box {
    display: flex;
    align-items: center;
}
.product-price-icon {
    width: 24px;
    height: 24px;
    display: inline-block;

    -webkit-mask: url("../images/icons/money-bag.svg") no-repeat 50% 50%;
    mask: url("../images/icons/money-bag.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #999;
}
.product-price-icon.active {
    background-color: green;
}
.product_video, .screen-img {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.product_video img.play {
    width: 70px;
    height: 70px;
    content: "";
    position: absolute;
}
.product_video:hover::before {
    /*background-color: #183a5f;*/
}
.product_video img, .screen-img img{
    height: 100%;
}
.product-overview-list li::marker {
    display: none;
}
.modal-body .product-overview-list {
    margin: 0;
    float: left;
    padding: 0;
    overflow: hidden;
}
.modal-body .product-overview-list li {
    display: flex;
    align-items: flex-start;
}

.modal-body .product-overview-list li img {
    margin-top: 4px;
}
button.top-close {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 30px;
    width: 30px;
    background: red;
    z-index: 9999999;
    opacity: 1;
    border-radius: 20px;
    border:none;
    color: #fff;
    text-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
}
.question-box {
    color: #000;
}
.question-card {
    /*padding: 15px;*/
    /*box-shadow: 0 0 5px 0px #000;*/
    /*border-radius: 5px;*/
}
.question-card b {
    color: #183a5f;
}
.question-card hr {
    border-color: #183a5f;
}
.video-container a.play-modal {
    -webkit-mask: none;
    mask: none;
    -webkit-mask-size: cover;
    background: transparent;
}
.product-tab li.active a:hover, .jobs-tab li.active a:hover {
    border: none !important;
}
.modal {
    text-align: center;
    padding: 0!important;
  }
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
.flex-wrap {
    flex-wrap: wrap;
}
.justify-content-flex-end {
    justify-content: flex-end !important;
}
.justify-content-flex-start {
    justify-content: flex-start !important;
}
.info-form .input-field .input-field-box .bootstrap-select .dropdown-menu li a {
    width: 100%;
}
.select-remove-overflow .inner.open ul>li>a {
    word-wrap: break-word;
    white-space: normal;
}
.select-remove-overflow .dropdown-menu.open{
    width: 350px !important;
}
.select-remove-overflow-small .dropdown-menu.open{
    width: 700px !important;
}
.tools-technology-title {
    color: #003663;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
.tools-technology-box {
    letter-spacing: 2px;
    text-align: center;
    font-size: 18px;
    line-height: 31px;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 12px;
    text-align: center;
    border-radius: 7px;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    background-color: #eeeeee;
    display: inline-table;
    float: none;
    width: 100%;
    height: 100%;
    min-height: 95px;
    color: #003663;
    text-decoration: none;
    outline: 0;
}
.tools-technology-law {
    /* height: auto; */
}
.tools-technology-box:hover {
    text-decoration: underline;
}
.dh-100 {
    height: 100%;
}
.practice-areas {
    margin-bottom: 20px;
    float: left;
    margin-left: 16%;
}
.departmental-maturity {
    text-align: center;
}
.tab-select {
    line-height: 0 !important;
    font-size: 0 !important;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.practice-areas img {
    width: 15%;
}
img.name-img {
    width: 20%;
}
.gray-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.img-btn-row a {
    line-height: 0 !important;
    font-size: 0 !important;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.departmental-width-left .img-btn-row:nth-child(1) img {
    width: 23%;
}
.departmental-width-left .img-btn-row:nth-child(2) img {
    width: 43%;
}
.departmental-width-left .img-btn-row:nth-child(3) img {
    width: 63%;
}
.departmental-width-left .img-btn-row:nth-child(4) img {
    width: 82%;
}
.box-departmental-maturity {
    display: flex;
    align-items: flex-end;
    margin: 0;
}
.departmental-width-left {
    float: left;
    width: 35%;
}
.departmental-content {
    float: left;
    width: 65%;
    padding-left: 15px;
}
.img-btn-row a img {
    max-width: 100%;
    height: auto;
}
.post-box {
    display: flex;
    align-items: flex-end;
}
.foundationalDiv .post-title {
    background-color: #a433a6;
}
.intermediateDiv .post-title {
    background-color: #e7828a;
}
.advancedDiv .post-title {
    background-color: #4dd0ff;
}
.matureDiv .post-title {
    background-color: #42d091;
}
.industryleaderDiv .post-title {
    background-color: #f9d966;
}
.post-title {
    font-size: 12px;
    line-height: 23px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #f9f9f9;
    padding: 14px;
    text-align: center;
    border-radius: 7px;
    width: 100%;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    display: inline-table !important;
    float: none;
    height: 31px;
    margin: 0 0 10px !important;
    color: #fff;
}
.post-title a {
    color: #fff;
}
.post-title:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}
.post-title:last-child {
    margin: 0 !important;
}
.form-control:not(.bootstrap-select, .dollar-input) {
    padding: 6px 12px !important;
}
.expertimg-section-level {
    text-align: center;
    background: #003663;
    color: #fff;
    padding: 6px 0;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    border-radius: 3px;
}
.product-features-text {
    position: relative;
}
.product-features-text .hover-text {
    display: none;
    z-index: 999999;
}
.product-features-text:hover {
    overflow: visible;
}
.product-features-text:hover .hover-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    padding: 5px;
}
.experts-detail-row:last-child {
    border-bottom: none;
}
.input-field-box .tox-tinymce {
    width: 100%;
}
.expert-userimg-section .experts-detail-row {
    border-bottom: 0;
}
.cursor-pointer {
    cursor: pointer !important;
}
button.btn.dropdown-toggle.btn-default {
    outline: none !important;
}
.tools-technology-image {
    width: 100%;
    text-align: center;
}
.tools-technology-image img {
    /* width: 100%; */
}
.category-details-left h2 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #00aeef;
}
.systems-box {}
.systems-header {
    background-color: #014886;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    line-height: 26px;
    font-weight: 400;
}
.systems-body {
    background-color: #f5f5f5;
    padding-bottom: 30px;
    padding-top: 30px;
}
.systems-body ul {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0;
    color: #737E86;
}
.category-details-right {
    background-color: #f5f5f5;
    border-top: 1px solid #00aeef;
    padding: 20px;
}
.category-details-right h3 {
    font-size: 18px;
    line-height: 29px;
    font-weight: 300;
    letter-spacing: 0px;
}
.share-simple-wrapper {
    display: flex;
    border-top: 1px solid #404040;
    padding: 15px 0;
    text-align: left;
}
.share-simple-wrapper .share-label {
    font-size: 18px;
    margin-right: 10px;
}
.share-simple-wrapper .icons {
    display: flex;
}
.share-simple-wrapper .icons a {
    width: 35px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    font-size: 18px;
    padding: 0 5px;
}
.resources_info p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    white-space: normal;
    width: 100%;
    min-height: 40px;
}
table .radio-custom-label {
    line-height: 20px;
}
.systems-header .btn-primary {
    background: #fff !important;
    color: #183a5f !important;
}

.systems-header .btn-primary:hover {
    color: #fff !important;
}
.date-from, .date-to {
    color:  #fff !important;
    margin: 0 0px 0 10px;
}
.date-from-input, .date-to-input {
    margin: 0 0px 0 10px;
}
.date-from-input input, .date-to-input input{
    margin: 0 !important;
    max-width: 150px;
    height: 35px !important;
}
ul.list-style-dott li {
    position: relative;
    padding-left: 17px;
    text-align: left;
}

ul.list-style-dott li span.dott {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #000;
    left: 0;
    top: 7px;
    border-radius: 50%;
}
.detail-yes-no {
    border: 2px solid #133663;
    text-align: center;
    border-radius: 3px;
}
.detail-yes-no h2{
    color: #133663;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
}
.detail-yes-no h3{
    color: #133663;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 5px;
}
.banchmark-table ul li span.banchmark-select:last-child {
    border-right: none;
}
.banchmark-table span.relevant-stats-head:last-child {
    border-right: none;
}
.input-field-box .fr-box {
    width: 100%;
}
.offering-legal-dept h4 {
    line-height: 30px;
    margin-bottom: 10px;
}
.user-fillter-option .btn {
    padding: 6px;
}

.user-fillter-option .btn span.caret {
    right: 6px;
}
.experts-filter .fillter-option .job-filter-search input {
    background: #183a5f;
}
.form-action a.view-btn {
    padding: 5px 10px !important;
    min-width: auto !important;
    font-size: 14px !important;
}

.fc th.fc-widget-header {
    background: #183a5f !important;
    color: #fff !important;
}

.fc-state-default {
    background: #183a5f !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
}

.fc-state-default:hover, .fc-state-active {
    background: #0398db !important;
}

.d-block{
    display: block !important;
}
div.chartWrapper {
    position: relative;
    overflow-x: auto;
}

div.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}

div.chartAreaWrapper {
    width: 1800px;

}
.swal2-popup{
    min-width:350px;
}
.relevant-stats-section ul li {
    display: flex;
}
.resources_box_card {
    width: 100%;
}
#google-analytics-page .fillter-option span.bs-caret{
    display: inline;
}
.analytics-detail {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.event-tab-contents .resources_info ul li{
    padding-right: 0 !important;
}
.row.w-100.event-tab-contents{
    display: flex;
}
.events-detail-username{
	font-size: 16px;
    -webkit-line-clamp: 2;
    padding: 0 5px;
}
.p-t-5{
	padding-top: 5px !important;
}
.p-b-5{
	padding-bottom: 5px !important;
}
.experts-detail-description {
    -webkit-line-clamp: 8 !important;
}
.experts-description {
    -webkit-line-clamp: unset !important;
}
.evens-detail-card {
    white-space: unset;
    overflow: auto !important;
    text-overflow: unset !important;
    display: -webkit-box;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: vertical;
}
/* .evens-detail-card:hover {
    display: block;
} */
.resources_inline_box {
    display: inline;
    float: left;
    width: 100%;
}
.resources_inline_box .resources_detail_img {
    width: 400px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.resources_inline_box .resources_detail_img img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}
.event-speaker-box{
    font-size: 11px;
}
.tooltip-inner {
    max-width: 350px !important;
}
.job_filled {
    margin-right: 0px !important;
}

.job-detail-section {
    border: 1px solid #cccccc;
}

.job-detail-section .job-detail-box-col {
    border: 1px solid #cccccc;
    padding: 5px;
}

.job-detail-section .jobs-detail-box.jobs-detail-box-head {
    font-weight: 600;
}

.product-mini-description {
    font-size: 14px;
    text-align: left;
    word-break: break-word;
    color: #000;
}
.service-provider-info, .service-provider-info h2{
    text-align: left !important;
}
.marketing-image img{
    width: 450px;
    height: 200px;
}
.product-recommend-span{
    position: absolute;
    right: 20%;
    top: 37px;
}
.pros-box-div {
    border: 2px solid green;
    border-radius: 5px;
    padding: 20px;
}
.cons-box-div {
    border: 2px solid red;
    border-radius: 5px;
    padding: 20px;
}
.deployment-options-box.fee-options-box {
    padding: 20px;
    border: 2px solid #000;
    border-radius: 5px;
}
.product-recommend-span{
    position: absolute;
    right: 20%;
    top: 37px;
}
ul.breadcrumbs {
  padding: 0px 0px;
  list-style: none;
  color: #d5dadf;
  margin-top: 5px;
}
ul.breadcrumbs li {
  display: inline;
  font-size: 14px;
}
ul.breadcrumbs li+li:before {
  padding: 8px;
  color: white;
  content: "›\00a0";
}
ul.breadcrumbs li a {
  color: #d5dadf;
  text-decoration: none;
}
ul.breadcrumbs li a:hover {
  color: #b8bdc2;
  text-decoration: underline;
}
.guide-me-first, .guide-me-first a{
    color: #ffd13e !important;
}
.guide-me-second, .guide-me-second a{
    color: yellow !important;
}
.m-l-40{
    margin-left : 40px;
}
.m-l-60{
    margin-left : 60px;
}
.tab-content-gq{
    padding: 0.5%;
}
.dashboard-builder-box{
    min-height: 200px;
    font-size: 14px;
    display: flex;
}
#dashboard-builder-content{
    display: inline-block;
    align-self: flex-end;
    justify-content: space-evenly;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
.star {
    font-size: 16px;
    color:gold;
  }
.matric-navbar{
    min-height: 0px !important;
}
.matric-navbar .btn-default, .matric-navbar .open>.dropdown-toggle.btn-default{
    background: #247de3 !important;
}
.m-b-3{
    margin-bottom: 4px;
}
.metrics-filter {
    /* display: flex; */
    justify-content: center;
    /* background: #183a5f; */
    color: #fff;
    align-items: center;
    font-family: 'Open Sans';
    padding: 5px 0;
}
.metrics-filter h4 {
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}
.metrics-filter ul {
    padding: 0;
    display: flex;
    margin: 0;
    margin-right: 0;
}
.metrics-filter ul li {
    list-style: none;
    /*padding: 15px 0 0 0;*/
}
.metrics-filter ul li a {
    color: #fff;
    margin: 0 7px;
    border: 1px solid #fff;
    padding: 7px;
    border-radius: 5px;
    text-decoration: none;
}
.metrics-filter ul.dropdown-menu {
    display: none;
}
.metrics-filter .navbar-default {
    min-height: auto;
}
.metrics-filter .dropdown button {
    border: 1px solid #fff !important;
    padding: 8px 35px 8px 10px;
    margin: 0 15px;
    border-radius: 5px;
    background: #fff !important;
    line-height: 17px;
    font-size: 13px;
    color: #183a5f !important;
    font-family: "Open Sans" !important;
    font-weight: 700;
}

.metrics-filter .dropdown button:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
}
.metrics-filter .open>.dropdown-menu {
    display: block;
    left: 15px;
}
.metrics-filter ul.dropdown-menu li {
    padding: 0;
}

.metrics-filter ul.dropdown-menu li a {
    margin: 0;
    color: #183a5f;
}
.metrics-filter .dropdown button .filter-option-inner {
    padding: 0;
}
.metrics-filter .dropdown button::after {
    display: block;
    opacity: 1;
    margin-left: 0 !important;
    top: 0;
    background: none;
    padding: 10px;
    float: right;
    position: absolute;
    right: 0;
}
.metrics-filter ul li a.active, .metrics-filter ul li a.active:hover {
    background: #ffd13e;
    color: #183a5e !important;
    border-color: #ffd13e !important;
    font-weight: 700;
}
.metrics-filter ul li a:hover {
    background: #005490;
    color: #fff;
}
.metrics-filter .fillter-option {
    width: 15%;
    border-radius: 5px;
    margin: 0 0px;
    background: #183a5f;
    min-width: 200px;
}
.metrics-filter .fillter-option button {
    margin: 0 !important;
    background-color: #fff !important;
}
.metrics-filter .fillter-option span.bs-caret {
    display: none;
}
.metrics-filter .fillter-option .selectSearch {
    background: #ffffff;
    border-radius: 5px;
}
.metrics-filter .fillter-option .bootstrap-select>.dropdown-toggle.bs-placeholder {
    background: #fff !important;
}
.metrics-filter .fillter-option
 .dropdown-menu.open {
    left: 0;
}
.metrics-filter .fillter-option
 .inner.open {
    max-height: 250px !important;
    overflow-x: hidden !important;
}
.metrics-filter .fillter-option ul.dropdown-menu li a.active {
    color: #fff;
}
.filter-heading{
    padding: 10px !important;
}
.m-r-1{
    margin-right: 2px;
}
.submit-metrics-textarea-font {
    font-weight: 500;
}
.t-0 {
    top: 0 !important;
}
.r-0 {
    right: 0 !important;
}
.b4a3d8._5a468e {
    color: #5a468e !important;
}
.line-height-1-3{
    line-height: 1.3 !important;
}
.terms-of-use p {
    display: flex;
    padding-left: 20px;
    text-align: justify;
}
.terms-use-subtitle {
    padding-right: 10px;
}
.terms-of-use mark {
    padding: 0.2em;
    background-color: #ff0;
}
.modal-popup-overflow {
    max-height: 670px;
    overflow-x: auto;
    padding: 15px 30px 0px !important;
}
.modal-popup-overflow::-webkit-scrollbar {
    border-radius: 50px;
    width: 5px;
}
.modal-popup-overflow::-webkit-scrollbar-thumb {
    background: #00659e;
    border-radius: 50px;
}
.modal-popup-overflow::-webkit-scrollbar-track {
    border-radius: 50px;
    background: #f1f1f1;
}
.modal-popup-overflow::-webkit-scrollbar-thumb:hover {
    background: #ffd13e;
}
.read-modal {
    cursor: pointer;
}
.close:hover {
    color: #fff;
    opacity: 1;
}
.reset-password-message .form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}
.guide-me-detail{
    width: 80%;
    display: block;
    margin: 0px auto;
}
.guide-me-detail p{
    font-size: 14px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.mfa-login-box {
    background: #dfdede;
    margin: 30px 0px;
    padding: 25px;
    width: 30%;
}
.text-grey {
    color:black;
}