/*Pirha*/ 
/*@import url('https://fonts.cdnfonts.com/css/open-sans'); */
body, .body {
    background-color: #FAFAFA !important;
    /*font-family: Open Sans,sans-serif;*/
}

.admin-body .text-body {
    color: #181818 !important;
}

.admin-body{
    /*font-family: Open Sans,sans-serif;*/
}

body:not(.admin-body):not(.customer-body) .navbar-dark
{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #fff !important;
}

a,
.msg-worker a,
.msg-other-worker a{
    color: #10285E !important;
}
a:hover {
    color: #10285E;
}

.admin-body a:hover, .admin-body .btn:hover, .admin-body a:focus, .admin-body .btn:focus,
.customer-body a:hover, .customer-body .btn:hover, .customer-body a:focus, .customer-body .btn:focus,
a:hover, .btn:hover, .close:hover, a.btn:hover, a.list-group-item:hover,
a:focus, .btn:focus, .close:focus, a.btn:focus, a.list-group-item:focus{
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.bg-inactive {
    opacity: 0.5;
}

.text-primary {
    color: #10285E !important;
}

.link-white a {
    color: #10285E;
}

.brand-logo{
    height: 42px;
    margin: -9px 20px -15px 0;
}

.homeImg,
#termsLink{
    display: none !important;
}

.hh1{
    margin-top: 1rem !important;
}

.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #171c43 !important;
}

#mContent.text-white,
#mContent .text-white{
    color: #181818 !important;
}

.border-rad-25, .border-rad-25:not(.style-reset), .list-group-item.border-rad-25, #categoryList .list-group-item.border-rad-25,
#serviceList .list-group-item.border-rad-25,#categoryList:not(.list-group-cubic) .list-group-item{
    padding: 5px 25px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #E8E8E8;
    text-shadow: none;
    background: #10285E !important;
    border-color: #10285E !important;
    color: #fff !important;
    text-align: center;
    border-radius: 64px !important;
    -moz-border-radius: 64px !important;
    -webkit-border-radius: 64px !important;
    margin-top: 10px;
}

.card,
.badge,
.alert,
.modal-content,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .side-nav a.nav-link:hover,
#liveChatApp .chatContainer{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
}

.card-side-deck,
.navbar-dark{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.alert,
.card{
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
}

.modal-content,
.body-minified .modal-content{    
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0 0 15px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0 0 15px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0 0 15px 15px rgba(0,0,0,0.1);
}

.msg-row .msg{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -wekbit-box-shadow: none !important;
}

.msg-client{
    color: #171c43 !important;
    background-color: rgba(244, 244, 245, 1) !important;
}

/*TODO: eriytä värit*/
.msg-worker,
.msg-other-worker{
    color: rgba(0, 0, 0, 1);
    background-color: #F5DBD5 !important;
}

.body-minified .msg-client{
    color: #171c43;
    background-color: rgba(244, 244, 245, 1) !important;
}

.body-minified .chatMessage{
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
}

.msg-time .fa,
.msgss,
.msgdot,
.msg-spacer{
    display: none !important;
}
.msg:not(.msg-system) .msgfirst{
    display: block;
}
.msg-system .msg-time {
    display: none;
}
.msg-row .msg{
    background-color: transparent !important;
    padding: 0px !important;
}
.msg-row .msg:not(.msg-system)
{
    padding: 10px !important;
}
.lcmsg{
    display: block;
    padding: 10px !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.msg-worker .lcmsg,
.msg-other-worker .lcmsg{
    color: rgba(0, 0, 0, 1);
    background-color: #FFEFF3 !important;
    margin-top: 2px;
}
.msg-client .lcmsg{
    background: rgba(244, 244, 245, 1) !important;
    color: #424042;
    margin-top: 2px;
}
.msg .msg-time{
    float: right;
}
.msg .msgsender{
    float: left;
    margin-right: 20px;
}

.msgfirst::after {
    display: block;
    clear: both;
    content: "";
}

.bg-warning, .btn-warning, .alert-warning, .badge-warning {
    background: #FF8C00 !important;
    border-color: #FF8C00;
}

.bg-warning, .alert-warning,
#categoryList .list-group-item-warning{
    background: #F5DBD5 !important;
    border-color: #F5DBD5;
    color: #424042;
}

.bg-primary, .btn-primary, .badge-primary, .alert-primary {
    background: #E7EAEF !important;
    border-color: #E7EAEF;
    color: #181818;
}

.alert-warning h1,
.alert-warning h3,
.alert-warning a:not(.btn),
.alert-primary h3,
.alert-primary a:not(.btn),
.alert-info a:not(.btn){
    color: #171c43 !important;
}

.form-control {
    color: #000 !important;
    border-radius: 8px;
    border: 1px solid #A1A1AA;
    background: #FFF;
    padding: 0.8rem 15px !important;
    height: auto;
}
.form-control::placeholder{
    color: #0000008a;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    background-color: #e7e9ef;
    color: #10285e !important;
}
.dropdown-item.active, .dropdown-item:active {
    background: #10285E;
    color: #fff !important;
}

.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus {
  background: #10285E;
  color: white !important;
}

textarea:focus, textarea.form-control:focus, input.form-control:focus,
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
input[type="number"]:focus, [type="text"].form-control:focus, [type="password"].form-control:focus,
[type="email"].form-control:focus, [type="tel"].form-control:focus, [contenteditable].form-control:focus,
select:focus, select.form-control:focus{
    box-shadow: 0 0 0px 2px #cee2ff;
    -moz-box-shadow: 0 0 0px 2px #cee2ff;
    -webkit-box-shadow: 0 0 0px 2px #cee2ff;
    border: solid 1px #10285E;
}

.btn,
.container a.btn:not(.style-reset),
.container .btn:not(.style-reset){
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
    padding: 8px 32px;
    text-shadow: none !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-transform: none;
    font-weight: bold;
}
.btn:hover,.btn:focus,
a.btn:hover,a.btn:focus{
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}

/*#loginForm .col-form-label,
.form-horizontal .col-form-label*/
.col-form-label{
    font-weight: normal;
    font-size: inherit;
    padding-bottom: 3px;
}

#loginForm .btn-primary{
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
    background: #fff !important;
    color: #10285E !important;
    border: solid 1px #10285E !important;
    padding: 8px 32px;
    text-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-transform: none;
}

