@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
body {
background-color: #252837;
font-family: 'Lato', sans-serif;
}
.page-container-bg-solid .page-content {
background: #ffffff;
}
.page-header.navbar .page-top {
background: #f5f1ec;
text-align: center;
}
.page-header.navbar .page-logo {background: #f5f1ec;padding-left: 8px;}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{
background: #252837;
border-left: 3px solid #0251bf!important;
}
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
border-top: 0px solid #ffffff;
color: #c3cee0;
padding-left: 15px !important;
}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
background-color: #252837;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
background: transparent;
color: #fff;
}
.page-sidebar .page-sidebar-menu>li.active.open>a>i, .page-sidebar .page-sidebar-menu>li.active>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>i {
color: #fff;
}
.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=icon-] {
color: #fff;
}
.active-link>i[class*=icon-]{
    color: #252837!important;
}
.active-link{
    background: #ffffff!important;
    color: #252837!important;
    border-left: 3px solid #0251bf!important;
}
.page-container-bg-solid .page-title {
color: #fff;
font-weight: 400;
}
.box-dash {
padding: 10px;
border-bottom: solid 1px #ee3f42;
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
.box-dash span {
font-size: 16px;
font-weight: 600;
display: block;
color: #ee3f42;
padding-bottom: 35px;
}
.box-dash i {
font-size: 30px;
display: block;
color: #ee3f42;
padding-bottom: 25px;
}
img.logo-default {width: auto;height: 43px;margin: 4px 0 0 !important;}
.page-logo span {
    color: #fff;
    font-size: 25px;
    position: relative;
    top: 9px;
    left: 50px;
}
/********Login*********/
.login {
background: url(../img/cloudy_sky-wide.jpg);
}
.logo-main{
width: 100px;
margin-top: 10px;
}
/********Header Nav*********/
.navbar-default{
background: transparent;
border: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #ff585b;
}
/* .navbar-default .navbar-collapse{
background: #012561;  //Header background color
} */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
background: #ee3f42;
}
.navbar-default .navbar-nav>li>a{
font-weight: 800;
}
/********Dashboard*********/
ul.yr-dashboard-list {margin-top: 25px;display: inline-block;text-align: left;list-style: none;}

ul.yr-dashboard-list li {
line-height: 40px;
font-size: 16px;
}
ul.yr-dashboard-list li > i {
    color: #2fa1a0;
    margin-right: 10px;
}
/********Installation*********/
.yr-instaBox {
display: inline-block;
border: 1px solid #d6cdcd;
border-radius: 3px !important;
max-width: 560px;
}
.yr-instaBox h2 {
background: #f8f7f5;
margin: 0px;
padding: 20px 40px;
font-size: 18px;
font-weight: 600;
}
.yr-innerBox {
padding: 40px 40px 25px 30px;
font-size: 13px;
color: #1e1d1d;
}
.yr-innerBox h4 {
font-size: 18px;
font-weight: 600;
}
.yr-text-con{width:93%}
.code-box {
    border: 1px solid #ddd;
    padding: 15px;
    max-height: 85px;
    overflow: auto;
    color: #848484;
    font-size: 13px;
}
.yr-mainTitle {
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
}
.btn.btn-yr-primary {
    background: #0152be;
    color: #fff;
    border-radius: 5px !important;
    padding: 5px 30px;
    font-weight: 600;
}
button.yr-crossBtn {
    border: 0px;
    background: transparent;
    color: red;
    outline: none;
    width: 44px;
}
.mailId-list {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    /* border: 1px solid #e4e4e4; */
}
.mailId-list span {
    line-height: 25px;
}

