/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Poppins-Regular;
  src: url('../../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('../../fonts/poppins/Poppins-SemiBold.ttf'); 
}
/*//////////////////////////////////////////////////////////////////
[ END FONT ]*/

/*
[ FONT AWESOME]*/
.fa-spinner {
    color: #ebbd07;
}

.top-navigation .navbar-nav .dropdown-menu > .active > a{
    color: #ebbd07
}
/*//////////////////////////////////////////////////////////////////
[ FONT SIZES ]*/
h5 {
    font-weight: 500;
}

h4 {
    font-weight: 500;
}

.nav > li > a {
    font-weight: 500 !important;
}

/*//////////////////////////////////////////////////////////////////
[ END FONT SIZES ]*/

.logout-footer {
    border-top: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    padding: 10px 0;
    width: 100%;
    display: table;
}

.validation-summary-errors > ul {
    margin-left: -40px;
}

.validation-summary-errors > ul > li  {
    font-weight: 300;
    font-size: smaller;
    list-style: none;
}

/*////////////////////
    LOGON
*/
.logon-bg {
    background-color: #333333;
}

.container-login {
    width: 100%;  
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #ebeeef;
}
        
.wrap-login {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 0px) and (max-width: 720px) {
    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }
}

@media screen and (min-width: 721px) {
    .mobile-show {
        display: none;
    }
}

.login-form-title {
    width: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 90px 20px 10px;
}

.cat-logo {
    height: 30px;
    content: url(../yd/cat_logo.png);
}

.idmii-logo {
    height: 30px;
    content: url(../yd/logo_idmi.png);
}

.login-form-title-1 {
    font-family: Poppins-Bold;
    font-size: 25px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}

.login-form-title::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.login-form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 43px 88px 93px 190px;
}

.container-login-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.login-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 50px;
    background-color: #57b846;
    border-radius: 25px;

    font-family: Poppins-Regular;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login-form-btn:hover {
    background-color: #333333;
}

.logon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
/*////////////////////
    LOGON END
*/

/*////////////////////
  input backgrounds */

.input_bg_pass {
    background-color: #a9ff9c !important;
}

.input_bg_fail {
    background-color: #fcc6c6 !important;
}

/* Chat Style */
.videoChatDesktop {
    width:30%;
    max-width:250px;
    max-height:250px;
}

/* Switch */
.onoffswitch-inner:before {
    background-color: #f8ac59 !important;
}

.onoffswitch-label {
    border: 1.5px solid #f8ac59 !important;
}

.onoffswitch-switch {
    border: 1.5px solid #f8ac59 !important;
}

.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:before {
    background-color: #919191;
    border: 1.5px solid #919191 !important;
}

.onoffswitch-checkbox:disabled + .onoffswitch-label,
.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
    border-color: #919191;
    border: 1.5px solid #919191 !important;
}

/* Div Spinner */
.centered {
  text-align: center;
}

.spinner.loading {
  display: none;
  padding: 50%;
  text-align: center;
  position:relative;
}

.loading-text {
  width: 100px;
  position: absolute;
  top: calc(80% - 0px);
  left: calc(50% - 50px);
  text-align: center;
  font-size: 10px;
}

.no-agent-text {
  width: 120px;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 65px);
  text-align: center;
  font-size: 12px;
}

.spinner.loading:before {
  content: "";
  height: 90px;
  width: 90px;
  margin: -15px auto auto -15px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 35px);
  border-width: 6px;
  border-style: solid;
  border-color: #e6b90a #ccc #ccc;
  border-radius: 100%;
  animation: rotation .7s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* End of Div Spinner */

/* General */
body {
    background-color: #FFFFFF;
    font-family: Poppins-Regular, sans-serif;
}

body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
    left: 221px;
}

body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
    left: 221px;
}

body.mini-navbar .nav-header {
    background-color: #343333;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
    width: 221px;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 221px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 221px;
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
    width: 221px;
}

.field-validation-error {
    color: #b90505;
}

.gray-bg, .bg-muted {
    background-color: #b0afaf !important;
}

.wrapper-content {
    padding: 0px 0px 15px;
}

.top-navigation .nav > li > a {
    padding: 20px 20px;
    color: #f9f9f9;
    background: #343333 !important;
}

.nav.navbar-right > li > a {
    color: #f9f9f3 !important;
}

.nav.navbar-right > li > a:hover,
.nav.navbar-right > li > a:focus 
{
    background: #343333 !important;
    color: #ebbd07 !important;
    padding: 20px 20px !important;
    margin-right: 0;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
    background: #343333 !important;
    color: #ebbd07;
    padding: 20px 20px;
}