#teliaLg,
#loginOther{
    display: none;
}

#proLogin .card{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#proLogin .col-form-label {
    font-size: inherit;
}

.row-smiles .form-control.text-white{
    color: #000 !important;
}

@media (min-width: 1280px)
{
    #proLogin{
        max-width: 100%;
    }
    #proLogin .containerPadding{
        max-width: 50%;
    }
    #proLogin .offset-lg-3{
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1279px)
{
    #proLogin .bg-white{
        background: transparent;
        margin-top: 4rem !important;
    }
    .hh1{
        margin-top: 1rem !important;
    }
}
@media (max-width: 459px)
{
    .echatLbl{
        display: none !important;
    }
}

.admin-body .text-white:not(.btn),
.customer-body .text-white:not(.btn):not(.btn span):not(.card-header):not(.card-header.bg-primary h2){
    color: #171c43 !important;
}

.bg-danger:not(#statusBtn), .btn-danger, .alert-danger, .badge-danger{
    background: #fff !important;
    color: #10285E !important;
    border: solid 1px #10285E !important;
}

.btn-success,.bg-success,.alert-success,.badge-success,
.bg-success.text-white{
    background: #12673E !important;
    border-color: #12673E !important;
    color: #fff !important;
}

.btn-primary,.modal-body .btn-success,
form .btn-success{
    background: #10285E !important;
    border-color: #10285E !important;
    color: #fff !important;
}

.admin-body #statusBtn.bg-danger,
.admin-body #statusBtn.bg-success,
.customer-body #statusBtn.bg-danger,
.customer-body #statusBtn.bg-success{
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    font-size: 1rem;
}
.admin-body #statusBtn.bg-danger div,
.admin-body #statusBtn.bg-success div,
.customer-body #statusBtn.bg-danger div,
.customer-body #statusBtn.bg-success div{
    display: inline-block !important;
    margin-right: 5px;
}
.admin-body #statusBtn.bg-danger,
.customer-body #statusBtn.bg-danger{
    color: #171c43 !important;
    background: rgba(212, 212, 216, 1) !important;
    border-color: rgba(212, 212, 216, 1) !important;
}
.admin-body #statusBtn.bg-success,
.customer-body #statusBtn.bg-success {
    color: #fff !important;
    background: #108308 !important;
    border-color: #108308 !important;
}

.admin-body #incomingMessages .btn,
.customer-body #incomingMessages .btn{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#initBtn{
    font-size: inherit !important;
}