/**********Bootstrap On Off Switch Button Custom*****************/
.bootstrap-switch{
    border-radius: 20px !important;
    width: 70px !important;
}
.bootstrap-switch .bootstrap-switch-container{
    width: 102px !important;
    height: 29px;
}
.bootstrap-switch-off .bootstrap-switch-container{
    background-color: #ccc;
}
.bootstrap-switch-on .bootstrap-switch-container{
    background-color: green;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    background-color: white;
    border-radius: 50% !important;
    width: 20px !important;
    margin: 5px;
    height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{
    color: #fdfdfd;
    font-weight: 600;
    background: transparent;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{
    background: transparent;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{
    border-radius: 50% !important;
    background-color: #fff;
    width: 20px !important;
    margin: 5px;
    height: 20px;
}
.yr-visitor-details {
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1pt solid #f1d4b1;
}
.yr-visitor-details:hover{
    background-color: #e8e8e8;
}
span.yr-visitor-icon img {
    width: 25px;
    max-height: 25px;
}
span.yr-visitor-icon {
    margin-right: 5px;
}
span.yr-visitor-time {
    text-align: right;
    overflow: hidden;
    font-size: 9pt;
    color: #868282;
}
.yr-visitor-details p {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/************/
.yr-rightbar-chatBox{
    background-color: #fff !important;
    padding: 3%;
}
.yr-chatbox-msg {
    display: flex;
}
.yr-chatMsgBox {
    width: 95%;
    float: left;
}
span.yr-chatUser-icon {float: left;width: 30px;height: 30px;margin-right: 10px;}

span.yr-chatUser-icon img {
    max-width: 30px;
    max-height: 30px;
}
span.yr-chat-userName {
    font-size: 15px;
    padding-right: 5px;
}
span.yr-chat-timing {
    font-size: 11px;
    color: #96abc6;
    font-weight: 600;
}
.yr-chatMsgBox p {
    margin-top: 1px !important;
    font-size: 12px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    word-break: break-all;
}
.yr-sendChatMsg {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 3%;
    right: 3%;
}
.yr-relative{
    position: relative;
    width: 100%;
}
.yr-relative textarea {
    padding-right: 45px;
    resize: none;
    max-height: 50px;
    line-height: 33px
}
.yr-chat-sendBtn {
    position: absolute;
    right: 8px;
    top: 8px;
    border: 0;
    background-color: transparent;
    background: url(../img/send.png) no-repeat;
    background-size: 30px;
    height: 35px;
    width: 40px;
    background-position: center;
    opacity: 0.6;
    padding: 0px;
}
.yr-chat-sendBtn:hover {
    opacity: 0.9;
}
.yr-chatbox-height {
    max-height: 449px;
    overflow: auto;
/*    padding-bottom: 70px;*/
}

.admin-chat-dashboard{
    max-height: 500px !important;
    padding-bottom: 10px;
}
.yr-loader {
    padding: 10px 0px;
    position:absolute;
}
.yr-loader img {
    width: 40px;
}


.yr-openMsg{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-image: linear-gradient(#e2f5ff, #fdfdef) !important;
}
.yr-welcome-box h1{
    font-weight: 600;
}
.yr-welcome-box span {
    display: inline-block;
    padding: 10px;
}
.yr-awatarImg{
    margin-bottom: 10px;
    margin-top: 25px;
/*    border: 1px solid #d4d4d4;*/
    padding: 10px;
/*    border-radius: 50% !important;
    width: 80px;
    height: 80px;*/
/*    box-shadow: 0 0 3px 0px #dcdcdc;*/
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    display: flex;
}
.yr-awatarImg:hover{
/*    box-shadow: 0 0 10px 2px #e5e5e5;*/
}
.yr-welcome-box span img {
    max-width: 150px;
    max-height: 100px;
}
.yr-welcome-box span p {
    color: #c2c2c2;
}
/*************END**************/

/**********New Customize chat bot*****************/
.yr-servicesList,.yr-servicesList2 {
    padding-left: 15px;
    margin-top:10px;
    list-style: none;
}
.yr-servicesList,.yr-servicesList2 ul{
    list-style: none;
}
.yr-ansDiv {
    border: 1px solid #1da0ff;
    padding: 10px;
    margin-bottom: 15px;
}
.yr-ansDiv {
    border: 1px solid #1da0ff;
    padding: 10px;
    margin-bottom: 15px;
    resize: none;
}
/*************END**************/

.yr-nodata {
    text-align: center;
    font-size: 18px;
    position: absolute;
    width: 100%;
    top: 50%;
}
.yr-mail-innerBox {
    background: #f5f5f5;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}
.yr-mail-heading {
    background: #e8e8e8;
    line-height: 30px;
}
/******YR Plans Billing********/
.plans-bill-body{
    border: 1px solid #c3c0ba;
    border-radius: 3px !important;
    margin-left: 15px;
    display: inline-block;
    padding: 10px 20px 30px;
}
.plans-bill-body ul{
    padding-left: 18px;
    padding-top: 12px;
}
 .plans-bill-details {
    /* border: 1px solid #c3c0ba; */
    border-radius: 5px !important;
    margin-bottom: 25px;
    display: inline-block;
}
.billing-details .form-group {
    display: flex;
}
.plans-bill-head span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.plans-bill-head {
    background-color: #0251bf;
    padding: 13px 15px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.price-chart{
    border: 1px solid #ddd;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.price-chart table {
    width: 100%;
}
.price-chart table tr {
    border-bottom: 1px solid #ddd;
}
.price-chart table thead tr{
    color: #9d9d9d;
}
.price-chart table tr.total{
    color: #0251bf;
}
.price-chart table tr td{
   padding: 15px;
}
.billing-details {
    margin-top: 35px;
    border: 1px solid #ddd;
    border-radius:5px !important; 
}
.billing-details .card-print{
    position: relative;
}
.billing-details .card-print{
    background: url(../img/card-cvv.png) no-repeat;  
    background-position: 95% center; 
    padding-right: 35px;
}
.plans-bill-details .submit-button.button_submit{
  margin-bottom: 40px;
  margin-top:0px;
  border-radius: 0 !important;
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.mg-t20{
    margin-top: 20px !important;   
}
input#report_date_range, input#admin_chat_filter_date {
    border: 0px;
    color: #288f96;
    outline: 0;
    width: 230px;
    background: #fff url(../img/arrowd.png) no-repeat 97% 8px;
    cursor: pointer;
}
input#admin_chat_filter_date {
    margin-left: 290px;
    margin-top: 10px;
    width: 190px;
}
ul.yr-chat-sec li {
    list-style: none;
    padding: 8px 0;
}
ul.yr-chat-sec li:before {
    background-image: url(../img/zyra-chat-check.png);
    content: "";
    width: 20px;
    height: 19px;
    position: absolute;
    margin-left: -30px;
    float: left;
}
ul.yr-chat-sec {
    padding-left: 40px;
}
.yr-client-logo {
    margin-top: 50px;
}
.yr-client-logo img{
    width: 150px;
    margin-bottom: 10px;
}
.bill-title {
    padding: 15px;
    font-size: 17px;
}
.plans-bill-body .yr-mainTitle {
    padding-left: 20px;
    font-size: 30px;
    font-weight: 400;
}
.plans-bill-body .yr-cplans ul li {
    line-height: 30px;
    color: #0250bf;
}
.plans-bill-body .yr-cplans ul li span{
    color:#333;
}
.plans-bill-body .button_submit{
    font-size: 17px;
    width: 80%;
    margin-top: 10px;
    line-height: 1.89!important;
    border-radius: 5px !important;
}
/******YR Plans Billing old page********/
.yr-planDetails.bg-dark-blue{
    background: #0251bf;
    color: #fff;
}
.yr-planDetails {
    display: table;
    padding: 10px;
    width: 100%;
}
.yr-planPrice {
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    padding-top: 15px;
}
.yr-plansFooter {
    padding: 15px;
    margin-top: 10px;
}
.yr-plansFooter h5 {
    font-weight: 600;
}
.yr-plansFooter p {
    margin-top: 0px;
    margin-bottom: 8px;
}
.yr-planTitle {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}
.yr-accountList {
    display: grid;
    padding: 10px 0px;
    margin-bottom: 10px;
    margin: 0px 15px 10px;
    /* border-bottom: 1px solid #ddd; */
}
.help-text{font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    display: block;
}
.need_help p {
    margin: 15px 0 5px !important;
}
.submit-button {
    background-color: #0250bf;
    color: #fff !important;
    border-radius: 2px !important;
    margin-top: 20px;
}
.need_help .form-control{
border: 1px solid #ddd;
border-radius: 2px !important}
/***********HEADER INNER SECTION *****************/
.yr-title-heading {
display: inline-block;
font-weight: 600;
font-size: 18px;
line-height: 55px;
}
li.nav-item.yr-navTitle {
font-weight: 600;
color: #fff;
padding: 10px !important;
padding-left: 20px !important;
}
.page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before{
transform: rotate(180deg);
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu {
    margin-top: 1px;}
/***********NAVBAR SECTION *****************/
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a{background: #ffffff!important;color: #252837;border-left: 3px solid #0251bf;}
.page-sidebar .page-sidebar-menu>li>a{padding: 10px 15px 10px;margin-bottom: 10px;}
.page-sidebar {padding-top: 15px !important;}
.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li{margin-top: 2px!important;line-height: 24px !important;}


.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username,.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{color: #666666;}
.page-sidebar .page-sidebar-menu .sub-menu>li>a{color:#fff}
.arrow:before {color: #fff !important;}
.sub-menu li:hover .arrow:before {color:#252837 !important;}

.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class^=icon-]{color: #d7d5d4;}
.page-sidebar .page-sidebar-menu li>a>.arrow:before{height: 28px;}

.page-sidebar .page-sidebar-menu .sub-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu>li>a>i[class^=icon-]{color: #d7d5d4; margin-right: 5px;}
.page-sidebar .page-sidebar-menu .sub-menu>li:hover i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu>li:hover i[class^=icon-]{color:#252837}
.page-sidebar .page-sidebar-menu .sub-menu>li>a{border-left: 3px solid #363851;}
.sub-menu>li>a:after{content:'';margin-top: 9px;float: left;width:100%;border-bottom: 1px solid #252837;}
.sub-menu>li:hover a:after{border-bottom: 1px solid #fff;display:none}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a{min-height: 40px;}
.page-sidebar .page-sidebar-menu>li>a{border-left: 3px solid transparent;padding: 10px 15px 10px 12px !important;}
.page-sidebar .page-sidebar-menu>li:hover>a{background: #232f44;border-left: 3px solid #0251bf!important;}
.yr-icon {
    color: #c0c0c0 !important;
    height: 21px;
    position: relative !important;
    top: 3px !important;
    left:-2px;
    font-size: 20px !important;
}
.calBox {
    border: 1px solid #e8e7e4;
    width: 200px;
    margin: 0 30px 50px 0;
    height: 130px;
    float: left;
    font-family: "Open Sans",sans-serif;
}

.calb-head {
    border-bottom: 1px solid #e8e7e4;
    line-height: 30px;
}

.ucalc-status {
    margin-bottom: 10px;
    font-size: 15px;
    display: table-footer-group
}
.cal-hour {
    color: #0250bf;
    font-size: 45px;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;

}
.ucalc-status + .cal-hour{ display: table-header-group;}


.cal-body {
    display: table;
    width: 100%;
    height: 97px;
}


.calc-graph-box {
    float: left;
}

.calc-graph-box img {
    height: 135px;
}

.activity-box{border:1px solid #e6e5e2;width: 91%;position: absolute;height: 100%;}
.activity-box .table th,.activity-box .table td{vertical-align: middle;border-bottom: 0 !important;}
.activity-box .table td{border-top: 1px solid transparent !important;padding: 5px 12px;}
.activity-box .table th{padding:12px 0}
.activity-box .table tbody tr:nth-child(even){background-color:#fff}
.activity-box .table tbody tr:nth-child(odd){background-color:#f5f2ec}
.activity-box .table tr td:first-child{width:40px}
.activity-box .table tr td:last-child{width:140px}
.star-ratings-sprite {
background: url("../img/star-rating-sprite.png") repeat-x;
font-size: 0;
height: 21px;
line-height: 0;
overflow: hidden;
text-indent: -999em;
width: 110px;
margin: 0 auto;
}
.star-ratings-sprite-rating {
background: url("../img/star-rating-sprite.png") repeat-x;
background-position: 0 100%;
float: left;
height: 21px;
}  

.profileBox{border: 1px solid #c3c0ba;width: 800px;float: left;border-radius: 3px !important;margin-left: 15px;position: relative;padding-top: 0px;}
.profbox-head {
    width: 100%;
    display: block;
    min-height: 60px;
    padding: 10px 20px;
    margin-bottom: 0px;
    background-color: #f8f7f5;
    border-radius: 3px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*******Customize Chatbot Page**********/
.yr-col-3{
    width: 30%;
    float: left;
}
.yr-col-6{
    width: 70%;
    float: left;
}
.yr-col-6, .yr-col-3{
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right:15px; 
}
.yr-custozize-chatbot{
    border: 1px solid #c3c0ba;
    border-radius: 3px !important;    
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 0px;
}
.yr-custozize-chatbot .yr-title-heading{
    line-height: 37px;
    display: block;
    text-align: center;
}
/* Style the tab */
.yr-custozize-chatbot .tab {
    overflow: hidden;
    display: initial;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
}
.yr-custozize-chatbot .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 16px 15px;
    transition: 0.3s;
    font-size: 16px;
    height: 50px;
}
.yr-custozize-chatbot .form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
button.btn.yr-cancel-btn {
    background: transparent;
    color: #09a57c;
    margin-left: 20px;
}
.mgt20{
    margin-top: 10px;
}



.yr-custozize-chatbot .tab button:hover {
    border-bottom: 6px solid #0d6daa;
    padding: 5px 16px 15px;
}
.yr-custozize-chatbot .tab button.active {
    border-bottom: 6px solid #0b80b5;
    padding: 5px 16px 15px;
    font-weight: 600;
}
.yr-custozize-chatbot .tabcontent {
    display: none;
    width: 100%;
    float: left;    
}
.yr-tab-logo{
    text-align: center;
    /* height: 170px; */
}
.yr-tab-left, .yr-right-chatbox{
    margin-top: 15px;
}
.yr-tab-left {
    border: 1px solid #ccc;
    border-radius: 5px !important;
    padding: 20px 0px;
    margin-bottom: 15px;
    display: block;
    height: 640px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
}
.yr-tab-left::-webkit-scrollbar-track, .yr-chatbox-height::-webkit-scrollbar-track, .yr-cz-chatboat::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.yr-tab-left::-webkit-scrollbar, .yr-chatbox-height::-webkit-scrollbar, .yr-cz-chatboat::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.yr-tab-left::-webkit-scrollbar-thumb, .yr-chatbox-height::-webkit-scrollbar-thumb, .yr-cz-chatboat::-webkit-scrollbar-thumb
{
	background-color: #9c9c9c;
}
.yr-cz-chatboat::-webkit-scrollbar-track{
        margin-bottom: 20px;
        margin-top: 20px;
}
.yr-cz-chatboat::-webkit-scrollbar {
    background-color: transparent;
}
.yr-visitor-details .yr-text-elips{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.yr-logo-edit-btn {
    border: 1px solid #337ab7;
    border-radius: 3px !important;
    padding: 5px 10px;
    width: 80%;
    display: block;
    text-align: center;
    margin: 20px auto;
    text-decoration: none;
}
.yr-tab-left .btn.default:not(.btn-outline){
    background-color: transparent;
    border: 1px solid #337ab7;
    border-radius: 3px !important;
    padding: 5px 20px;
    text-align: center;
    margin: 20px auto;
}
.yr-tab-left a.btn.red.fileinput-exists{
    background-color: transparent;
    border: 1px solid #c51b26;
    border-radius: 3px !important;
    padding: 5px 20px;
    color: #333;
    text-align: center;
    margin: 20px auto;
}
.yr-custozize-chatbot label.control-label {
    margin-bottom: 10px;
}
.yr-tab-left .thumbnail{
    border: 0px;
}
/*******Right Box********/
.yr-chat-labels-left .yr-chatIcon{
    position: absolute;
    left: -47px;
    top: 0px;
    max-width: 40px;
    max-height: 50px;

}
.yr-chat-labels-left{
    position: relative;
    margin-left: 45px;
    text-align: left;
    background-color: #f4f7f8;
    padding: 6px;
}
.yr-right-chatbox {
    background: #f5f1ec;
    width: 100%;
    min-height: 640px;
    border: 1px solid #ccc;
    border-radius: 5px !important;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
a.yr-chatbox-logo-icon {
    position: absolute;
    left: 50px;
    bottom: 70px;
    top: auto;
    width: 52px;
    height: 52px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
/*    border: 2px solid #9cd3e2;*/
    border-radius: 4px !important;
    /* border: 1px solid #fff; */
    background: rgb(18,96,145);
    /* background: linear-gradient(45deg, #286d94 28%, #09cc90 66%); */
}
a.yr-chatbox-logo-icon-right {
    position: absolute;
    left: 50px;
    bottom: 70px;
    top: auto;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 2px solid #9cd3e2; */
    border-radius: 4px !important;
    /* border: 1px solid #fff; */
    background: rgb(18,96,145);
    /* background: linear-gradient(45deg, #286d94 28%, #09cc90 66%); */
}
a.yr-chatbox-logo-icon img {
    width: 30px;
    /*padding: 10px 4px 10px 10px;*/
}
/*a.yr-chatbox-logo-icon-external img {
    max-width: 50px;
    width: auto;
    max-height: 50px
}*/

.yr-chat-boxarea {
    background: #fff;
    max-width: 320px;
    margin: 0 auto;
    border: 1px solid #333;
    border-radius: 15px !important;
    padding: 20px 10px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    padding-bottom: 80px;
    min-height: 510px;
}
.yr-chat-boxarea img {
    max-width: 200px;
    max-height: 80px;
}
.yr-chat-head-title {
    margin: 20px auto;
    font-size: 16px;
    font-weight: 800;
    /* color: #0875b5; */
    line-height: 1.8em;
    width: 250px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yr-btn-primary,a.yr-btn-primary {
    display: inline-block;
    background: #0976b7;
    padding: 8px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px !important;
    width: 150px;
    margin: 10px 0;
    box-shadow: 0px 5px 10px #7e7f80;
}
.yr-chat-content a.yr-chat-btn {
    display: inline-block;
    /* background: #0976b7; */
    padding: 8px 10px;
    /* color: #fff; */
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px !important;
    width: 150px;
    margin: 10px 0;
    box-shadow: 0px 5px 10px #7e7f80;
}
.yr-chat-ftrarea {
    position: absolute;
    bottom: 6px;
    font-size: 12px;
    right: 10px;
}
.yr-plusBtn{
    color: #008000;
    font-size: 18px;
    position: absolute;
    right: -18px;
    top: 10px;
    padding: 0;
}
.yr-minusBtn{
    color: #f00;
    font-size: 18px;
    position: absolute;
    right: -38px;
    top: 9px;
    padding: 0;
}

.yr-chat-ftrarea a {
    color: #02c4a1;
}
.yr-chat-ftrarea img {
    width: 10px;
    margin: 2px;
}
.minicolors-theme-bootstrap .minicolors-input{
    padding-left: 72%;
}
.minicolors-theme-bootstrap .minicolors-swatch{
    width: 70%;
}
a.yr-mobileView-logo.yr-chatbox-logo-icon {
    display: none;
}
.yr-Review .yr-chat-boxarea .review-img:first-child{
    padding-right:3px; 
}
.yr-Review .yr-chat-boxarea .review-img:last-child{
    padding-left:3px; 
}
.yr-Review .yr-chat-boxarea .review-img img{
    max-width: 100%;
    max-height: 100%;
    margin-top: 10px;
}
.yr-langConv{
    width: 100%;
    margin-bottom: 15px;
}
.yr-langConv button:nth-child(2) {
    float:right;
} 
.chat-opt .pb-chat-labels{
    position: relative;
}
.chat-opt .pb-chat-labels em {
    opacity: 0;
    width: 100%;
    position: absolute;
    background: #000000b3;
    padding: 13px 14px;
    top: 0;
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
    transition: 0.5s;
    display: inline-block;
    font-size: 18px;
    text-align: center;
}
.chat-opt .pb-chat-labels:hover em {
    width: 100%;
    opacity: 1;
}
@media (max-width:1024px){
    .yr-col-3{
        width: 35%;
        float: left;
    }
    .yr-col-6{
        width: 65%;
        float: left;
    }
}
@media (max-width:991px){
    a.yr-chatbox-logo-icon {
        left: 10px;
        bottom: 10px;
        z-index: 99;
/*        width: 50px;
        height: 50px;*/
    }
    .yr-custozize-chatbot{
        margin-left: inherit;
        margin-right: inherit;
    }
    a.yr-chatbox-logo-icon img {
/*        width: 53px;
        padding: 5px 9px 5px 5px;*/
    }
}
@media (max-width:767px){
    .yr-custozize-chatbot .tabcontent{
        float: none;
    }
    .yr-custozize-chatbot .tabcontent{
        max-width: 320px;
        margin: 15px auto;
    }
    .yr-custozize-chatbot .tab{
        display: block;
    }
/*    .yr-custozize-chatbot .tab button{
        float: none;
    }*/
    .yr-right-innerheader{
        display: inline-block;
        margin-top: 20px;
    }
    .yr-chatbox-logo-icon{
        display: none;
    }

    a.yr-mobileView-logo.yr-chatbox-logo-icon {
        position: static;
        text-align: center;
        display: flex;
    }
    .yr-tab-left{
        min-height: auto;
    }
   .logo-mob-wrp{width:100%;float: left;margin-top: 15px;}
   .logo-mob-wrp .logo-box{width:70px;margin:0 auto}
   a.yr-chatbox-logo-icon {
/*    width: 70px;
    height: 70px;*/
display: none;
   }
   a.yr-chatbox-logo-icon img {
/*    width: 66px;
    padding: 10px 5px 10px 9px;*/
  }
  .edit-btn-form .form-group {
    margin-left: -5px;
    margin-right: 0;
 }
.yr-Review .yr-chat-boxarea .review-img:first-child{
    padding-right:15px;
}
.yr-Review .yr-chat-boxarea .review-img:last-child{
    padding-left:15px;
}
.yr-col-3{
        width: 100%;
        float: left;
    }
    .yr-col-6{
        width: 100%;
        float: left;
    }
    .yr-langConv button:nth-child(2) {
    float:none;
}

#showHideUrlsFormId .mh-opt-wrapper .mh-btn {
    margin-top: 1px !important;
}
 .mh-deleteBtn {
    float: right;
    line-height: 12px !important;
    margin-right: -26px !important;
    padding: 2px 3px;
}

}
/*******Customize Chatbot Page End**********/

.save-btn {
    background-color: #0b80b5;
    color: #e2fff8 !important;
    border-radius: 2px !important;
    line-height: 17px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.profbox-body {
    width: 100%;
    float: left;
}
.prof-title {
    font-size: 16px;
    margin-left: 15px;
    margin-top: 0;
}
.edit-form-wrp {
    float: left;
    border: 1px solid #e7e7e7;
    margin: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 96.5%;
    border-radius: 3px !important;
}

.edit-form-wrp .form-group {
    padding-left: 0;
    padding-right: 0;
}
.edit-form-wrp select{padding-left:9px}
.map-section {
    display: inline-block;
    margin-bottom: 20px;
}
.map-zip span {
    font-weight: 600;
    margin-right: 7px;
}
.map-info-sec {
    text-align: left;
}
.map-zip {
    padding-top: 15px;
}
.map-travel span {
    font-weight: 600;
    margin-right: 7px;
}
a.btn.edit-btn {
    background: #0050c4;
    color: #fff;
    padding: 3px 8px;
    margin-top: 18px;
}
.map-title {
    width: 100%;
    float: left;
    padding: 10px 0px 10px;
    text-align: center;
    clear: both;
    font-size: 16px;
}
.map-section {
    display: inline-block;
    width:350px;
    margin-bottom: 20px;
    margin-top: 21px;
    /*position: absolute;
    top: -90px;
    left: -2px;
    width: 91%;*/
    float: right;
    padding-right: 0px;
    /*padding-left: 25px;*/
    background: #fff;
   /* border-top: 1px solid #e7e7e7;*/
}
/*.map-section:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -1px;
    height: 80px;
    width: 20px;
    background-color: #fff;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    z-index: 9999;
}*/
.update_btn {
/*    background: #0050c4;
    color: #fff !important;
    padding: 4px 8px;*/
    background-color: #0b80b5;
    color: #e2fff8 !important;
    border-radius: 2px !important;
    line-height: 17px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}
.cs-container{width:1070px;margin: 15px 0 0 30px;}
.stsfrom-text {
    color: #373d49;
    font-size: 18px;
    display: inline-block;
}

.stsfrom-text span {
    color: #288f96;
    font-size: 17px;
}

.stsfrom-text .fa {
    color: #a7a3a3;
    padding-left: 2px;
}
.mrtop-30{margin-top:30px}
.export_csv {
    border-radius: 3px !important;
}
.report-box {
    width: 235px;
    height: 145px;
    margin-bottom: 20px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 3px !important;
    margin-left: 20px;
    padding: 10px;
    color: #000;
}
.yr-textSmall-hd{
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.report-box-wrp,.rp-head,.rp-body,.rp-footer{
    width: 100%;
    float: left;
}
.report-box-wrp {margin-top: 30px;text-align: center;}

.rp-head {
    font-size: 13px;
}

.rp-number {
    font-size: 19px;
    font-weight: bold;
    margin-top: 15px;
}
.yr-reviews-tab img {
    width: 40px;
    margin-top: 10px;
}

.yr-reviews-tab .rp-number {
    margin-top: 10px;
}
.num-text {
    font-size: 10px;
}

.rp-footer {
    margin-top: 15px;
    margin-bottom: 5px;
}
.rp-footer a{text-decoration:none}

/* .chat-report-list .dataTables_length{display:none !important} */
.chat-report-list .dataTables_filter{display:none !important}
.chat-report-list .pagination-panel {
    float: right;
}
.nopad{padding:0px}
.data_search {
    border-color: #289aa0 !important;
    color: #289aa0 !important;
    background: 0 0;
    border-radius: 3px !important;
    line-height:18px !important
}
.data_src_input {
    border-radius: 3px !important;
    width: 260px;
    margin-right: 10px;
    border: 1px solid #dddcd9;
}
.data_search:hover{color: #fff !important;background-color:#289aa0 !important}
.chat-select,.chat-time-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../img/arrowd.png) no-repeat 92% 10px;
    color: #333;
    padding: 5px 35px 5px 10px;
    cursor: pointer;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #dddcd9;
    border-radius: 3px !important;
    width: 150px;
    margin-right: 10px;
}
.chat-report-list .table-scrollable{border: 1px solid #fff;}
.chat-report-list .table{border:0}
.chat-report-list .table thead {background-color: #f5f2ec;}
.chat-report-list .table tbody tr td,.chat-report-list .table thead tr th{background-color:transparent !important;border: 2px solid #ffffff;}
.chat-report-list .table tbody tr:nth-child(odd){background-color:#fff}
.chat-report-list .table tbody tr:nth-child(even){background-color:#f5f2ec}
.graphchart-wrp {
    width: 100%;
    float: left;
    margin-top: 20px;
    position: relative;
}
.calc-graph-box{
    width: 560px;
    float: left;
    position: relative;
    padding-left: 30px;
    top: -20px;
}

.calc-graph-box .legend_l {
    position: absolute;
    top: 23%;
    transform: rotate(-90deg);
    left: -10px;
} 
.calc-graph-box  h4{font-size: 14px;}
.legend_l.phoneyaxislegend {
    left: -30px;
}
.noPad-R{padding-right: 0px}
input#report_date_range, input#chat_filter_date {
    border: 0px;
    color: #288f96;
    outline: 0;
    width: 230px;
    background:#fff url(../img/arrowd.png) no-repeat 97% 8px;
    cursor: pointer;
}
input#reseller_report_date_range, input#chat_filter_date {
    border: 0px;
    color: #288f96;
    outline: 0;
    width: 230px;
    background:#fff url(../img/arrowd.png) no-repeat 97% 8px;
    cursor: pointer;
}

.full-width{width:100%;float:left}
.toolwrp .input-inline{vertical-align: top;}
input#chat_filter_date {
    margin-left: 167px;
    margin-top: 10px;
    width: 190px;
}
/****amb*****/
.profbox-head .alert{
    margin-bottom: 0;
    padding: 10px;
}
.profbox-head .close{position: relative;top: 4px;}
.msg_wrp_box{
    width: 100%;
    display: block;
}
/*******09/5/18 YR********/
.yr-chat-range .ranges {
    display: none;
}
.yr-chat-range {
     /* width: 490px;  */
    -webkit-width: 490px !important; 
    -moz-width: 590px !important;
    right: 0 !important; 
    left: auto !important; 
}
.dataTable tbody tr td {
    white-space: pre !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}
.dataTable tbody tr td span {
    white-space: pre !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
    line-height: 15px;
}
.dataTable .mt-checkbox>input, .dataTable .mt-radio>input{display: none;}
.dataTable tbody tr td a {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}
.yr-chat-range.daterangepicker.opensright:after, .yr-chat-range.daterangepicker.opensright:before{
    display: none;
}

.active-link>i[class*=icon-]{
    color: #252837!important;
}
.active-link{
    background: #ffffff!important;
    color: #252837!important;
    border-left: 3px solid #0251bf!important;
} 
.yr-stats-range .ranges{display:none !important}
.legend_l {
    position: absolute;
    top: 43%;
    transform: rotate(-90deg);
    left: 7%;
} 
.head-table{margin-bottom: 0px}
#activity_content{height:690px}
.activity-box .yr-scroller{padding: 0 0px 0 0 !important;width: 101% !important;}
.yr-scroller ul {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.legend_r {
    position: absolute;
    top: 46%;
    right: 0;
}

.legend_r .color-bar {
    width: 30px;
    height: 5px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 5px;
}
.legend_r table td {
    padding-bottom: 5px;
}
.graphchart-wrp h4{color: #333;font-weight:400;font-size: 16px;}
.yr-zyra-custom {
    display: inline-block;
    padding: 20px;
    border: 1px solid #c3c0ba;
    border-radius: 3px !important;
}
.yr-zyra-custom h3 {
    margin-bottom: 20px;
}
.yr-zyra-custom p span {
    display: inline-flex;
    margin-left: 15px;
}
.yr-zyra-custom p {
    text-align: left;
}
.yr-zyra-custom p span a.btn.edit-btn{
    margin-top: 0px;
}
.service_wrp {
    padding: 0 15px;
}
.add_service {
    cursor: pointer;
}
.service_wrp .close {
    color: #ff494a !important;
    opacity: 1;
    position: absolute;
    top: 8px;
    right:2px;
    background-image: none !important;
    text-indent: 0px !important;
}
.service_wrp .close:hover {
    color: #ff494a;
    opacity: 1;
}

.day_nav{margin:0;width:100%}

.day_nav span {
    color: #333;
    margin: 0;
    display: inline-block;
}

.day_nav input {
    border: 0 !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    position: relative;
    top: -3px;
    left: 0px;
    width: 70px;
    padding: 3px 5px;
    height: 25px;
    box-shadow: none;
    outline: 0;
}

.day_nav tr td {
    vertical-align: middle;
    padding-bottom: 20px;
    text-align: left;
}
.day_nav tr td:first-child {
   width: 120px;
    font-weight: bold;
    padding-left: 20px;
}
.day_nav tr td:nth-child(2) {
    width: 175px;
}
.day_nav input[type="checkbox"]{display:none}
.day_nav .mt-checkbox>span{
    right: 0;
    left: auto;
}

.day_nav label.mt-checkbox {
    padding-left: 0px;
    padding-right: 30px;
    position: relative;
    top: 1px;
    margin-bottom: 0;
}
.emrg_service {
    margin: 15px 0 10px;
}
.emrg_service label{font-weight:bold}
.modal .modal-dialog {
    zoom: 90% !important;
}
.calc-graph-box text{font-size:10px !important}
.btn-default.btn-on.active{background-color:#36c6d3;color: white;}
.btn-default.btn-off.active{background-color: #F1C40F;color: white;}
.chatCount {
    float: right;
    position: relative;
    display: inline-block;
    margin-bottom: -30px;
    bottom: -10px;
}

.yr-premiumPopup .modal-dialog .modal-body {
    padding: 50px;
    background: #278bf1;
    color: #fff;
}
.yr-premiumPopup .modal-dialog{
    margin-top: 60px;
}
.modal, .modal-backdrop{
    top:55px;
    left: 50px;
}
.yr-premiumPopup h1 {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    line-height: 32px;
    margin: 0px 20px 30px;
    letter-spacing: 0.7px;
}

.yr-premiumPopup ul {
    line-height: 40px;
    font-weight: 600;
    font-size: 16px;
    list-style: none;
    min-width: 300px;
}
.yr-premiumPopup ul li:before{
    content: url(../img/star-list.png);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 5px;
}
.yr-premiumPopup ul li {
    padding-left: 40px;
    position: relative;
}
.yr-requestBtn a {
    display: inline-block;
    background: #00e0a0;
    width: 150px;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px !important;
    text-align: center;
    text-transform: uppercase;
    }

.yr-requestBtn {
    padding-top: 50%;
    text-align: center;
}

.yr-cz-chatboat .pb-fvchat-labels-right .pb-chat-labels-primary {
    color: #fff;
    border-radius: .25em !important;
}
.yr-cz-chatboat .pb-fvchat-labels-right {
    text-align: right;
    margin-bottom: 0;
    margin-top: 10px;
}
.yr-cz-chatboat {
    height: 510px;
    overflow: auto;
}
.yr-tab-left button.btn.green-meadow {
    white-space: inherit !important;
}






@media (min-width: 992px){
.page-sidebar-wrapper {position: absolute;height: 100%;left: 0;top: 0;}
.page-sidebar.navbar-collapse.collapse {position: relative;height: 100% !important;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu{
left: 54px;top:0px;position: absolute;height: 100%;background: #363851;padding-top: 13px;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li:hover{
width: 54px!important;position: static!important;}
.page-sidebar-menu.page-sidebar-menu-closed>li:hover{box-shadow: inherit;}
.page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu{box-shadow: none}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu {width: 196px;}
.col-container {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li:hover>a>.title {display: none !important;}

/***********YR Nav Title Css****************/
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a:hover span.title {
    display: inline-block !important;
    position: absolute;
    background: #252837;
    padding: 8px 10px;
    border-radius: 2px !important;
    z-index: 9999;
    white-space: nowrap;
    color: #fff;
    top: 0;
    left: 50px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a:hover span.title:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f9f9f9;
    border-top: 8px solid transparent;
    position: absolute;
    left: -8px;
}
/************END**************/

}

@media (max-width:1024px){
.calBox{width:100%;margin:0px 0px 10px 0;border: 1px solid #d1d1d1;}
.calc-graph-box {width:100%;margin-bottom:30px}  
.calc-graph-box img{max-width:100%;height: auto;}
.nopad1024{padding-right:0px}
.cs-container {width: 100%;margin-left: 0;}
.report-box {width: 220px;margin-left: 10px;}
.legend_r {right: 0;}
}
@media (max-width: 991px){
.modal, .modal-backdrop{left: 0px;}
.page-header.navbar .page-logo {width: 250px;}
.page-header.navbar .menu-toggler.responsive-toggler{margin: 18px 14px 0 6px;}
.page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before{ margin-top: 0px;}
ul.sub-menu {background: #363851 !important;}
span.arrow {position: absolute;right: 15px;top: 8px;height: 20px;}
li.nav-item a {position: relative;}
.report-box {width: 48%;margin-left: 1.5%;margin-bottom: 12px;}
.page-sidebar .page-sidebar-menu>li>a>.title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.title{display:inline-block;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed>li>a{text-align: left;}
.page-sidebar.navbar-collapse{width: 200px;}
.page-sidebar.navbar-collapse {
    position: absolute!important;
    overflow: hidden!important;
    overflow-y: auto!important;
    display: block!important;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(175, 175, 175, 0.53);
    margin: 0px !important;
    padding: 0px !important;
}

.page-sidebar .page-sidebar-menu{
    background: #252837;
    width: 200px;
}

#chart-container{margin: 0px auto 0px 15% !important}
.legend_l{left: 0%;}
}
.yr-premiumPopup .modal-dialog{width:710px !important;}
.yr-premium {
    float: left;
    margin-left: 50px;
}

@media (max-width: 768px){
#chatsListingtbl_wrapper .dataTables_length{text-align:left;}
.page-header.navbar { height: auto;background:#f5f1ec;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {padding: 18px 12px 17px}
.activity-box{position: relative;width:100%}
.data_src_input {width: 200px;}
.profileBox {width: 100%;margin-left: 0;}
.yr-requestBtn {
    padding-top: 0px;
}
}
@media (max-width: 767px){
.yr-premium {
        margin-left: 0px;
    }
.yr-requestBtn{padding-top: 10px !important;}
.yr-premiumPopup ul{ display: block;margin: 0 auto;width: 300px;padding: 0;}
.yr-premiumPopup .modal-dialog{width:auto !important;}
.cr-tools-wrp.pull-right {margin-top: 15px;float: left !important;width: 100%;}
.map-section {width: 100%;padding-left: 0;}
.edit-form-wrp{width: auto;margin: 13px;}
ul.yr-dashboard-list{padding-left: 15px;}
ul.yr-dashboard-list li {line-height: 25px; margin-bottom: 20px;}
.yr-instaBox{width: 100%;}
.legend_r {position: relative;top: 0;bottom: 0px;right: 0;margin-top: 20px;}
.legend_r table {
    width: 160px;
    margin: 0 auto;
}
.legend_l {left: -30px;}
#chart-container{width:80% !important;}
#adminchatsListingtbl_length{float: left;}
.chat-select, .chat-time-select{background: #fff url(../img/arrowd.png) no-repeat 96% 10px;padding: 5px 25px 5px 6px;width: 100%;float: left;font-size: 12px;margin-bottom: 10px;}
.chatfrequency_wrp {
    float: right;
    margin: 0 !important;
}

input#admin_chat_filter_date {
    margin: 0;
}
.yr-chat-head-title{font-size: 16px;}
button.btn.yr-cancel-btn{margin-left: 0;}
.yr-custozize-chatbot .tab button{padding: 5px 10px 15px;}
}
@media (max-width: 564px){
.daterangepicker .drp-buttons .btn{margin-bottom: 5px;}
}
@media (max-width: 459px){
.export_csv{margin-top:10px}
.report-box {width: 100%;margin-left: 0%;margin-bottom: 12px;}
.sts-head .export_csv {margin-top: 20px;}
.chat-select, .chat-time-select {
    width: 100%;
    margin-bottom: 5px;
    margin-right:0;
    position:relative;
}
input#admin_chat_filter_date {
    margin-left: 0;
    float: right;
}
button.export_csv {
    margin-top: 50px;
}
.cr-tools-wrp{position: relative;}
button.export_csv {
    margin-top: 30px;
}

.chatfrequency_wrp {
    position: absolute;
    bottom: 41px;
    left: 0;
    z-index: 9999999;
}
.yr-chat-range{left: 7% !important;}
.yr-right-innerheader{text-align: left}
}
@media (max-width: 330px){
.profbox-head .alert{font-size: 12px;}
}

input#admin_chat_filter_date {
    margin-left: 605;
    margin-top: 10px;
    width: 190px;
}
ul.yr-chat-sec li {
    list-style: none;
    padding: 8px 0;
}
ul.yr-chat-sec li:before {
    background-image: url(../img/zyra-chat-check.png);
    content: "";
    width: 20px;
    height: 19px;
    position: absolute;
    margin-left: -30px;
    float: left;
}
ul.yr-chat-sec {
    padding-left: 40px;
}
.yr-client-logo {
    margin-top: 50px;
}
.yr-client-logo img{
    width: 150px;
    margin-bottom: 10px;
}
.bill-title {
    padding: 15px;
    font-size: 17px;
}
.plans-bill-body .yr-mainTitle {
    padding-left: 20px;
    font-size: 30px;
    font-weight: 400;
}
.plans-bill-body .yr-cplans ul li {
    line-height: 30px;
    color: #0250bf;
}
.plans-bill-body .yr-cplans ul li span{
    color:#333;
}
.plans-bill-body .button_submit{
    font-size: 17px;
    width: 80%;
    margin-top: 10px;
    line-height: 1.89!important;
    border-radius: 5px !important;
}
/*****Manish****/
.mgt10{
    margin-top: 10px;
}
.mgt40{
    margin-top: 40px;
}
.mgb10{
    margin-bottom: 10px;
}
.mgb20{
    margin-bottom: 20px;
}

.border-line {
    border-bottom: 1px solid #3981b5;
    display: block;
    color: #575f5e;
    font-size: 15px;
}

.yr-visitor-details_b{
    font-weight: bold;
}

.circle-dot {
    width: 8px;
    height: 8px;
    display: inline-block;    
    border-radius: 100%;
    background: transparent;
    margin-right: 3px;
}

.blueC{
    background: #0082f8;
}

.yr-visitor-details_active {
    background-color: #e8e8e8;
}
.paddingLeftC5{
    padding-left:5px !important;
}

.nochat_available{
    display: block;
    margin-top: 44px;
    font-size: 21px;
    color: #d6d3d3;
}






/* for chatbot box on customize your chat */
.yr-imgftr {
    bottom: 0;
    position: absolute;
}
.yr-imgftr img{
    max-height: inherit;
    max-width: inherit;
}
p.yr-welcomeMsg {
    background: #f4f8f9;
    padding: 10px 8px;
    margin-left: 45px;
    font-size: 13px;
    text-align: left;
    line-height: 22px;
    position: relative;
    margin-right: 25px;
    color: #6b6b6b;
}
p.yr-welcomeMsg:after{
    content: url(../img/zyra-img-small.png);
    position: absolute;
    left: -45px;
    top: 0px;
}
.yr-leftchatText {
        position: relative;
        word-break: break-word;
        margin-left: 45px;
        background-color: #f4f7f8;
        text-align: left;
    }
    .pb-chat-labels {
        font-size: 14px;
        display: inline-block;
        white-space: inherit;
        color: #3d4143;
        line-height: 22px;
        font-weight: normal;
        padding: 6px 14px;
        text-align: left;
        margin-bottom: 10px;
        word-break: break-word;
    }
    .yr-leftchatText img {
        position: absolute;
        left: -47px;
        top: 0px;
        max-width: 40px;
        max-height: 50px;
    }
    
/*    .dyopt:nth-child(1),.dyopt:nth-child(3){
        margin-left: 5px !important;
        min-width: 146px;
    }*/
    .yr-sm-chat,.yr-sm-call,.yr-sm-star, .yr-sm-strong, .yr-sm-smile, .yr-sm-like, .yr-sm-dislike{
        width: 16px;
        height: 14px;
        margin-left: 4px;
        position: relative;
        display: inline-block;
    }
    .yr-sm-chat1,.yr-sm-call,.yr-sm-star, .yr-sm-strong, .yr-sm-smile, .yr-sm-like, .yr-sm-dislike{
        width: 16px;
        height: 14px;
        margin-left: 4px;
        position: relative;
        display: inline-block;
    }
    .yr-sm-chat:after{
        content: url('../img/chaticon.png');
        position: absolute;
        left: 0;
        top: 0px;
    }
    .yr-sm-call:after{
        content: url('../img/smartphone.png');
        position: absolute;
        left: 0;
        top: 0px;
    }
    .yr-sm-star:after{
        content: url('../img/star-review.png');
        position: absolute;
        left: 0;
        top: 0px;
    }
    .yr-sm-strong:after{
        content: url('../img/strong.png');
        position: absolute;
        left: 0;
        top: 0px;
    }
    .yr-sm-smile:after{
        content: url('../img/happy.png');
        position: absolute;
        left: 0;
        top: 0px;
    }
    .yr-sm-like:after{
        content: url('../img/like.png');
        position: absolute;
        left: 0;
        top: 0px;
    }
    .yr-sm-dislike:after{
        content: url('../img/dislike.png');
        position: absolute;
        left: 0;
        top: 4px;
    }
    
    
    #chat-installation_request{
        display:none;
    }
    #gtm-installation{
        display:none;
    }
    
    
    #code_section, #mail_section  {
        max-width: 30rem;
        margin: 25px auto;
        border: 1px solid #cccc;
        background: #eae6e6;
        cursor: pointer;
        height: auto;
    }
    #gtm_section{
       max-width: 30rem;
        margin: 25px auto;
        border: 1px solid #cccc;
        background: transparent;
        cursor: pointer;
        height: auto; 
    }
    .yr-card-body {
        padding: 20px;
        display: flex;
        flex-direction: column;
        text-align: center;
        box-sizing: border-box;
        height: auto;
        box-shadow: 0px 1px 2px 0px #a9e5ff;
}
#mail_section{
        background: transparent;
    }
.yr-card-body h2 {
    background: transparent;
    font-weight: 400;
}

.yr-card-body p {
    color: #1e7c8c;
}

.yr-card-body p, .yr-card-body h2 {
    flex: 1;
}

.yr-card-body h2 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
.yr-titleTxt{
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;  
    font-weight: 600;
}
.yr-instalation{
    width:100%;
    max-width: 100%
}
.yr-inscodeBox{
    padding-bottom:100px;box-shadow: 0px 1px 2px 0px #a9e5ff; border: 0
}
  .yr-themeIcon ul {
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.yr-themeIcon ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.yr-themeIcon ul li span.active {
    background: #187ef7;
}

.yr-themeIcon ul li span {
    width: 52px;
    height: 52px;
    border-radius: 4px !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #9cd3e2;
}
.yr-themeIcon ul li span img {
    max-width: 30px;
    max-height: 35px;
}
.selected_theme{
    border: transparent!important;
}
 .dyopt {
    display: flex !important;
    padding: 5px 14px !important;
    margin-right: 14px !important;
    color: #0976b7;
    border: 1px solid #3253f5;
    border-radius: 60px !important;
    float: left;
    font-size: 14px;
/*    min-width: 110px;*/
    text-align: center;
    cursor: pointer;
/*    height: 40px;*/
    line-height: 29px;
    align-items: center;
    justify-content: center;
}

.yr-popupClose {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 25px;
    color: #fff;
    background-image: url(../img/yr-close-btn.png)!important;
    opacity: 1;
}
.yr-bgcolor-btn{
    display: block;
/*    background-color:red;*/
    width: 35px;
    height: 35px;
    outline: 0;
/*    z-index: 99999;*/
    border-radius: 50% !important;
    border: 0px solid #fff;
    padding: 0px;
    position: absolute;
    left: -45px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 5px;
    background-image: url(../img/zyra-tp-logo.png)!important;
}  

a.yr-space {
    padding-left: 12px;
}
.yr-taginput .bootstrap-tagsinput{
    height: 200px;
    width: 100%;
    overflow-y: auto;
    padding: 5px 8px !important;
    margin-bottom: 20px;
}
.yr-taginput p{
    word-spacing: 2px;
}
.yr-taginput .bootstrap-tagsinput .label-info {
    background-color: #3598dc;
}
.yr-taginput button.yr-popupclose {
    background: transparent;
    border: 0;
    position: absolute;
    font-size: 30px;
    color: #3598dc;
    left: 10px;
    top: 7px;
    z-index: 999999;
    outline: 0;
}
.yr-taginput .modal-dialog{
    max-width: 500px;
}
.ms-icon-chats{
    font-size: 30px;
    line-height: 33px !important;
    color: #009bd7;
}
.notaccessable{
    display:none !important;
}

.yr-bgcolor-btn-clientWise {
    width: 29px;
    height: 30px;
    outline: 0;
    border-radius: 50% !important;
    border: 0px solid #fff;
    padding: 0px;
    left: -45px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px;
    background-image: url(../img/zyra-tp-logo.png)!important;
}


.yr-accordion h4.panel-title-ClientWise {
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
    display: flex;
    align-items: center;
    margin: 0;
    min-height: 30px;
    color: #252525;
    text-decoration: none;
    line-height: 20px;
}
.yr-accordion h4.panel-title-ClientWise:hove{
    text-decoration: none;
}
h4.panel-title-ClientWise span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yr-accordion .panel-heading {
    background: #e7f3ff;
}

.yr-accordion .yr-visitor-details{
    margin: 0px !important;
}

.live-chat-alert{
    position: absolute;
    right: 0;
}

.yr-relativeBtn {
    line-height: 18px;
    padding: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: #3a84b3;
    cursor:pointer
}
.utm_url{
    width: 200px;
    white-space: pre-wrap;
    word-break: break-all;
}

.yr-model-profile .yr-mail-innerBox{
    line-height: 20px;
    align-items: center;
    display: flex;
}
.yr-model-profile .yrimage img {
    max-width: 80%;
    max-height: 70px;
}
.lineheight34{
    line-height: 34px;
}
.yr-minusBtn.right0{
    right:auto !important;
}


.common_multi {
    margin-bottom: 10px;
}


.add_more_phone{
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #3ca0ab !important;
    cursor: pointer;
}


.help-block-onrun{
    color:#e73d4a !important;
}
.red_alert{
    border: solid 1px #e73d4a important;
}


.yr-cusNumber {
    position: relative;
}
.yr-cusNumber .col-xs-6:nth-child(1) {
    padding-right: 5px !important;
}
.yr-cusNumber .col-xs-6:nth-child(2){
    padding-left: 5px !important;
}
.yr-cusNumber .yr-minusBtn {
    right: 2px !important;
    left: auto;
    font-size: 12px;
}
.yr-cusNumber  .form-control{
    padding: 6px 5px;
}

.multiplelocationsadded .error-keyup-2{
    font-size:11px;
}
td > .livechatlink{white-space: initial !important;}

/*.yr-custozize-chatbot.yr-manageHours {
    text-align: center;
}*/
.yr-manageHours .panel_head {
    background: #5f748c;
    padding: 15px;
    color: #fff;
}
.yr-serviceTitle {
    font-size: 25px;
}
.yr-manageHours h3{
    font-weight: 600;
    padding-left: 15px;
}
.yr-manageHours .panel_body{
    padding: 15px;
}
.yr-manageHourstr td {
    vertical-align: middle;
    padding-bottom: 20px;
    text-align: left;
}
.yr-manageHours tr td:first-child {
    width: 100px;
}

.yr-manageHours tr td:nth-child(2) {
    width: 161px;
}
.yr-manageHours tr td:nth-child(3) {
    width: 165px;
}

.yr-manageHours tr td:nth-child(4) {
    width: 70px;
}

.yr-manageHours input[type="checkbox"] {
    height: auto;
    position: relative;
    top: 2px;
    left: 5px;
}
.yr-manageHours tr td {
    padding: 5px 15px;
    box-sizing: content-box;
    font-size: 14px;
    color: #5770ad;
}
.multiple_input_form.day_form_wrp {
    max-width: 100%;
    margin: 0 auto;
}
.yr-manageHours select {
    border: 0 !important;
    border-bottom: 1px solid #5770ad !important;
    border-color:#ccc;
    border-radius: 0 !important;
    position: relative;
    /*top: -3px;*/
    left: 0px;
    width: 95px;
    padding: 0px;
    height: 25px;
    box-shadow: none !important;
    outline: 0;
    background: transparent;
    font-size: 14px;
}
.yr-manageHours  .save-btn{
    margin-top: 35px;
    width: 75px;
}
select.timezone{
    border: 1px solid #afafaf !important;
    width: 100%;
    max-width: 250px;
    padding: 7px;
    height: auto;
    color: #333;
    margin-bottom: 0px;
    border-radius: 3px !important;
}
.yr-noteTxt{
    margin-bottom: 15px;
    color: #9f9f9f;
}
.single_input_form {
    text-align: right;
    margin-bottom: 25px;
}
/* The check */
.yr-manageHours .check{
    display: flex;
    margin-bottom: -10px;
    white-space: nowrap;
}
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
}

.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    border-style:solid;
    border-width:2px;
}
.check input:checked ~ .checkmark {
    background-color: #d9d9d9;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.check input:checked ~ .checkmark:after {
    display: block;
}
.check .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #888;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.selecterror{
    color:red;
}
#simple-treeview, #product-details {
    display: inline-block;
}

 .dx-treeview {
    width: 100% !important;
    padding: 15px !important;
}
ul.dx-treeview-node-container>li {
    background: #e6eef5;
    margin-bottom: 5px;
}
ul.dx-treeview-node-container .dx-treeview-node-container-opened > li {
    border-bottom: 1px solid #ced5dc;
}
.dx-treeview-toggle-item-visibility{
    left: 0px;
}
.dx-treeview-node {
    padding-left: 20px;
}
  
.automated_text_textarea{
    display:none;
}
/*.textarea_to_campaign{
     display:none;
}*/

.pin{
    width:45px;
    display: inline-block;
    margin: 1px;
    text-align: center;
}

/*.pincode-input-container .help-block
{
    display: none !important;
}*/

#pin1-error, #pin2-error, #pin2-error, #pin3-error{
    display: none !important;
}

.has-error-for-pin .form-control {
    border-color: #e73d4a !important;
    
}

.has-error-for-pin .control-label {
    color: #e73d4a !important;
    
}

#pin1-error, #pin2-error, #pin3-error, #pin4-error{
    display: none !important;
}

.sensitive-chat-info-box{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 5px !important;
    z-index: 9;
}

.sensitive-chat-info-box p{
    color: #303030 !important;
    font-size : 16px;

}
#pin1_first-error,#pin2_first-error,#pin3_first-error,#pin4_first-error{
    display:none;

}

#continue_text{
    display:none;
}
#bot_setting_yes #msg_team_display{
    display:none;
}
ul.admin_bot_list{
       list-style: none;
}



.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {
    background-color: #d0d1d4;
}

#pin1R-error, #pin2R-error, #pin3R-error, #pin4R-error{
    display: none !important;
}

#pin1CR-error, #pin2CR-error, #pin3CR-error, #pin4CR-error{
    display: none !important;
}

.mh-opt-wrapper{
    margin-top: 7px !important;
}

.mh-opt-wrapper .mh-btn{
    margin-top: -5px !important;
}

.mh-addNewField{
    margin-top: 0px !important;
    margin-left: 15px;
}

.eshErroMsg{
    color:red;
    margin-bottom: 12px;
    float:left;
}

.mh-resetSH-btn{
    background-color: #0b80b5 !important;
    border-color: #0b80b5 !important;
    margin-left: 10px !important;
    float: left !important;
}

.pointernone {
    pointer-events: none;
}

@media (max-width: 767px){
.yr-langScriptBtn {
display: inline-grid;
height:auto !important;
}
.yr-chatbox-height {
    display: inline-block;
    margin-top: 30px;
}
.yr-chatbox-height{
    max-height: 550px;
    }
}

.mh-deactive-blog{
    width: 61px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.mh-active-blog{
    width: 61px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/*.yr-sendChatMsg {
    position: initial !important;
}*/

.red-star{
    color: red;
}

.mh-user-connect-disconnect-onlivechat-wrapper{
    position: relative; 
    display: flex; 
    flex-direction: row; 
    flex-grow: 1; 
    flex-shrink: 1; 
    overflow: hidden; 
    align-items: center; 
    align-self: stretch; 
    justify-content: center; 
    margin-left: 15px; 
    margin-right: 15px; 
    padding: 10px 0px 0px;
    margin-bottom:22px;
}

.mh-user-connect-disconnect-onlivechat-first{
    position: relative; 
    display: flex; 
    flex-direction: row; 
    flex-grow: 1; 
    flex-shrink: 1; 
    overflow: hidden; 
    align-items: stretch; 
    margin: 5px 5px 5px 0px; 
    height: 1px; 
    opacity: 0.4; 
    background-color: rgb(138, 141, 145);
}

.mh-user-connect-disconnect-onlivechat-text{
    position: relative; 
    display: inline; 
    flex-grow: 0; 
    flex-shrink: 0; 
    overflow: hidden; 
/*    white-space: nowrap; */
    overflow-wrap: break-word; 
    font-size: 12px; 
    color: rgb(138, 141, 145);
    max-width: 70%;
}

.mh-user-connect-disconnect-onlivechat-second{
    position: relative; 
    display: flex; 
    flex-direction: row; 
    flex-grow: 1; 
    flex-shrink: 1; 
    overflow: hidden; 
    align-items: stretch; 
    margin: 5px 0px 5px 5px; 
    height: 1px; opacity: 0.4; 
    background-color: rgb(138, 141, 145);
}



.disconnect-No .mh-user-connect-disconnect-onlivechat-first{
    background-color: #397fb5;
}

.disconnect-No .mh-user-connect-disconnect-onlivechat-text{
    color: #397fb5;
}

.disconnect-No .mh-user-connect-disconnect-onlivechat-second{
    background-color: #397fb5;
}

.disconnect-Leave .mh-user-connect-disconnect-onlivechat-first{
    background-color: rgb(255, 17, 0);
}

.disconnect-Leave .mh-user-connect-disconnect-onlivechat-text{
    color: rgb(255, 17, 0);
}

.disconnect-Leave .mh-user-connect-disconnect-onlivechat-second{
    background-color: rgb(255, 17, 0);
}

.mh-deactive-blog{
    width: 61px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.mh-active-blog{
    width: 61px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.red-star{
    color: red;
}

.blog-comments .c-comment-list .media img.media-object {
    height: 50px;
    width: 50px;
    border-radius: 50px!important;
}
.media-body .media-heading span.c-date {
    font-size: 12px;
    color: #666;
    font-weight: 600;
}
.c-comment-list{
    overflow: auto;max-height:400px
}


/* Partner Popup */

.yr-patner-popup h3 {font-size: 18px;    margin-bottom: 20px;}

.yr-patner-accountStatus {
    display: flex;
    flex-direction: column;
    flex-flow: row;
}
.yr-borderTop{
    border-top: 1px solid #666;
}
.yr-patner-accountStatus {
    border-bottom: 1px solid#666;
    padding: 8px 0px;
}
span.yr-accountnumbers {
    background: #58595b;
    padding: 2px;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    min-width: 22px;
    width:max-content;
    height: 22px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
}
.yr-green{
    background: #15bc62 !important;
}
.yr-red{
    background: #d30017 !important;
}
.yr-orange{
    background: #ff8c00 !important;
}
.yr-greentxt{
    color: #15bc62 !important;
}
.yr-redtxt{
    color: #d30017 !important;
}
.yr-orangetxt{
    color: #ff8c00 !important;
}
.yr-graytxt{
    color: #58595b !important;
}
.yr-patner-accountStatus ul {
    display: inline-flex;
    list-style: none;
    text-align: center;
    flex: 1%;
    width: 100%;
    margin: 0;
    align-items: center;
}
.yr-patner-commentBox textarea.form-control {
    height: 100px;
    resize: none;
    font-size: 12px;
}
.yr-patner-accountStatus ul li {
    padding: 10px;
    flex: 1;
}

.yr-patner-accountStatus p {
    width: 100px;
    margin: 0px !important;
    padding: 0px;
}

.yr-patner-msg {
    padding: 10px 0px;
    border-bottom: 1px solid #e2e2e2;
}
.yr-patner-msg p {
    margin: 0;
}
.yr-pp-iner .list {
    max-height: 150px;
    overflow: auto;
    margin-top: 20px;
}
.yr-patner-commentBox {display: flex;    align-items: flex-end;}

.yr-patner-commentBox label {margin-left: 20px;}

.viewPartnerSnapshot {
    display:none;
  
    position: absolute;
    left: 0;
    top: 40px;
    width: 146px;
    border-color: #3598dc;
    color: #3598dc;
}
.popupperdiv{
    position:relative;
    display:inline-block;
}
#partnersnapmshot_comment button{
    background-color: #32c5d2;
    border-color: #32c5d2;
    
    min-width: 130px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    height: 44px;
    font-size: 16px;
    transform: 1s;
    border-radius: 5px !important;
}
.yr-patner-popup{
    padding: 0px 45px !important;
}
.yr-liveStatus li {
    color:#32c5d2;
}

/* Partner Popup */