.top-navigation .navbar .nav > li.active {
    background: #343333 !important;
}

.top-navigation .nav > li.active > a {
    color: #ebbd07 !important;
}

.border-bottom
{
    border-bottom-color: #ebbd07 !important;
    border-width: 2px 0 2px !important;
}



.tabs-container .nav > li > a {
    color: #f9f9f9;
    background: #767676 !important;
    padding: 10px 20px;
}

.tabs-container .nav > li > a:hover,
.tabs-container .nav > li > a:focus {
    padding: 10px 20px;
    color: #ebbd07;
    background: #767676 !important;
}


/* iBox */
.ibox-tools a {
    color: inherit;
}

.ibox-title {
    background-color: #454444 !important;
    color: #fff;
    border-width: 0px 0 0;
    border-bottom: 1.5px solid #ebbd07;
}

.ibox.application {
    border:none !important; 
    border-bottom: 1px solid #ebbd07 !important
}

.ibox.application .ibox-title {
    border-top: 1px solid #ebbd07 !important;
    border-bottom: 0px;
    color:#696c6e !important; 
    background-color: white !important;
}

/* Controls */
.form-control:focus,
.single-line:focus {
    border-color: #ebbd07;
}


/* Pager */
.pager {
    margin: 0px 0 !important;
}

.pagination {
    margin: 0px 0 !important;
}

.pagination-container {
    text-align: center;
    list-style: none;
}

.page-info {
    font-size: 13px;
    font-weight: 600;
}

    .page-info:first-child > td {
        background-color: #FFFFFF;
    }

.pagination > .active > a {
    background-color: #ebbd07 !important;
    border-color: #ebbd07 !important;
}


/* Tables */
thead > tr {
    background-color: #767676;
    border-top: 1px solid #eaeaea;
    color: #FFFFFF;
}

.table > thead > tr > th {
    background-color: transparent !important;
    font-weight: 500 !important;
}

    .table > thead > tr > th > a {
        color: #f9f9f9 !important;
        font-weight: 500 !important;
    }
 
/* Inbox Table */
.fa.fa-check-circle.green {
    color: #4cceff;
}

.fa.times.red {
    color: #ed5565;
}

/* Buttons */
.btn-primary {
    background-color: #ebbd07;
    border-color: #ebbd07;
    color: #FFFFFF;
}

.btn-primary.btn-outline {
    color: #ebbd07;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .btn-primary.active:focus {
        background-color: #343333;
        border-color: #343333;
    }

.btn-primary.disabled,
        .btn-primary.disabled:hover,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:active,
        .btn-primary.disabled.active,
        .btn-primary[disabled],
        .btn-primary[disabled]:hover,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:active,
        .btn-primary.active[disabled],
        fieldset[disabled] .btn-primary,
        fieldset[disabled] .btn-primary:hover,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:active,
        fieldset[disabled] .btn-primary.active {
            background-color: #343333;
            border-color: #343333;
        }

.btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        color: #343333;
    }

.label-primary,
.badge-primary {
    background-color: #1aabe1;
}

.onoffswitch-label {
    border: 2px solid #343333;
}

.onoffswitch-inner:before {
        background-color: #343333;
}

.onoffswitch-switch {
    border: 2px solid #343333;
}

.fc-state-active {
    background-color: #343333;
    border-color: #343333;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
    background-color: #343333;
    border-color: #343333;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #343333;
    border-color: #343333;
}

.pace .pace-progress {
    background: #343333;
}

.form-control:focus,
    .single-line:focus {
        border-color: #343333;
    }

.has-success .form-control,
.has-success .form-control:focus {
    border-color: #343333;
}

.has-success .control-label {
    color: #343333;
}

.noUi-connect {
    background: none repeat scroll 0 0 #343333;
}

.toast {
    background-color: #343333;
}

.toast-success {
    background-color: #343333;
}

.inspinia-notify.alert-info {
    border-left: 6px solid #343333;
}

.forum-item.active .fa {
    color: #343333;
}

.forum-item.active a.forum-item-title {
    color: #343333;
}

.vertical-date small {
    color: #343333;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    background: #343333;
}

.slick-prev:before,
.slick-next:before {
    color: #343333 !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #343333;
}

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

.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a {
    background-color: #343333;
}

.dropzone {
    border: 1px dashed #343333;
}

.stream .stream-badge i.bg-primary {
    background-color: #343333;
    border-color: #343333;
}

.sidebar-panel {
    width: 221px;
}

#wrapper {
    background-color: #343333;
}

.footer.fixed {
        margin-left: 221px;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 221px;
}

.branding {
    background-color: #343333;
}

.navy-bg,
.bg-primary {
    background-color: #343333;
}