#sendMessage, #sendBotMessage {
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border: 1px solid #e3e3e3;
    padding: 0.8rem 80px 0.8rem 15px !important;
}
#sendBotMessage:focus, #sendMessage:focus {
    outline-color: #171c43 !important;
    outline-width: 1px !important;
    border-radius: 0px 0px 8px 8px !important;
    -moz-border-radius: 0px 0px 8px 8px !important;
    -webkit-border-radius: 0px 0px 8px 8px !important;
}

#sendMsgBtn {
    border-radius: 0 0 8px 0;
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
}

.btn-group, .btn-group-vertical {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn {
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}
.btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child)>.btn {
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}
.range-wrap .bubble,
.swal2-popup .swal2-styled.swal2-confirm,
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    background: #10285E !important;
    color: #fff !important;
}
.datepicker--cell.-current-,
.datepicker--day-name{
    color: #10285E !important;
}
.swal2-popup .swal2-styled.swal2-confirm{
    border-color: #10285E !important;
}

/*Ammattilaisen näkymä*/
.admin-body, .customer-body {
    background: #FAFAFA !important;
    color: #181818;
}

.body-minified {
  background: #fff !important;
}

.admin-body .btn,
.admin-body .container a.btn:not(.style-reset),
.admin-body .container .btn:not(.style-reset),
.admin-body a.btn:not(.nav-link):focus,
.admin-body .btn:not(.nav-link):focus,
.customer-body .btn,
.customer-body .container a.btn:not(.style-reset),
.customer-body .container .btn:not(.style-reset),
.customer-body a.btn:not(.nav-link):focus,
.customer-body .btn:not(.nav-link):focus{
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
    padding: 8px 16px; /*3/16*/
}

.side-nav a.nav-link,
.admin-body .navbar-dark .navbar-nav .nav-link, .admin-body .dropdown-item,
.customer-body .navbar-dark .navbar-nav .nav-link, .customer-body .dropdown-item {
    color: #181818;
}

.dcSelect .dropdown-item:hover, .dcSelect .dropdown-item:focus {
    text-decoration: none;
    background: #10285E !important;
    border-color: #10285E !important;
    color: #fff !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .side-nav a.nav-link:hover {
    color: #10285E;
    background-color: #e7e9ef;
}

#chatFrameInfo .bg-primary{
    background: #fff !important;
    border-color: #fff;
    color: #171c43;
}
#chatFrameInfo .card.bg-primary .fa,
#home .border-right h4 .fa,
#chatFrameInfo h3 .fa,
#chatFrameInfo .border-top .fa{
    color: #10285E !important;
}

#chatParticipants.text-white{
    color: #000 !important;
}
#participantList .badge{
    background: #10285E !important;
    background: #10285E !important;
    color: #fff !important;
}

#participantList .badge-danger{
    background: rgba(244, 244, 245, 1) !important;
    border-color: rgba(244, 244, 245, 1) !important;
    color: rgba(63, 63, 70, 1) !important;
}

#liveChatApp .chatContainer {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
#liveChatApp .chatBox{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#reportsTab .nav-link {
    color: #181818;
    font-weight: 700;
}

.btn-select{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.btn-selected {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: solid 1px #10285E;
    color: #10285E;
}

.admin-body .nav-tabs .nav-link.active, .admin-body .nav-tabs .nav-link.active:focus,
.admin-body .nav-tabs .nav-link:hover, .admin-body .nav-tabs .nav-link:focus:hover,
.customer-body .nav-tabs .nav-link.active, .customer-body .nav-tabs .nav-link.active:focus,
.customer-body .nav-tabs .nav-link:hover, .customer-body .nav-tabs .nav-link:focus:hover{
    box-shadow: inset 0 -2px 0 #10285E;
}

.bg-info:not(.card-header), .btn-info, .alert-info, .badge-info {
    background: #E7EAEF !important;
    border-color: #E7EAEF;
    color: #181818 !important;
}
.btn-info:focus,.btn-info:hover{
    background: #fff !important;
    border: solid 1px #E7EAEF;
    color: #181818;
}
.alert-info h3{
    color: #181818;
}

#calFilters .form-control,
#participantContainer .form-control{
    height: auto;
    padding: 0.4rem 15px !important;
}

.admin-body .form-control-sm,
.customer-body .form-control-sm {
    height: auto;
    line-height: normal;
    padding: 0.6rem 5px !important;
}

