* {
    outline: none;
}

.checkbox {
    cursor: pointer;
    transform: scale(1.3);
    margin-left:10px;
}

.hiding
{
    margin-top:10px;
    display:none;
}

.invisiblebutton {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

 

.tableNoBorder {
    border-spacing: 0;
    border-collapse: collapse;
}

.tableNoBorderFirstTDLeftMargin td:first-child {
   padding-right:10px;
}

.freqeuntTable {
   
    border-collapse: separate;
}

.ipInfoBorderContainer {
    display: inline-flex;
    flex-direction: row;
    align-items:flex-end;
}

.disableUserSelect
{
    user-select:none;
}

.ipInfoBorder {
    margin-top: 10px;
    border: 1px solid rgba(0,0,0,0.5);
    padding: 10px;
    word-wrap: break-word;
    white-space: pre-line;
    display: inline-block;
    width: 600px;
    user-select: text;
}

.urlButtonDeAnonymise {
    display: inline-flex;
    justify-content: center;
    align-items:center;
     height:22px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: normal;
    border: 0px;
    background-color: #2D64FF;
    color: white;
    min-width: 80px;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

.inputTBPin
{
    width:200px;
    font-size:16px;
}

.freqeuntTable td {
    padding-top: 3px;
    padding-right: 20px;
}


.formStyles {
    padding: 20px;
    background-color:white;
 
    display:inline-block;
    min-width:900px;
 
   
}

.queueOverView {
    padding: 20px;
    background-color: white;
    display: inline-block;
    min-width: 900px;
}
.basechatBoldSmaller {
    font-size: 14px;
}

.statCol_1 {width:20px;}
.statCol_2 {width:20px;}
.statCol_3 {width:20px}
.statCol_4 {width:20px}
.statCol_5 {width:200px;color:red}
.statCol_6 {width:20px}
.statCol_7 {width:20px}
.statCol_8 {width:20px}
.statCol_9 {width:20px}
.statCol_10 {width:20px}
.statCol_11 {width:20px}
.statCol_12 {width:20px}
.statCol_13 {width:20px}
.statCol_14 {width:20px}
.statCol_15 {width:20px}
.statCol_16 {width:20px}
.statCol_17 {width:20px}
.statCol_18 {width:20px}
.statCol_19 {width:20px}
.statCol_20 {width:20px}
.statCol_21 {width:20px}
.statCol_22 {width:20px}
.statCol_23 {width:20px}
.statCol_24 {width:20px}
.statCol_25 {width:20px}
.statCol_26 {width:20px}
.statCol_27 {width:20px}
.statCol_28 {width:20px}
.statCol_29 {width:20px}
.statCol_30 {width:20px}
.statCol_31 {width:20px}
.statCol_32 {width:20px}
.statCol_33 {width:20px}
.statCol_34 {width:20px}


.blue {
    color: #2D64FF;
    text-decoration:none;
 
}
.linkButton
{
	
	color:#000000;
}

.roomEditTables
{
	border-style:solid;
	border-width:1px;
	border-color:#808080;
	margin:6px 0px 6px 0px;
}

.roomEditTablesHeader
{
	background-color:white;
	position:relative;
	left:6px;
	top:-13px;
 
	color:#606060;
	font-weight:bold;
}

.notInUse
{
	color:Green;
	font-weight:bold;
}

.editLinks {
    color: #2D64FF;
    text-decoration:none;
    user-select:none;
}

.EnableUserSelect {
    user-select:all !important;
}

.editLinks:hover {
    color: #2D64FF;
    text-decoration: none;
}

.editLinkIsVisitet {
    color: rgba(0,136,255,0.5);
}

.editLinksBack
{
  
   display:block;
   margin-bottom:10px;

}


.editLinkBoldInList {
    color: red;
}

.borderTable {
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}

.orangeBrownItalicHeader {
    display:block;
    FONT-SIZE: 21px;
    font-family: Arial;
    color: #2D64FF;
    font-weight: bold;
    padding-bottom:8px;
 
}

.orangeBrownHeader {
    FONT-SIZE: 23px;
    font-family: Arial; 
    color: #2D64FF;
    font-weight: bold;
    
}

.smallOrangeHeader {
   
    color: #2D64FF;
}

.blackHeader
{
    font-weight: bold;
 

}

.greeninfo
{
    color:rgb(44,175,153);
    font-weight:bold;
    margin-bottom:8px;
    margin-top:8px;
    display:block;
}

.redHeader {
    font-weight: bold;
    color: red;
}

.redPling
{font-weight: bold;
 
 color:#ff1d15;
 }


.redMessage
{
	 
	color:red;
	
}

.notAnsweredBlack {
    margin-bottom: 8px;
    display: block;
}

    .notAnsweredBlack:empty {
        display: none;
    }

.notAnsweredRed {
    margin-bottom: 8px;
    color: red;
    display:block;
}

.red
{
    color:red;

}

.green
{
    color:green;
}

.notAnsweredRed:empty
{
    display:none;
}

.tableNoBorder {
    border-collapse: collapse;
    margin: 0px;
}

.smallNoticeWarning {
    color: rgba(0,0,0,0.5);
    font-style: italic;
    padding-left:10px;
}

.statusLabel {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    color: Red;
    display:block;
}

.inputNewAgent {
    font-size: 16px;
    padding:5px;
}

.button {
    font-weight: normal;
    border: 0px;
    background-color: #2D64FF;
    color:white;
    min-width: 80px;
    margin-top:8px;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    text-align:center;
    font-size:16px;
}

.buttonConversationSeach {
    position:relative;
    top:2px;
    cursor:pointer;
    background-color: #2D64FF;
    color:white;
    border:0px solid white;
    width:100px;
}

.greenbold
{
    color:green;
    font-weight:bold;
}

.buttonCancel {
    margin-left: 10px;
}
.btDeleteImage {
    margin-bottom: 20px;
}

.buttonCanned {
    font-weight: normal;
    border: 0px;
    background-color: #2D64FF;
    color: white;
    min-width: 80px;
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.ddForSignIN {
    border: 1px solid #2D64FF;
    outline: none;
    width: 260px;
    padding:2px;
    height: 32px;
}

.inputTextbox {
    border: 1px solid #2D64FF;
    outline: none;
    padding:4px;
    height:22px;
    margin-top:4px;
    

}

.inputTextboxPasswordType {
   
    letter-spacingx:1px;
 
}

.inputTextboxPassFont {
    font-family: passdots;
 
  
   
}

.ddCustomContent {
    width: 680px;
}

.inputDropDownList
{
	 width:210px;
    

}

.statusText
{
	 
    display:inline-block;
    padding-left:40px;
	 
	color:#ffffff;
	text-decoration:none;
}
	
.linkInHeader
{
    display:none;
}

.linkInHeaderShow
{
    display:inline;
}

 

A.normalLink, A.normalLink:link, A.normalLink:active, A.normalLink:visited {
    color: #2D64FF;
}

.statTABLE
{
  
	table-layout:fixed;
	 border-spacing: 0px;border-collapse: collapse;
}

.statTableTD {
    border: 0px solid yellow;
    padding: 1px 1px 1px 1px;
    margin: 0px 0px 0px 0px;
    word-wrap: break-word;
}

.statTableTDSum {
    border: 2px solid Purple;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    word-wrap: break-word;
}

.signInForm {
    MARGIN-TOP: 16px;
    MARGIN-LEFT: 20px;
    BORDER-BOTTOM-WIDTH: 20px;
}

.lbUserName
{
    width:100px;
}

.width64 {
    width: 64px;
}

.width100 {
    width: 100px;
}

.width110 {
    width: 110px;
}

.width120 {
    width: 120px;
}

.width125 {
    width: 125px;
}

.width128 {
    width: 128px;
}

.width130 {
    width: 130px;
}

.width140 {
    width: 140px;
}

.width150 {
    width: 150px;
}

.width160 {
    width: 160px;
}

.width170 {
    width: 170px;
}

.width175 {
    width: 175px;
}

.width180 {
    width: 180px;
}

.width190 {
    width: 190px;
}

.width200 {
    width: 200px;
}

.width210 {
    width: 210px;
}

.width220 {
    width: 220px;
}

.width230 {
    width: 230px;
}

.width240 {
    width: 240px;
}

.width250 {
    width: 250px;
}

.width260 {
    width: 260px;
}

.width270 {
    width: 270px;
}
 

.width272
{
    width:272px;
}

.width280 {
    width: 280px;
}

.width290 {
    width: 290px;
}

.width300 {
    width: 300px;
}


.basechatFooter1 {
    font-size: 14px;
    color: #2D64FF;
}

.footerTable
{
    margin-top:16px;
}

.basechat {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    color: #2D64FF;
}

.normalLink2 {
    margin-top: 12px;
    font-size: 16px;
    color: #2D64FF;
    text-decoration: none;
}

.divObsTrainingChat
{
    margin-top:10px;
    color:red;
     
}

.divObsTrainingChat:empty
{
    display:none;
}

.colorred {
    color: red;
}

.oldBrowserInfo
{
    display:block;
 
    padding-left:6px;
    padding-top:70px;
    padding-bottom:70px;
    color:red;
}

.headerNew {
    background-color: rgb(34,130,176);
    height: 100px;
}

.logolink
{
    text-decoration:none;
    
}

.Logo1 {
    margin-top: 24px;
    margin-bottom: 8px;
    margin-left: 28px;
    display: inline-block;
    color: white;
    background-color: #2D64FF;
    text-transform: uppercase;
    font-weight: bold;
    user-select: none;
    -webkit-user-select: none;
    font-size: 16px;
    padding: 7px;
}

.logoText {
    color: white;
    margin-left: 28px;
    margin-bottom: 8px;
}

.adminMenuTD
{
    padding-left:28px;
    padding-bottom:10px;
}

.signOutTD
{
    padding-right:20px;
    
}

.redHeaderTwoFactor {
    color: #2D64FF;
    font-weight: bold;
    margin-bottom: 8px;
}

.phonenumber
{
    font-weight:bold;
    display:inline-block;
}

.smsText {
    margin-bottom: 16px;
}

.tableSignIn {
    border-collapse: collapse;
}

.width200
{
    width:200px;
}


.rememberLineSignIn
{
    color:red;
    display:none;
}

.DescriptionForChat {
    padding: 10px;
    resize: none;
    border: 1px solid rgba(0,0,0,0.5);
    height:100px;
    width:600px;

   
}

.personalInfoStringDiv {
    border: 1px solid rgba(0,0,0,0.5);
    width: 600px;
    height: 400px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.activityLog {
    border: 1px solid rgba(0,0,0,0.5);
    width: 700px;
    height: 600px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.CustomTextName {
    display: block;
    FONT-SIZE: 21px;
    font-family: Arial;
    color: #2D64FF;
    font-weight: bold;
    padding-bottom: 8px;
}

.CustomTextSmallHeader
{
    display:block;
    margin-bottom:5px;
}

.CustomTextHour {
    box-sizing: border-box;
    width: 530px;
    height: 175px;
    resize: none;
    padding: 10px;
    border: 1px solid rgba(0,0,0,1);
    display: block;
    margin-bottom: 10px;
    font-family:Courier New, Courier, monospace;
    font-weight:bold;
    outline:none;
}

.CustomTextDD {
    display: block;
    margin-bottom: 10px;
    width: 450px;
    height: 30px;
}

.CustomTextInfoText {
    box-sizing: border-box;
    width: 530px;
    height: 62px;
    resize: none;
    padding: 10px;
    border: 1px solid rgba(0,0,0,1);
    display: block;
    margin-bottom: 10px;
    outline:none;
    
}

.CustomTextButton {
    display: block;
    font-weight: normal;
    border: 0px;
    background-color: #2D64FF;
    color: white;
    min-width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    text-align: center;
    margin-bottom:20px;
}

.CustomTextConWinTD1 {
    vertical-align: top;
    text-align: left;
    padding: 0px;
  
   
}

.CustomTextConWinTD2 {
    vertical-align: top;
    text-align: left;
    padding: 20px;
    padding-left: 40px;
}

.CustomTextConWinDiv
{
    display:block;


   
    width:700px;
    border:0.5px solid rgba(0,0,0,0.5);
    margin-bottom:20px;
    
}

    .CustomTextConWinDiv:empty
    {
        display:none;
    }


.showResultButton {
    color: rgb(0,0,0);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.CustomTextdivResults {
    white-space: pre-line;
    font-family: Courier New, Courier, monospace;
    width: 450px;
    display: none;
}

.CustomTextOpeningHoursNotOK {
    color: red;
    margin-top: 5px;
    margin-bottom: 10px;
}

.CustomTextOpeningHoursNotOK:empty {
   display:none;
}

.buttonLinkButton {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #2D64FF;
    cursor:pointer;
}

.tdPaddingLeft10 {
    padding-left: 10px;
}

.tdPaddingTop10 {
    padding-top: 10px;
}

.height10
{
    height:10px;
}

.masterTDTop {
    VERTICAL-ALIGN: sub;
    TEXT-ALIGN: left;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.masterTd2 {
    VERTICAL-ALIGN: sub;
    TEXT-ALIGN: right;
}

.adminMenuTD2 {
    VERTICAL-ALIGN: bottom;
}

.loginForm {
    MARGIN-TOP: 20px;
    MARGIN-LEFT: 20px;
    BORDER-BOTTOM-WIDTH: 20px;
}

.loginHeight8 {
    height: 8px;
}

.loginWith140 {
    width: 140px;
}

.loginWith64 {
    width: 64px;
}

.loginWith272 {
    width: 272px;
}

.loginWith400 {
    width: 400px;
}

.adminHeaderColorLoho {
    background-color: rgb(163,118,63);
}

.adminHeaderColorDev {
    background-color: rgb(26,118,163);
}

.adminHeaderColorUngOnlineDev {
    background-color: rgb(248,85,50);
}

.adminHeaderColorClone {
    BACKGROUND-COLOR: green;
}

.paddingBottom8 {
    padding-bottom: 8px;
}

.agentEditWith140
{
    width:140px;
}

.agentEditWidth180 {
    width: 270px;
 
}


.agentHeight10 {
   height:10px;
}

.agentEditImg {
    width: 200px;
    border: 0px solid rgb(255,255,255);
}

.statWidth360 {
    width: 360px;
}

.statMarginTop10
{
    margin-top:10px;
}

.statInfo {
    color: green;
    font-weight: bold;
}

.lineHeight22 {
    line-height: 22px;
}

 

.queueStatTable {
    position: relative;
    top: 0px;
   
}

.statVAlignTop
{
    vertical-align:top;
}

.statwidth150
{
    width:150px;
}

.viewAlignCenter
{
    text-align:center;
}

.outerDivChatOverview {
    display: inline-block;
    border: solid 0px rgb(166,166,166);
    margin: 10px;
    position: relative;
    width: 400px;
    height: 500px
}

.hideChatDivChatOverview {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    text-decoration: none;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #2D64FF;
}

.iframeChatOverview {
    width: 100%;
    height: 100%;
    background-color: white;
}

.divStyleChatOverview {
    display: inline-block;
    border: solid 1px rgb(166,166,166);
    margin: 10px;
    position: relative;
    width: 420px;
    height: 540px;
}

.statRed
{
    color:red;
}

.statWidth250 {
    width: 250px
}
.statWidth400 {
    width: 400px
}

.statWidth700 {
    width: 700px
}

.statWidth800 {
    width: 800px
}

 

.flexContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 600px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.flexContainterButtons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.tbHeader {
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid rgba(0,0,0,1);
    resize: none;
    box-sizing: border-box;
    -moz-appearance: none;
    outline: 0px none transparent;
    padding: 4px;
    font-weight: bold;
}

.tbText {
    width: 100%;
    height: 160px;
    border: 1px solid rgba(0,0,0,1);
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    box-sizing: border-box;
    -moz-appearance: none;
    outline: 0px none transparent;
    padding: 4px;
}


.status {
    color: red;
}



.flexContainerList {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 600px;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.flexContainerListButtons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.cannedRe {
    background-color: rgb(244,244,244);
    color: rgba(0,0,0,1);
    padding: 15px;
    margin-top: 10px;
    border-radius: 10px;
}

.info {
    margin-top: 3px;
}

.divText {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 17px;
    color: rgba(0,0,0,1);
}

.divType {
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 15px;
    color: rgba(0,0,0,1);
}

.divHeader {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 17px;
    color: rgba(0,0,0,1);
}

.headerCanned {
    font-weight: bold;
    margin-bottom: 5px;
}

    .header::selection {
        background-color: rgba(255,0,0,0.8);
        color: white;
    }

.text {

}

.textCannedResponses {
    max-width: 570px;
    overflow-wrap:break-word;
}

.textFormatFailRed
{
    color:red;
}

.text::selection {
    background-color: rgba(255,0,0,0.8);
    color: white;
}

    .text a {
        color: black;
        text-decoration: underline;
    }


    .width120px
    {
        width:120px;
    }

.width300px {
    width: 300px;
}

.jaunimoLogo {
    background-color: #1EA838;
    border: 12px solid #1EA838;
    width: 120px;
}

.textFixedIframe {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: bottom;
    user-select: none;
    border-width: 0px;
    box-sizing: border-box;
}


 

.agentGroupChat {
    width: 700px;
    height: 600px;
    border: 0px;
    display:block;
    margin-top:0px;
    margin-bottom:20px;
    margin-left:0px;
}


.agentUpdateTextBox {
    box-sizing: border-box;
    width: 530px;
    height: 200px;
    resize: none;
    padding: 5px;
    border: 1px solid rgba(0,0,0,1);
    margin-top:4px;
    display: block;
    margin-bottom: 10px;
    outline:none;
}

.agentUpdateTextBoxOneLine {
    box-sizing: border-box;
    width: 530px;
    resize: none;
    padding: 5px;
    border: 1px solid rgba(0,0,0,1);
    margin-top: 4px;
    display: block;
    margin-bottom: 10px;
}

.agentLabelUpdateExplainer {
    width: 630px;
    margin-bottom: 10px;
}

.ddDeleteAgentGroup
{
    margin-right:10px;
    padding:3px;
}

@font-face {
    font-family: passdots;
    src: url("https://phs.basechat.com/basechat/0/font/9/0/0/821118510422/0/password-dots.woff2?v=0") format('woff2');
}