.panel-primary {
    border-color: #343333;
}

    .panel-primary > .panel-heading {
        background-color: #343333;
        border-color: #343333;
    }

.progress-bar {
    background-color: #343333;
}

.text-navy {
    color: #343333;
}

.file-box {
    width: 221px;
}

.category-list li a .text-navy {
    color: #343333;
}

.file-list li a:hover {
    color: #343333;
}

.faq-question {
    color: #343333;
}

.issue-tracker .btn-link {
    color: #343333;
}

.agile-list li.success-element {
    border-left: 3px solid #343333;
}

.product-name:hover,
    .product-name:focus {
        color: #343333;
}

.product-price {
    background-color: #343333;
}

.vote-actions a {
        color: #343333;
}

.vote-info a:hover {
    color: #343333;
}


.vote-icon.active {
    color: #343333;
}

.open-small-chat {
    background: #343333;
}

    .open-small-chat:hover {
        background: #343333;
    }

.small-chat-box .content .chat-message.active {
            background: #343333;
}

.sk-spinner-rotating-plane.sk-spinner {
    background-color: #343333;
}

.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
    background-color: #343333;
}

.sk-spinner-wave div {
    background-color: #343333;
}

.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
    background-color: #343333;
}

.sk-spinner-pulse.sk-spinner {
    background-color: #343333;
}

.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
    background-color: #343333;
}

.sk-spinner-three-bounce div {
    background-color: #343333;
}

.sk-spinner-circle .sk-circle:before {
    background-color: #343333;
}

.sk-spinner-cube-grid .sk-cube {
    background-color: #343333;
}

.sk-spinner-wordpress.sk-spinner {
    background-color: #343333;
}

.sk-spinner-fading-circle .sk-circle:before {
    background-color: #343333;
}

.landing-page span.navy {
    color: #343333;
}

.landing-page a.navy-link {
    color: #343333;
}

.landing-page .navy-line {
    border-bottom: 2px solid #343333;
}

.landing-page .navbar-default .navbar-nav > .active > a,
    .landing-page .navbar-default .navbar-nav > .active > a:hover {
        border-top: 6px solid #343333;
    }

    .landing-page .navbar-default .navbar-nav > li > a:hover,
    .landing-page .navbar-default .navbar-nav > li > a:focus {
        color: #343333;
    }

.landing-page .navbar-default .navbar-brand {
    background: #343333;
}

.landing-page .navbar-scroll.navbar-default .nav li a:hover {
    color: #343333;
}

.landing-page .navbar-default .navbar-nav > .active > a,
    .landing-page .navbar-default .navbar-nav > .active > a:hover {
        border-top: 6px solid #343333;
    }

.landing-page .features small {
        color: #343333;
    }

.landing-page .features-icon {
        color: #343333;
    }

    .landing-page .navy-section {
        background: #343333;
    }

.landing-page .social-icon a {
        background: #343333;
}

.landing-page .pricing-plan .pricing-price span {
    color: #343333;
}

.landing-page li.pricing-title {
        background: #343333;
}

.landing-page .testimonials {
        background-color: #343333;
}

.landing-page .features .big-icon {
        color: #343333 !important;
    }

.landing-page .btn-primary {
        background-color: #343333;
        border-color: #343333;
    }

.landing-page .btn-primary:hover,
        .landing-page .btn-primary:focus,
        .landing-page .btn-primary:active,
        .landing-page .btn-primary.active,
        .landing-page .open .dropdown-toggle.btn-primary {
            background-color: #343333;
            border-color: #343333;
        }

.landing-page .navbar-default .nav li a:hover {
                color: #343333;
            }

body.rtls #page-wrapper {
        margin: 0 221px 0 0;
    }

body.rtls .theme-config-box {
        margin-left: -221px;
    }

body.rtls .footer.fixed {
        margin-right: 221px;
    }

body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 221px 0 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 221px;
}

.rtls.fixed-sidebar.body-small .navbar-static-side {
        width: 221px;
    }

.theme-config-box {
    margin-right: -221px;
}

.spin-icon {
    background: #343333;
}

.skin-settings {
    width: 221px;
}

.md-skin .nav .open > a,
.md-skin .nav .open > a:hover,
.md-skin .nav .open > a:focus {
    background: #343333;
}

.md-skin .navbar-fixed-top,
.md-skin .navbar-static-top {
    background-color: #343333 !important;
}

.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
    color: #343333;
}

.md-skin.top-navigation .nav > li a:hover,
.md-skin .top-navigation .nav > li a:focus,
.md-skin.top-navigation .nav .open > a,
.md-skin.top-navigation .nav .open > a:hover,
.md-skin.top-navigation .nav .open > a:focus {
    color: #343333;
}