#fg_receiver .bootstrap-select {
  margin-top: 0px;
}

.bootstrap-select{
    padding: 0px !important;
}
.bootstrap-select .dropdown-toggle{
    color: #000;
    border-radius: 8px;
    border: 1px solid #A1A1AA !important;
    background: #FFF;
    padding: 0.8rem 15px !important;
    height: auto;
}

#navbar1000 .bootstrap-select .dropdown-toggle{
    padding: 0.35rem 15px !important;
}

#channelForm .bootstrap-select .dropdown-toggle{
    border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
}

.headerBar{
    padding: 20px 20px 12px 20px;
}

.headerBar .btn {
    margin-top: -6px;
}

#channelForm .btn-secondary{
    border: 1px solid #A1A1AA !important;
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
}

.alert-danger .close,
.vdLbl{
    color: #181818;
}

#toolbarLeft,
.toolbarButton{
    background-color: #10285E !important;
}

#myForm .tabcontent,
#myForm .form-container{
    background: #fff !important;
}

#myForm .btn-danger{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 3px 8px;
}

.ParticipantTableRow {
  color: #181818 !important;
}

#participantTab .cameraOn {
  background-image: url(../../images/cameraOn_b.png) !important;
}
#participantTab .microphoneOn {
  background-image: url(../../images/microphoneOn_b.png) !important;
}
.participantTableData {
  border-top: solid 1px #181818 !important;
  border-bottom: solid 1px #181818 !important;
}

.btn-group .btn-danger, .btn-group-vertical .btn-danger{
    border-width: 1px !important;
}

#ownConversations .btn-chat-row{
    border-radius: 0.25rem 50px 50px 0.25rem;
    -moz-border-radius: 0.25rem 50px 50px 0.25rem;
    -webkit-border-radius: 0.25rem 50px 50px 0.25rem;
}

#ownConversations .btn-chat-row:hover, #ownConversations .btn-chat-row-active {
    background: #10285E !important;
    border-color: #10285E !important;
}

.tools .btn-close-frame{
    padding: 3px 8px;
}

.tools .tool{
    background: #fff !important;
    color: #10285E !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.tools .fa{
    display: inline-block;
    font-size: inherit;
}
.tools .dropdown-item .fa{
    margin-right: 5px;
}

.chatDrop.show {
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: solid 1px #E4E4E7 !important;
}

.msg-worker {
    background-color: #cee2ff;
    color: #424042;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}
.msg-other-worker {
    background-color: #F5DBD5;
    color: #424042;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}
.authedClient.text-white,
.authedClient .text-white{
    color: #171c43 !important;
}

#recepQue .bg-info {
    background: #fff !important;
    border-color: #fff;
}

.dropzone{
    border: 1px solid #A1A1AA !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#profileTabs b{
    font-weight: 400;
}

#userEditor .list-group-item-info,
#categoryEditor .list-group-item-info,
#keywordEditor .list-group-item-info{
    background-color: #171c43;
    border-color: #171c43;
    color: #ffffff !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus:hover,
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus:hover{
    color: #171c43;
}

#consultationArchive .odd {
    background-color: rgb(249, 245, 238);
}

.selectedSmile{
    border: solid 2px #000 !important;
}

.selectedNps{
    border: solid 1px #10285E !important;
    background: #10285E !important;
}
.npsInfo{
    display: inline-block;
}
.npsInfo .fa-duotone{
    display: none;
}
.row-smiles .text-right .text-success,
.row-smiles .text-left .text-danger{
    margin-left: 3px;
}

.row-info .btn-success,
.row-info .bg-success:hover,
.row-info .bg-success:focus,
#oldChats .btn-success,
#lobbyJoinBtn{
    background: #10285E !important;
    border-color: #10285E !important;
}

#chatFeed .alert-info{
    background: #F5DBD5 !important;
    border-color: #F5DBD5;
    color: #424042;
}

.row-smiles .btn-secondary:not(:disabled):not(.disabled):active:focus,
.row-smiles .btn-secondary:not(:disabled):not(.disabled).active:focus,
.row-smiles .show>.btn-secondary.dropdown-toggle:focus{
    outline-width: 0px !important;
    outline-color: transparent !important;
}

#chatFrameInfo .btn-primary,
#customers .btn-primary,
#professionals .btn-primary,
#reports .btn-info,
#toggle_filters .btn-success,
#consultationArchive .btn-primary,
#chatFeed .alert-info .btn-info,
#profileTabs .btn-warning,
.clientSearchForm .btn-secondary,
#fg_receivers .btn-primary,
#calendar .btn-primary,
.eventEditBtn,
.modal-body .eventEditBtn,
.input-group .btn-secondary,
.circleUserStats .btn-success,
.clientSearchForm .alert-info .btn-primary,
.tools .alert-success .btn-success,
#expandChatContainerBtn{
    background: #fff !important;
    color: #10285E !important;
    border: solid 1px #10285E !important;
}

#ownConversations .bg-info{    
    background: #F5DBD5 !important;
    border-color: #F5DBD5 !important;
    color: #424042 !important;
}
#ownConversations .bg-info:hover{
    color: #fff !important;
}
.clientSearchForm .btn-success,
#soundNotifAlert .btn-success{
    background: #10285E !important;
    border-color: #10285E !important;
    color: #fff !important;
}

#ownConversations .bg-info{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #fff !important;
    border-color: #fff !important;
    color: rgba(63, 63, 70, 1) !important;
    font-weight: 400;
}
#ownConversations .bg-info:hover,
#ownConversations .bg-info:focus,
#ownConversations .btn-chat-row-active{    
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: rgba(244, 244, 245, 1) !important;
    color: rgba(63, 63, 70, 1) !important;
    color: #10285E;
    border-color: rgba(244, 244, 245, 1) !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
}
#ownConversations .btn-chat-row-active b,
#ownConversations .bg-info:hover b,
#ownConversations .bg-info:focus b{
    color: #10285E;
}

.body-minified #chatParticipants .btn-danger{
    color: #fff !important;
    background: #10285E !important;
    border-color: #10285E !important;
}

.list-group-item-info {
    background-color: #171c43;
    border-color: #171c43;
    color: #ffffff !important;
}

.navbar-dark #navbar1000{
    width: 320px;
    max-width: 100%;
    left: auto;
    position: fixed;
    top: 50px;
    right: 20px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: solid 1px #E4E4E7 !important;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
}
#navbar1000 > .row > .col-xl-4{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#navbar1000 #channelForm .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 190px;
}

#navbar1000 #channelForm .input-group-prepend{
    display: block !important;
    width: 100%;
}

.chat-lng-menu{
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -70px;
    z-index: 1031;
    text-transform: uppercase;
}
.chat-lng-menu .dropdown-toggle::after{
    display: none;
}
.chat-lng-menu .dropdown-menu.show {
    min-width: 0 !important;
}

#soundNotifAlert{
    border-width: 1px;
    border-style: solid;
    background: #FFF !important;
    border-color: #10285E !important;
    color: #10285E !important;
}

.customerPortalStats,
.proMessageStats,
#tab-heading-mobile,
.no-gutters .card-body h4,
#dashTasklist{
    display: none !important;
}

.admin-body .navbar-dark .container-fluid,
.customer-body .navbar-dark .container-fluid{
    padding-left: 0;
}

#searchForCustomer::placeholder {
  color: #181818;
}

/*#mainForm .validateForm,
#mainForm.validateForm{
    min-height: 200px !important;
}*/

.msg-row .alert-success,
.tools .alert-success{
    background: #cee2ff !important;
    color: #10285E !important;
    border: solid 1px #10285E !important;
}

.msg-row .btn-success,
#professionals .btn-success{
    border: solid 1px #10285E !important;
    background: #10285E !important;
    color: #fff !important;
}

.modal-body #categoryList .lg-chat{
    background: #fff !important;
    color: #10285E !important;
}

.page-link {
    color: #10285E;
}
.page-item.active .page-link {
    color: #10285E;
    background-color: #fff;
    border-color: #10285E;
}
.page-link:hover {
    color: #10285E;
}

.border-danger{
    border-color: #10285E !important;
}

#mainForm .form-check.pb-4{
    padding-bottom: 1rem !important;
    padding-left: 0;
}
#mainForm .form-element-container.mb-3{
    margin-bottom: 0 !important;
}
#mainForm .lead {
    font-size: 1rem;
    font-weight: 400;
}
#mainForm hr {
    display: none;
}
#mainForm #btn-nextTab{
    font-size: 0.85rem;
}
#mainForm .form-control:not(.bootstrap-select){
    padding: 0.5rem 15px !important;
}
#mainForm .btn:not(#btn-saveForm) {
    font-weight: 400;
    font-size: 0.85rem;
}
#mainForm #btn-saveForm{
    margin-top: 1rem;
    font-size: 0.85rem;
}
#mainForm .show-on-option .form-check {
    padding-left: 0px !important;
}
#mainForm #btn-prevTab{
    background: #fff !important;
    color: #10285E !important;
}
#mainForm .form-text.text-white
{
    color: #181818 !important;
}