.md-skin.top-navigation .nav > li.active a {
    color: #343333;
}

.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 221px;
}

@media (min-width: 768px) {
    #page-wrapper {
        margin: 0 0 0 221px;
    }

    .navbar-static-side {
        width: 221px;
    }
}

.fixed-sidebar.body-small .navbar-static-side {
        width: 221px;
}

/* Navigation */
.navbar-fixed-top {
    left: 219px;
    background-color: #414141;
}

.page-heading {
    padding-top: 60px;
}

.nav.navbar-right > li > a {
    color: #000000;
}

.nav-header {
    background-color: #343333;
    background-image: none;
    padding: 20px 20px;
}

    .nav-header.menu-section .nav-label {
        color: #ebbd07;
        font-weight: 600;
        font-size: 14px;
    }

    .nav-header .client-logo img {
        height: 70px;
        content: url(/Content/yd/logo.png);
    }

.navbar-default {
    background-color: #343333;
    border-right: 1px solid #eaeaea;
    border-color: none;
    bottom: 0;
    top: 0;
}

    .navbar-default .special_link a {
        background: #343333;
    }

        .navbar-default .special_link a span.label {
            color: #343333;
        }


.navbar-default .landing_link a:hover {
    background: #343333 !important;
}

.nav > li > a {
    color: #ffffff;
    font-weight: 600;
    padding: 14px 20px 14px 25px;
}

    .nav > li > a:hover,
    .nav > li > a:focus {
        color: #ebbd07;
        font-weight: 600;
        padding: 14px 20px 14px 25px;
    }

    .nav > li > a.li-alternative {
        color: #4c4c4c;
        font-weight: 600;
        padding: 14px 20px 14px 25px;
    }

        .nav > li > a.li-alternative:hover,
        .nav > li > a.li-alternative:focus {
            color: #ebbd07;
            font-weight: 600;
            padding: 14px 20px 14px 25px;
        }

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #343333;
    color: #ebbd07;
    border-left: 4px solid #ebbd07;
}

.navbar-default .nav > li.active {
    border-left: 4px solid #ebbd07;
    background: #ebbd07 !important;
}

    .navbar-default .nav > li.active > a:hover,
    .navbar-default .nav > li.active > a:focus {
        border-left: 4px solid #ebbd07;
        color: #000000;
        background: #ebbd07 !important;
    }

.nav > li.active > a {
    color: #000000;
}


/* Tabs */
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
    background-color: #f7f6f6;
}

.tabs-container .panel-body {
    background-color: #f7f6f6;
}


/* Toolbar */
.ibox.toolbar {
    margin-bottom: 0px !important;
}

.ibox.toolbar .ibox-title > p > a {
    padding-right:15px !important;
}

.ibox.toolbar .ibox-title > p > a:focus,
.ibox.toolbar .ibox-title > p > a:hover {
    padding-right:15px !important;
    color: #ebbd07 !important;
}

.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #4cceff;
    border: 1px solid #4cceff;
}

/* Panel Form Sections */
.ibox.ibox-bordered {
    border-bottom: 1px solid !important;
    border-left: 1px solid;
    border-right: 1px solid;
}

    .ibox.ibox-bordered .ibox-title {
        background-color: #4b4b4b;
        color: #fff;
        border-style: none;
    }

/* On Of Switch */
.onoffswitch-inner:before {
    content: "Yes";
}

.onoffswitch-inner:after {
    content: "No";
}

/* Make Modal header thinner */
.inmodal .modal-header {
    padding: 5px 15px;
}

.modal-header {
    background-color: #f0f0f1 !important;
}

.panel-primary {
    border-color: #4cceff;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #4cceff;
        border-color: #4cceff;
    }

/* Select */
select.form-control {
    padding: 5px 12px;
}

/* Sweet Alert */
.sweet-alert .sa-icon {
    width: 50px;
    height: 50px;
    margin: 20px auto;
}

    .sweet-alert .sa-icon.sa-warning .sa-body {
        width: 5px;
        height: 30px;
        top: 5px;
    }

    .sweet-alert .sa-icon.sa-warning .sa-dot {
        width: 7px;
        height: 7px;
        bottom: 5px;
    }

.sweet-alert h2 {
    margin: 0px 0;
    padding: 0;
}

.sweet-alert button {
    font-size: 12px;
    border-radius: 5px;
    padding: 8px 25px;
    margin: 15px 5px 0 5px;
}

.icon-white {
    background-color: white;
}

/* Dropdown Styles */
.dropdown-menu > .active > a:hover {
    background-color: #343333 !important;
}