.prerequisiteFrame{
    max-height: calc(100% - 60px) !important;
}

.pt-lg-3.tools{
    padding-top: 0 !important;
}
.btn-close-frame{
    position: relative;
    margin-top: 2px;
    margin-bottom: 20px;
    width: 100%;
    padding: 8px 32px !important;
}

#notificationContent{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#notificationContent .alert{
    border-radius: 8px;
}
#notificationContent .alert-dismissible .close{
    color: #181818;
}

#proChatList .dcSelect{
    margin: 5px 0;
}

#categoryList a.specialties,
#categoryList .list-group-item{
    text-shadow: none;
}
#categoryList a.specialties:hover,
#categoryList a.specialties:focus{
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}
#categoryList a.specialties-inner{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#reportsTab .nav-link,#reportsTab .nav-link:focus,#reportsTab .nav-link:hover{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#statsPlaceholder .btn-group .btn{
    margin: 0 5px;
}

.swal2-popup .swal2-title{
    font-size: 1em !important;
}
.swal2-icon{
    width: 3em;
    height: 3em;
    line-height: 3em;
}
.swal2-icon-text{
    font-size: 2.4em;
}

.btn.dropdown-toggle::before {
    margin-right: 0.3rem;
}

.btn-link{
    color: #10285E !important;
}
.btn-link:hover,
.btn-link:focus,
a.text-primary:hover,
a.text-primary:focus{
    color: #171c43 !important;
}

.proAvatar
{
    display: inline-block;
    max-height: 50px;
    width: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid 2px #cee2ff !important;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 10px 0 10px;
    float: left;
}

@media(min-width: 1200px)
{
    .admin-body main > .container-fluid > .row > .col-xl-2,
	.customer-body main > .container-fluid > .row > .col-xl-2{
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
        max-width: 240px;        
    }
    .admin-body main > .container-fluid > .row > .col-xl-5,
	.customer-body main > .container-fluid > .row > .col-xl-5{
        -ms-flex: 0 0 calc(100% - 280px);
        flex: 0 0 calc(100% - 280px);
        max-width: calc(100% - 280px);
        margin-left: 0;
    }
    .admin-body main > .container-fluid > .row > .col-xl-7,
	.customer-body main > .container-fluid > .row > .col-xl-7{
        -ms-flex: 0 0 calc(100% - 280px);
        flex: 0 0 calc(100% - 280px);
        max-width: calc(100% - 280px);
        margin-left: 0;
    }
    .admin-body main > .container-fluid > .row > .col-xl-9,
	.customer-body main > .container-fluid > .row > .col-xl-9{
        -ms-flex: 0 0 calc(100% - 280px);
        flex: 0 0 calc(100% - 280px);
        max-width: calc(100% - 280px);
    }
    .admin-body main > .container-fluid > .row > .col-xl-10,
	.customer-body main > .container-fluid > .row > .col-xl-10{
        -ms-flex: 0 0 calc(100% - 280px);
        flex: 0 0 calc(100% - 280px);
        max-width: calc(100% - 280px);
    }
    
    .card-side-deck{
        width: 210px;
    }
        
    .side-nav a.nav-link, .admin-body .navbar-dark .navbar-nav .nav-link, .admin-body .dropdown-item, .customer-body .navbar-dark .navbar-nav .nav-link, .customer-body .dropdown-item {
        margin-bottom: 5px;
    }
    .headerBar{
        padding: 16px 20px 12px 20px;
        background: transparent;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        position: absolute;
        left: -15px;
        margin-top: 0;
    }
    .headerBar #backBtn{
        display: none;
    }
    .headerBarSpacer {
        width: 100%;
        height: 60px;
    }
    .nav-pills{
        text-align: left !important;
    }
    .side-nav .nav-link span:nth-child(1){
        display: inline-block !important;
        width: 20px;
        margin-right: 5px;
        height: 16px;
    }
    .side-nav a.nav-link {
        margin-bottom: 15px;
        padding-left: 1rem;
    }
    .side-nav .nav-link .badge-danger{
        position: absolute;
        left: 24px;
        top: 8px;
        width: 10px !important;
        padding: 0 !important;
        height: 10px !important;
        overflow: hidden;
        background: #10285E !important;
        border: solid 2px #fff !important;
    }
    .side-nav .nav-link span:nth-child(2):not(#unreadSide){
        display: inline-block !important;
    }
    .side-nav .nav-link span:nth-child(2) br,
    .side-nav .nav-link span:nth-child(3) br{
        display: none !important;
    }
    .dobCardBody{
        padding: 0.5rem;
    }
    .icLoader{
        margin-left: 13rem !important;
    }
    .clientSearchForm{
        max-width: 70%;
        margin: 0 auto;
    }
    #messageList,
    .msgCard{
        max-width: 60%;
        margin: 0 auto;
    }
}

@media (max-width: 1279px)
{
    .chat-lng-menu{
        left: auto;
        right: 18px;
        top: 18px;
        margin-left: 0px;
        background-color: #fff;
        border-radius: 8px;
        padding: 5px;
        margin: 0;
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
        border: solid 1px rgb(221, 221, 221);
    }
    .chat-lng-menu .dropdown-menu.show{
        left: auto !important;
        right: -6px !important;
        top: 26px !important;
        transform: none !important;
    }
    .chat-lng-menu .nav-link{
        padding: 0;
    }
    
    #chatRowCont:not(#body-emb #chatRowCont){
        position: fixed;
        margin: 0;
        top: 75px;
        left: 0px;
        right: 0px;
        bottom: 10px;
        max-width: none !important;
        width: auto;
        height: auto;
    }
    .chatContainer{
        height: calc(100% - 100px);
    }
    .row-smiles {
        background-color: #fff;
    }
}

@media  screen and (orientation: landscape) and (max-width: 1279px){
    #chatRowCont{
        top: 18px;
    }
}

@media (min-width: 1280px) and (min-height: 621px) {
    .chatContainer {
        height: 500px;
    }
}

@media (max-width: 1199px) {
    .headerBar {
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
        -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04);
    }
}

@media (max-width: 767px)
{
    h1, .h1 {
        font-size: 1.4rem;
    }
    .row-smiles h1.mb-5{
        margin-bottom: 1.5rem !important;
    }
    #chatParticipants{
        margin-bottom: 10px !important;
    }
    .body-minified #chatParticipants{
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 579px)
{
    .navbar-dark #navbar1000 {
        width: 100%;
        max-width: 100%;
        left: auto;
        position: relative;
        top: 0px;
        right: auto;
        border: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    body:not(.admin-body):not(.customer-body) .navbar-dark {
        padding-left: 0;
        padding-right: 0;
    }
    #mainForm #btn-prevTab,
    #mainForm #btn-nextTab,
    #mainForm #btn-saveForm{
        padding: 8px 10px;
    }
}

@media (max-height: 499px)
{
    .chatMessage{
        height: 60px;
    }
    .chatBox{
        height: calc(100% - 60px);
    }
}

#vidyoConnector .options select {
    padding: 3px !important;
}

.btn-chat .btn-primary{
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}
.btn-chat .btn-primary:nth-child(1)
{
    border-radius: 0px 0px 0px 8px !important;
    -moz-border-radius: 0px 0px 0px 8px !important;
    -webkit-border-radius: 0px 0px 0px 8px !important;
}

.card .card-header {
    background-color: #171c43 !important;
}

.alert-warning h4 {
  color: #171c43;
}

.alert-warning a.btn-success {
  color: #fff !important;
}

#failed .text-white {
  color: #171c43 !important;
}

#failed .btn-group .btn {
  margin: 4px;
}

a#cbtn1 {
    color: #10285E !important;
    background-color: #e7e9ef !important;
}

.progress-bar.bg-primary {
    background: #10285E !important;
    border-color: #10285E;
	color: #ffffff;
}

.alert-info > h1, .alert-info > h4, .alert-info > h2, .alert-info > h3 {
    color: #10285E;
}

.card-header h5.text-body:not(#networkCol1 h5) {
    color: #fff !important;
}

div#networkCol1 .card-header {
    background-color: white !important;
}

#userSaysList select, .sortables select {
    padding: 0rem 0.25rem !important;
}

.chatbotContainer .btn:not(.basic-shadow), .btn-bot-feedback-example {
	border: solid 2px #10285E !important;
	background-color: #10285E !important;
}

.shortcutHeaders button {
    color: white !important;
}

.card-header.bg-primary > .text-white {
    color: white !important;
}

.card-header.text-white.bg-primary {
    color: white !important;
}

#feedbackAccordion .btn-default {
    background-color: white;
}

#pathContent .card-header {
    background-color: white !important;
}

#pathContent .card-header > h5.text-body.mb-0 {
    color: #10285e !important;
}

#conversations .card-header {
    background-color: white !important;
}

#conversations .card-header > h5.text-body.mb-0 {
    color: #10285e !important;
}

#feedback .card-header {
    background-color: white !important;
}

#feedback .card-header > h5.text-body.mb-0 {
    color: #10285e !important;
}

.alert-info h5 {
    color: black !important;
}

.btn:not(.btn-warning) > span.fa {
    color: #FF8C00 !important;
} 

.bot-body .chatbotMenu {
    background-color: #FF5982 !important;
}

.bot-body .chatbotMenu button{
    padding: 5px 12px !important;
}


.chatbotContainer .msg-worker, .chatbotContainer .msg-system {
    border-radius: 4px 20px 20px 20px;
    -moz-border-radius: 4px 20px 20px 20px;
    -webkit-border-radius: 4px 20px 20px 20px;
    background-color: #fff !important;
    color: #000;
}

.chatbotContainer .btn:not(.basic-shadow), .btn-bot-feedback-example {
    width: 96%;
}

.feedback-btns .fal, .feedback-btns .fa {
    color: #10285e !important;
}

.bot-body .btn-close {
    background-color: transparent !important;
    color: #000;
    text-shadow: none !important;
    border: 0 !important;
	padding: 5px 9px !important;
}

.bot-embed .chatBox.lvTop0 .livechatFrame {
	top: 38px !important;
    height: calc(100% - -22px) !important;
}

.bot-body .btn-close>span.fa {
    color: #ffffff !important;
	font-size: 1rem;
}

#fg_event_end_date {
    display: none;
}

.customerPortalContent {
    display: none !important;
}


#navbar1000 #channelForm .dropdown-menu {
  width: 300px;
}

#navbar1000 #channelForm .dropdown-menu .dropdown-item {
  white-space: normal;
}

h1#joinMeetingHeading {
  color: #171c43 !important;
  text-shadow: none;
}

.alert-primary>.form-group>span.text-white {
    color: #171c43 !important;
}

.optionsParameters>h3#groupJoinHeading {
    color: #10285e;
}

.groupMeetingAuthLogoutBtn {
    display: none;
}

#chatFrameInfo .card-header.bg-primary h3 {
    color: #10285e !important;
}

.smiles2.selectedSmile {
    background-color: #10285e !important;
    color: white !important;
    background: #10285e linear-gradient(180deg, #10285e, #10285e) repeat-x !important;
}

@media(min-height: 300px) and (max-height: 550px) and (orientation : landscape)
{
    .video-navbar{
        display:none !important;
    }
	
	.alert.alert-danger.alert-dismissible.fade.show.demoRoomInfo {
		top: 20px !important;
	}

	#vidyoConnector #renderer, #chat-btn.btn-group.btn-chat, #vidyoConnector #myForm.chat-popup{
		top: 0px !important;
	}
	
	#vidyoConnector .tablink {
		height: 6%;
	}
	
	#vidyoConnector .tabcontent {
		top: 6%;
	}
}

#body-emb .row-smiles {
    max-height: 550px;
    overflow-y: auto;
}

#innerCircleLink,#consultProTab,#externalMessagesSideLink,#externalMessagesNavbar
{
    display: none;
}

form#loginForm a.btn.btn-success.btn-block {
    display: none !important;
}

body.bot-body {
	font-size: 0.95rem !important;
}

body.bot-body .btn-sm,body.bot-body .btn-group-sm>.btn {
	font-size: 0.85rem;
}

#consultationArchive a.btn.btn-sm.basic-shadow.btn-primary.align-middle {
    display: none !important;
}

.row-smiles .btn.btn-secondary.selectedSmile {
	background: #10285e linear-gradient(180deg, #10285e, #10285e) repeat-x;
    color: #fff !important;
}

.bot-body #sendMessage, .bot-body #sendBotMessage {
    font-size: 16px !important;
}

.messageButton.message_handling{
    background-color: #fffae2;
    border-right: solid 1px #ffa500;
    border-top: solid 1px #ffa500;
    border-bottom: solid 1px #ffa500;
}