@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }
html { overflow: hidden }
body, html { height: 100%; }
body { line-height: 1; font-size: 12px; background: #F8FAF9; overflow: auto; }
a { text-decoration: none; }
img { vertical-align: text-bottom; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select, textarea { outline: none; }
input[type="text"], textarea { -webkit-appearance: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
::-moz-selection { background: #fcf7c5; color: #000; }
::selection { background: #fcf7c5; color: #000; }

.left { float: left; }
.right { float: right; }
.clear:after, #botAnalyticsLogo:after, .table2 li:after, .table2 li a:after, .tabHead > ul:after, #conversations > ul > li:after, #liveConversations > ul > li:after, .conversationDetail aside .convers li:after, .tableDashboard0001 a.style:after, .generalSelectBot #selectyourbot li a:after, #conversations > ul > li .extras:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }, #liveConversations > ul > li .extras:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.relative { position: relative; }
.taCenter { text-align: center; }
.marginTop5px { margin-top: 5px; }
.marginTop10px { margin-top: 10px; }
.marginTop20px { margin-top: 20px; }
.marginTop30px { margin-top: 30px; }
.marginTop40px { margin-top: 40px; }
.marginTop50px { margin-top: 50px; }
.marginLeft10px { margin-left: 10px; }
.marginRight10px { margin-right: 10px; }
.padding30px { padding: 30px; }
.padding60px { padding: 60px; }
.padding60100 { padding: 60px 100px; }
.opacity05 { opacity: .5 }
.radius2px, #conversations > ul > li .extras .tooltip, #liveConversations > ul > li .extras .tooltip { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; }

.radius4px, .dashboardStats li, .borderContainer, .tableDetailDashboard .w001 img, .tableContainerStyle table.tableStyle0001 .imgLeft img, .tableContainerStyle table.tableStyle0001 tbody tr:hover,  #generalContent #generalHead .headline.backHeadLine i, .warning001, .accordionContainer, .tableDashboard0001 a.style, .broadCastLast > li, #selectyourbot .logoBots { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }.radius100, #botDropDownContainer .botLogo, #botDropDownContainer .botLogo img, .accordionContainer .accordion .filterRange, .conversationDetail #profile figure, .conversationDetail #profile figure img, .conversationDetail #profile .online, .broadCastLast > li.active .dot { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -khtml-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; }
.radius0 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; }

.row, .dashboardStats > li { margin-right: 2%; display: inline-block; float: left; }
.row:last-child, .dashboardStats > li:nth-child(4n) { margin-right: 0; }
.row1 { width: 4.375%; }
.row2 { width: 10.75%; }
.row3 { width: 17.125%; }
.row4, .dashboardStats > li { width: 23.5%; }
.row5 { width: 29.875%; }
.row6 { width: 36.25%; }
.row7 { width: 42.625%; }
.row8 { width: 49.0%; }
.row9 { width: 55.375%; }
.row10 { width: 61.75%; }
.row11 { width: 68.125%; }
.row12 { width: 74.5%; }
.row13 { width: 80.875%; }
.row14 { width: 87.25%; }
.row15 { width: 93.625%; }
.row16 { width: 100%; }
.row50 { width: 50%; }
.row3x { width: 32%; }
.row5x { width: 18.4%; }
.row6x { width: 15%; }

.button { color: #fff; display: inline-block; border: 1px solid #fff; cursor: pointer; }
.button.white { background: #fff; border-color: #fff; }
.button.borderWhite { border-color: #fff; background: none; }
.button.green { background: #4BD397; border-color: #4BD397; }
.button.red { background: #FE4A4A; border-color: #FE4A4A; }
.button.borderGreen { border-color: #4BD397; background: none; }
.button.blue { background: #08AEE0; border-color: #08AEE0; }
.button.borderBlue { border-color: #08AEE0; background: none; }
.button.facebook { background: #3B5998; border-color: #3B5998; }
.button.borderFacebook { border-color: #3B5998; background: none; }
.button.borderTrans06 { border: 1px solid rgba(255,255,255,.6); }
.button.borderGray { border-color: #E0E5EB; background: none; }
.button.borderRed { border-color: rgba(254,74,74,.3); background: none; }
.button.height30 { border-radius: 17px; padding: 10px 26px; letter-spacing: .1px; font: 600 1em/12px 'Poppins';  }
.button.height40 { border-radius: 22px; padding: 10px 36px; letter-spacing: .1px; font: 600 1.1em/22px 'Poppins';  }
.button.height50 { border-radius: 26px; padding: 15px 40px; letter-spacing: .1px; font: 600 1.1em/22px 'Poppins';  }
.button.height60 { border-radius: 30px; padding: 18px 42px; letter-spacing: .1px; font: 600 1.1em/22px 'Poppins';  }
.button.buttonLeftRadiusHeight40 { border-radius:22px 0 0 22px; border-right: 0; }
.button.buttonRightRadiusHeight40 { border-radius: 0 22px 22px 0; }
.button i { line-height: 20px; position: relative; top: 1px; }
.button.borderTransHover02:hover, .button.borderTransHover02:visited { background: rgba(255,255,255,.1); }
.button.borderHoverShadow:hover, .button.borderHoverShadow:visited { box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); }
.button.grayText { color: #6A747F; }
.button.blueText { color: #08AEE0; }
.button.whiteText { color: #fff; }
.button.greenText { color: #4BD397; }
.button.redText { color: #FE4A4A; }
.button.fontWeight500 { font-weight: 500; }
.button.fontWeight300 { font-weight: 300; }
.button.height60.buttonOnlyRight { border-radius: 0 30px 30px 0; }
.button.disable { cursor: default; }
.button.buttonNoRadius { border-radius: 0; border-right: 0; }

.shadowContainer { box-shadow: 0 10px 10px 0 rgba(0,0,0,.04); background: #fff; }
.borderContainer { border: 1px solid #E0E5EB; background: #fff; }

.gradient { height: 50px; position: absolute; z-index: 999; width: 97%; }
.gradientTop { top:0; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); }
.gradientBottom { bottom:0; background: linear-gradient(-180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); }
.gradientRight { right: 0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); }

.noClick { background: rgba(248,250,249,.7); width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; z-index: 9999; }

.h06 { font: 500 1em/22px 'Poppins'; color: #A7B0BA; letter-spacing: .2px; margin-bottom: 10px; }
.h07 { font: 300 2em/34px 'Poppins'; color: #383F47; }
.h08 { font: 500 2em/34px 'Poppins'; color: #383F47; letter-spacing: -.5px }
.p001 { font: 300 1.1em/26px 'Poppins'; letter-spacing: .3px; color: #6A747F; }
.p001 a { color: #6A747F; font-weight: 500; }
.p001 a:hover { text-decoration: underline; }

#leftMenuStatic { position: fixed; left: 0; top: 0; height: 100%; z-index: 1000; }
#leftMenu { height: 100%; background: #053177; background-image: linear-gradient(-225deg, rgba(0,223,255,0.00) 0%, rgba(0,223,255,0.50) 100%); width: 280px; position: relative; }
#leftMenu #botAnalyticsLogo { padding: 33px 40px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; }
#leftMenu #botAnalyticsLogo a { white-space: nowrap; display: block; }
#leftMenu #botAnalyticsLogo img.logoIcon { height: 34px }
#leftMenu #botAnalyticsLogo img.logoType { height: 22px; margin: 6px 0 6px 15px; }
#leftMenu #leftNav { padding: 40px 38px; }
#leftMenu #leftNav > ul { position: relative;  }
#leftMenu #leftNav > ul > li { position: relative; margin-left: -53px; padding-left: 53px;}
#leftMenu #leftNav > ul > li:after, #leftMenu #leftNav ul li a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#leftMenu #leftNav > ul > li.active { margin-left: -38px; padding-left: 35px; border-left: 3px solid #4BD397; }
#leftMenu #leftNav > ul > li > a { display: block; padding: 20px 0; cursor: pointer; }
#leftMenu #leftNav > ul > li > a i { font-size: 2em; line-height: 24px; float: left; margin-right: 20px; color: rgba(255,255,255,.2); }
#leftMenu #leftNav > ul > li > a span { float: left; font:300 1.2em/24px 'Poppins'; letter-spacing: .5px; color: rgba(255,255,255,.4); }
#leftMenu #leftNav > ul > li:hover span, #leftMenu #leftNav > ul > li:hover i { color: rgba(255,255,255,.8); }
#leftMenu #leftNav > ul > li.active i, #leftMenu #leftNav > ul > li.active:hover i, #leftMenu #leftNav > ul > li.active span, #leftMenu #leftNav > ul > li.active:hover span { color: #fff; }
#leftMenu #leftNav .leftNavSub { margin: 0 0 20px 44px; display: none; }
#leftMenu #leftNav .leftNavSub h6 { display: none; }
#leftMenu #leftNav .leftNavSub li { padding: 12px 0 }
#leftMenu #leftNav .leftNavSub li a { font:300 1.1em/14px 'Poppins'; letter-spacing: .5px; color: rgba(255,255,255,.4); }
#leftMenu #leftNav .leftNavSub li.active a { color: #fff; }
#leftMenu #leftNav > ul > li.active .leftNavSub { display: block; }
#leftMenu #leftNav.bottomLeftMenu { height: auto; overflow: hidden; position: absolute; z-index: 2; bottom: 0; left: 0; padding: 20px 38px; }
#leftMenu #leftNav.bottomLeftMenu .logoutText { display: none; font-size: 10px; position: relative; left: -9px; top: -5px; }

#leftMenu #leftLogo { background: #fff; border-right: 1px solid #E0E5EB; padding: 20px 40px; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; }
#leftMenu #leftNav .leftNavSub li a:hover { color: #fff; }
#leftMenu #leftLogo figure { float: left; }
#leftMenu #leftLogo figure img { width: 40px; height: 40px; }
#leftMenu #leftLogo .logoText, #generalContent #generalHead h6 { font:400 2em/40px 'Poppins'; letter-spacing: -0.1px; color: #383F47; float: left; margin-left: 20px; cursor: default; }
#generalContent #generalHead .headline a { color: #383F47; }
#generalContent #generalHead h6.margin0 { margin: 0; }

.openClose { position: absolute; z-index: 99999; right: -30px; bottom: 26px; background: rgba(0,0,0,.6); width: 20px; height: 10px; padding: 14px 0; text-align: center; width: 30px; height: 40px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; color: #fff; cursor: pointer; }
.openClose i { font-size: 10px; display: block; }

.minimizeMenu .openClose i {  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.minimizeMenu .openClose { position: absolute; z-index: 99999999; right: 20px; bottom: 16px; border:1px solid rgba(255,255,255,.2); background: none; padding: 14px 0; text-align: center; width: 40px; height: 40px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -khtml-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; color: #fff; }
.minimizeMenu .openClose:hover { background: #fff; color: #053177; }
.minimizeMenu .stickyButtonContainer { padding-left: 80px; }
.minimizeMenu #leftMenu { width: 80px; z-index: 99999999 }
.minimizeMenu #leftMenu #botAnalyticsLogo { padding: 36px 25px 30px; }
.minimizeMenu #leftMenu #botAnalyticsLogo .logoType { display: none; }
.minimizeMenu #leftMenu #leftNav { padding: 40px 28px; }
.minimizeMenu #leftMenu #leftNav > ul > li { margin-left: -28px; padding-left: 28px; padding-right: 50px; }
.minimizeMenu #leftMenu #leftNav > ul > li a { cursor: pointer;  }
.minimizeMenu #leftMenu #leftNav > ul > li.active { margin-left: -28px; padding-left: 25px; }
.minimizeMenu #generalContent { padding-left: 80px; }
.minimizeMenu #leftMenu #leftLogo { padding: 20px 19px 20px 20px; }
.minimizeMenu #leftMenu #leftLogo .logoText, .minimizeMenu #leftMenu #leftNav > ul > li span, .minimizeMenu #leftMenu #botAnalyticsLogo .ii-logotext { display: none; }
.minimizeMenu #leftMenu .leftNavSub { position: absolute; top: 0; left: 25px; display: none !important; background: #fff; border: 1px solid #F1F1F1; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.04); border-radius: 4px; width: 230px; padding: 30px 40px 20px}
.minimizeMenu #leftMenu #leftNav .leftNavSub li a { color: #383F47; cursor: default; display: block; }
.minimizeMenu #leftMenu #leftNav .leftNavSub h6 { font: 500 1em/22px 'Poppins'; color: #A7B0BA; letter-spacing: .2px; margin-bottom: 10px; cursor: default; display: block; }
.minimizeMenu #leftMenu #leftNav > ul > li:hover .leftNavSub, .minimizeMenu #leftMenu #leftNav > ul > li:hover .leftNavSub.newClass { display: block !important; animation-name: fadeInLeft; animation-duration: 1s; animation-fill-mode: both; }
.minimizeMenu #leftMenu #leftNav .leftNavSub li a:hover { color: #4BD397; cursor:pointer;}
.minimizeMenu #leftMenu #leftNav .leftNavSub li.active a { font-weight: 600; letter-spacing: -.4px; color: #000;  }

.minimizeMenu .bottomLeftMenu { margin-bottom: 20px; }

.minimizeMenu #leftMenu #leftNav.bottomLeftMenu .logoutText { display: block; }

@keyframes fadeInLeft {
  from { transform: translate3d(-3%, 0, 0); }
  to { transform: none; }
}

#generalContent { padding-left: 280px; }
#generalContent #generalHead { padding: 20px 50px; border-bottom: 1px solid #E0E5EB; background: #fff; }
#generalContent #generalHead .headline { color: #383F47; padding: 10px 0; }
#generalContent #generalHead .headline i { float: left; font-size: 24px; line-height: 38px }
#generalContent #generalHead .headRight { padding: 8px 0; }
#generalContent #generalHead .headline.backHeadLine i { background: #ECECEC; font-size: 20px; padding: 5px 16px; position: relative; margin: -5px 0 -5px -10px }
#botDropDownContainer { margin-left: 30px; }
#botDropDownContainer .botLogo { background: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); margin-right: 10px; float: left; }
#botDropDownContainer .botLogo img { width: 44px; height: 44px; cursor:pointer; }
#botDropDownContainer .botNameHead { font: 400 1.1em/42px 'Poppins'; letter-spacing: .2px; color: #6A747F; float: left; padding-top: 2px }
#botDropDownContainer .ii-arrow { position: absolute; right: -16px; top: 20px; color: #6A747F; font-size: 5px; padding-left: 7px; }

.subMenuTop { position: absolute; z-index: 9999; background: #fff; border: 1px solid #F1F1F1; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.04); border-radius: 4px; text-align: center; }
.subMenuTop > ul > li > a { font: 300 1.2em/14px 'Poppins'; letter-spacing: .3px; padding: 16px 40px; display: block; border-bottom: 1px solid rgba(0,0,0,.05); color: #383F47; }

#contentGeneral { padding: 30px 50px; position: relative; }
.stickyButtonContainer { z-index: 99; bottom: 0; right: 0; width: 100%; position: absolute; padding-left: 280px;  }
.stickyButtonContainer .stickyStyle { background: rgba(255,255,255,1); padding: 30px 50px; border-top: 1px solid #E0E5EB; }
.stickyButtonContainerReset { height: 115px; }
.stepInfo { padding: 8px 0 0; }
.stepInfo li { float: left; width: 150px; }
.stepInfo .text { font: 300 1em/14px 'Poppins'; color: #383F47; text-align: center; }
.stepInfo .bar { height: 10px; margin-top: 10px; border: 1px solid rgba(0,0,0,.1); border-right: 0; border-left: 0; }
.stepInfo li.done .bar { background: #4BD397; border-color: #4BD397; }
.stepInfo li.active .text { font-weight: 500; color: #4BD397 }
.stepInfo li:first-child .bar { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; border-left: 1px solid rgba(0,0,0,.1); }
.stepInfo li:last-child .bar { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; border-right: 1px solid rgba(0,0,0,.1); }


.dashboardStats li { position: relative; padding: 30px; border: 1px solid #E0E5EB; background: #fff; margin-bottom: 2%; height: 175px; overflow: hidden; cursor: pointer; }
.dashboardStats li:hover { box-shadow: 0 5px 10px 0 rgba(0,0,0,0.05); position: relative; margin-top: -5px; height: 180px; }

.dashboardStats li .head { font: 500 1em/12px 'Poppins'; color: #A7B0BA; letter-spacing: .2px; margin-bottom: 10px; }
.dashboardStats li .stats { font: 300 3em/36px 'Helvetica Neue', 'Arial'; color: #000; }
.dashboardStats li .status { font: 500 1em/12px 'Helvetica Neue', 'Arial'; margin-top: 24px; }
.dashboardStats li .status.green { color: #4BD397; }
.dashboardStats li .status.red { color: #FE4A4A; }
.dashboardStats li .delete { top: -16px; right: -16px; position: absolute; color: #999; font-size: 8px; padding: 10px; margin: 16px; cursor: pointer; }
.dashboardStats li .delete:hover { color: #FE4A4A; }
.dashboardStats li .graph { position: relative; margin: 5px -45px 0;  }
.dashboardStats li.addNew { background: #F8FAF9; text-align: center; }
.dashboardStats li.addNew a { height: 100%; width: 100%; color: #A7B0BA; padding: 30px 0; display: block; }
.dashboardStats li.addNew a i { margin-bottom: 20px; font-size: 2.4em; }
.dashboardStats li.addNew a span, .dashboardStats li.addNew a i { display: block; }
.dashboardStats li.addNew a span { font: 500 1em/12px 'Poppins'; letter-spacing: .2px; }
.dashboardStats li:hover .delete { display: block; }


.addDashboardSelect .selectric-wrapper { margin: 30px 0 50px; }



.tableHead { font: 300 1.8em/21px 'Poppins'; letter-spacing: .1px; color: #4BD397; }
.tableHead.graySmall { font-size: 1.4em; color: #6A747F; }
.tableHead i { margin-right: 14px; float: left; font-size: 21px; position: relative; top: -1px; line-height: 21px; }


.indexTableDashboard .table2 { height: 210px; overflow: auto; }
.tableContainerStyle { padding: 20px; }
.tableContainerStyle table.tableStyle0001 { border: none; width: 100%; text-align: left; border-collapse: collapse; font:13px 'Poppins', 'Helvetica'; color: #6A747F; }
.tableContainerStyle table.tableStyle0001 td, table.tableStyle0001 th { border-bottom: 1px solid rgba(0,0,0,.05); padding: 14px; }
.tableContainerStyle table.tableStyle0001 tbody td { vertical-align: middle; font-weight: 300; }
.tableContainerStyle table.tableStyle0001 tbody tr:last-child td { border-bottom: 0;}
.tableContainerStyle table.tableStyle0001 tbody tr:hover { box-shadow: 0 0 6px 0 rgba(0,0,0,.2); color: #000; }
.tableContainerStyle table.tableStyle0001 thead { border-bottom: 1px solid rgba(0,0,0,.05); }
.tableContainerStyle table.tableStyle0001 thead th { font-weight: 500; text-align: left; }
.tableContainerStyle table.tableStyle0001 .imgLeft span { line-height: 32px; }
.tableContainerStyle table.tableStyle0001 .imgLeft figure { float: left; }
.tableContainerStyle table.tableStyle0001 .imgLeft img { width: 32px; height:32px; margin-right: 16px; }
.tableContainerStyle .pagenation { margin-top: 0 !important }



.tableDashboard0001 .borderContainer { padding: 30px }
.tableDashboard0001 .padding60px { padding: 60px; }
.tableDashboard0001 li { font: 300 1.1em/14px 'Poppins'; letter-spacing: .3px; margin-bottom: 20px; cursor: default; }
.tableDashboard0001 li, .tableDashboard0001 li a.style { color: #6A747F; }
.tableDashboard0001 li:last-child { margin-bottom: 0; }
.tableDashboard0001 .head { font: 600 12px/12px 'Poppins'; color: #6A747F; letter-spacing: .5px; }
.tableDashboard0001 .w0 { float: left; min-height: 1px }
.tableDashboard0001 .w001 { width: 31%; }
.tableDashboard0001 .w002 { width: 10%; text-align: center; }
.tableDashboard0001 .w003 { width: 20%; text-align: center; }
.tableDashboard0001 .w004 { width: 20%; text-align: center; }
.tableDashboard0001 .w005 { width: 19%; text-align: center; }
.tableDashboard0001 a.style { display: block; }
.tableDashboard0001 li:hover a.style { padding: 25px 15px 5px; position: relative; margin: -25px -15px -5px; box-shadow: 0 0 6px 0 rgba(0,0,0,.2); color: #000; }
.tableDashboard0001.tableNoImg2 li:hover a.style { padding: 20px 15px; margin:-20px -15px }
.tableDetailDashboard .w001 figure { float: left; }
.tableDetailDashboard .w001 img { width: 32px; height:32px; position: relative; top: -10px; margin-right: 16px; }
.tableDetailDashboard { border-top: 1px solid rgba(0,0,0,.05); margin-top: 20px; padding-top: 20px; }
.tableDetailDashboard li { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.05); }
.tableDetailDashboard li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }

.tableDashboard0002 .borderContainer { padding: 30px }

.tableDashboard0003 .w001 { width: 50%; }
.tableDashboard0003 .w002 { width: 50%; text-align: right; }

.tableDashboard0004 .w001 { width: 25%; }
.tableDashboard0004 .w002 { width: 20%; text-align: right; }
.tableDashboard0004 .w001, .tableDashboard0004 .w002 { padding: 14px 0; }
.tableDashboard0004 .w003 { width: 55%; text-align: right; }

.tableDashboard0005 .w0 { width: 100%; text-align: left; margin-top: 20px;}

.tableDashboard0006 .w001 { width: 30%; }
.tableDashboard0006 .w002 { width: 30%; text-align: left; }

.tableDashboard0007 .w001 { width: 25%; }
.tableDashboard0007 .w002 { width: 20%; text-align: center; }
.tableDashboard0007 .w001, .tableDashboard0007 .w002, .tableDashboard0007 .w004 { padding: 14px 0; }
.tableDashboard0007 .w003 { width: 25%; text-align: right; }
.tableDashboard0007 .w004 { width: 30%; text-align: left; }



.tableNoImg .tableDetailDashboard { margin: 0; padding: 0; margin-top: 20px }
.tableNoImg .tableDetailDashboard > li { margin-bottom: 0; padding: 20px 0; }
.tableNoImg .tableDetailDashboard > li:last-child { padding-bottom: 0; }

.datePicker .to { font: 1em 'Poppins'; color: #6A747F; margin: 0 10px }
.datePicker .button.height40 { padding: 10px 20px; }
.datePicker .tableHead { margin-top: 10px; }
.datePicker .selectric { width: 200px }
.datePicker .button { width: 180px; font-weight: 300; }
.datePicker.datePickerGreen .selectric { background: #08AEE0; border-color: #08AEE0; width: 200px; }
.datePicker.datePickerGreen .selectric .label { color: #fff; }
.datePicker.datePickerGreen .selectric .button { color: #fff; }
.datePicker.datePickerGreen .selectric .button:after { border-top-color:#fff; }
.datePicker .dateSelect input { padding-left: 50px !important; color: #383F47; }
.datePicker .dateSelect .inputCont:before { position: absolute; z-index: 2; font-size: 18px; top: 12px; left: 20px; color: #383F47; }
.datePicker .dateSelect .inputCont { display: inline-block; position: relative; }
.datePicker .dateSelect .inputCont .button:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.warning001 { padding: 10px 10px 10px 30px; }
.warning001 .text { color: #fff; font: 1.2em/44px 'Poppins' }
.warning001 .text i { margin-right: 10px }
.warning001.blue { background: #08AEE0; box-shadow: 0 2px 4px 0 rgba(0,156,221,.2); }

#pricingPopup { width: 400px; }
#pricingPopup #pricingHead { text-align: center; background: #08AEE0; padding: 30px 0; }
#pricingPopup #pricingDesc { margin: 30px 0 }
#pricingPopup #pricingDesc li { padding:  10px; text-align: center; font: 300 1.167em/14px 'Poppins'; color: #6A747F; letter-spacing: .3px; }
#pricingPopup .price { text-align:center; font:300 2.2em 'Helvetica Neue', 'Poppins'; color: #6A747F; }
#pricingPopup .taCenter { margin: 30px 0 40px; }


.tabHead { margin-bottom: 10px; border-bottom: 1px solid #E0E5EB; }
.tabHead > ul { float: left; }
.tabHead > ul > li { font: 1.3em 'Poppins'; color: #6A747F; letter-spacing: .3px; float: left; margin-right: 40px;  padding-bottom:20px; position: relative; padding-top: 1px; cursor: pointer; }
.tabHead > ul > li:hover { color: #000; }
.tabHead > ul > li:last-child { margin-right: 0; }
.tabHead > ul > li.active { color: #383F47; border-bottom: 2px solid #4BD397; top: 1px; padding-top: 0;}
.tabHead .datePicker { position: relative; margin: -12px 0; }
.tabBottom { /** border-top: 1px solid #E0E5EB;  margin-top: 50px;  **/ padding-top: 30px; }

.accordionContainer { border: 1px solid rgba(0,0,0,.1); padding: 2px 0; }
.accordionContainer .accordion .filterRange { top:12px; right: 50px; padding: 8px 0; color: #fff; width: 28px; height: 28px; position: absolute; text-align: center; font: 600 1em/12px 'Arial'; background: #08AEE0; }
.accordionContainer .accordion { padding: 20px; color: #6A747F; width: 100%; border: 0; text-align: left; border-top: 1px solid rgba(0,0,0,.08); position: relative; font: 300 1.2em/14px 'Poppins'; background: #fff; }
.accordionContainer .accordion:first-child { border-top: 0; }
.accordionContainer .accordion:after { top:24px; right: 24px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #6A747F; border-width: 4px; }
.accordionContainer .accordion.active:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 19px }
.accordionContainer .panel { padding: 10px 20px 30px; display: none; }

.paymentAccordion { margin-top: -100px; position: relative; }

.typeTag { margin:20px 0 50px; }
.typeTag li { padding: 6px 34px 6px 14px; border: 1px solid rgba(0,0,0,.1); float: left; font: 300 1em 'Poppins'; position: relative; color: #383F47; margin-right: 10px; margin-bottom: 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -khtml-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; }
.typeTag li:after { top: 0; right: 0; position: absolute; content: "\e91d"; font-size: 16px; padding: 7px; cursor: pointer; columns: #383F47; }

.inputContainer:first-child label { margin-top: 0; }
.inputContainer label { font:300 1.2em 'Poppins'; color: #6A747F; letter-spacing: .2px; display: block; margin-bottom: 12px; margin-top: 30px; }
.inputContainer input,.input001, .inputContainer textarea { border-radius: 30px; height: 44px; border: 1px solid #DFDFDF; width: 100%; padding: 10px 30px; letter-spacing: .1px; font: 300 1.1em 'Poppins'; color: #383F47; }
.inputContainer textarea { padding: 20px 30px; min-height: 200px; width:100% !important; }
.inputContainer input::-webkit-input-placeholder, .input001::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
.inputContainer input::-moz-placeholder, .input001::-moz-placeholder { color: rgba(0,0,0,.3); }
.inputContainer input:-ms-input-placeholder, .input001:-ms-input-placeholder { color: rgba(0,0,0,.3); }
.inputContainer input:-moz-placeholder, .input001:-moz-placeholder { color: rgba(0,0,0,.3); }
.inputContainer input:focus, .inputContainer textarea:focus, .input001:focus { border-color: #999; }

.inputContainer30 input, .inputContainer30 textarea { height: 34px; }

.conversationDetail { height: 88%; }
.conversationDetail #contentGeneral, .conversationDetail .shadowContainer , .conversationDetail aside { height: 100%; }
.conversationDetail aside { width: 30%; float: left; border-right: 1px solid #F1F3F5; position: relative; height: 100%; overflow: hidden; }
.conversationDetail aside .convers { height: 100%; padding-top: 280px; }
.conversationDetail aside .convers .relative { height: 85%; }
.conversationDetail aside .convers li:first-child { margin-top: 10px; }
.conversationDetail aside .convers li { padding: 20px 40px 20px 0; margin-left: 40px; border-bottom: 1px solid rgba(0,0,0,.05); margin-bottom: 0; position: relative; }
.conversationDetail aside .convers li.active { border-right: 3px solid #4BD397 !important; position: relative; }
.conversationDetail aside .convers li:last-child { border: 0; margin-bottom: 0; }
.conversationDetail aside .convers li:hover a.style { padding: 20px 38px 20px 20px; margin: -20px -38px -20px -20px; }

.conversationDetail aside .convers h4 { padding: 0 40px; }
.conversationDetail aside .convers .tableDetailDashboard { border-top: 0; margin-top: 0; padding-top: 20px; }
.conversationDetail aside .padding40px { padding: 40px; }
.conversationDetail aside .paddingrl40px { padding: 0 40px; }
.conversationDetail aside h4 { font: 500 1em/12px 'Poppins'; color: #A7B0BA; letter-spacing: .2px; }
.conversationDetail aside #profile { height: 100%; }
.conversationDetail aside #profile .absoluteLeft { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; }
.conversationDetail aside #profile .online { background: #4BD397; border: 2px solid #fff; width: 16px; height: 16px; position: absolute; z-index: 2; left: 44px; top: 44px; }
.conversationDetail aside #profile figure { box-shadow: 0 3px 3px 0 #E0E5EB; margin-right: 20px; }
.conversationDetail aside #profile figure img { width: 60px; height: 60px; }
.conversationDetail aside #profile .name { font:300 1.333em/16px 'Poppins'; letter-spacing: .1px; color: #383F47; margin: 16px 0 6px; }
.conversationDetail aside #profile .location { font:300 1em/12px 'Poppins'; color: #6A747F; }
.conversationDetail aside #profile .scrool { overflow: auto; height: 100%; }

.conversationDetail .seeAllDetail { font:300 1.1em/14px 'Poppins'; color: #6A747F; margin-right: 40px; }
.conversationDetail .seeAllDetail span { width: 50px; height: 20px; padding: 3px 15px; text-align: center; background: #4BD397; color: #fff; z-index: 9999; position: relative; margin-left: 10px; border: 1px solid #4BD397; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; }
.conversationDetail .seeAllDetail:hover span { background: #fff; color: #4BD397; }

.conversationDetail article { width: 70%; float: left; height: 100%; position: relative; }
.conversationDetail article .scroll { padding: 30px 40px; height: 100%; overflow:scroll; position: relative; }
.conversationDetail article .gradient { width: 98%; }

#conversations { height: 100% !important; }
#conversations label { color:#6A747F; text-align:center; margin:15px 0; display:block; font: 300 1.2em/24px 'Poppins'; }
#conversations > ul > li { padding:0 0 30px 58px; clear:both; margin-bottom:20px; max-width: 80%; }
#conversations > ul > li img.avatar { float:left; margin-left:-38px; border-radius:50%; width:30px; margin-top:12px }

#conversations > ul > li .bubble { background:#f0f4f7; font:300 1.2em/24px 'Poppins'; letter-spacing: .2px; padding:12px 20px; border-radius:5px 5px 5px 0; color:#6A747F; position:relative; float:left; }
#conversations > ul > li .bubble .corner { background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png) 0 0 no-repeat; position:absolute; width:7px; height:7px; left:-5px; bottom:0 }
#conversations > ul > li .bubble > span { color:#aab8c2; font-size:11px; position:absolute; left:0; bottom:-25px; min-width:250px; }
#conversations > ul > li.bot .bubble > span { right:0; left:auto !important; text-align:right; }
#conversations > ul > li .bubble-alternative { text-align:left; }
#conversations > ul > li.bot .bubble-alternative { text-align:right; }
.bubble-alternative { color:#aab8c2; font:300 11px 'Poppins'; min-width:250px; margin-top:10px }

#conversations > ul > li .extras { padding-top: 30px; cursor: default; position: relative; }
#conversations > ul > li .extras > ul > li { float: left; margin-right: 10px; border-radius: 17px; padding: 10px 16px; border: 1px
	solid rgba(0,0,0,.1); font: 1em/12px 'Poppins'; letter-spacing: .1px; color: #6A747F }

#conversations > ul > li .extras > ul > li:last-child { margin-right:0 !important; }
#conversations > ul > li.bot .extras > ul  { float:right; }

#conversations > ul > li .extras .tooltip { background: #0076FF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); padding: 16px; font: 300 13px/13px 'Poppins'; letter-spacing: .1px; color: #fff; bottom: 100%; display: block; left: -20px; min-width: 140px; opacity: 0; pointer-events: none; position: absolute; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); }
#conversations > ul > li .extras .tooltip:after { border-left: solid transparent 5px; border-right: solid transparent 5px; border-top: solid #0076FF 5px; bottom: -5px; content: " "; height: 0; left: 60px; margin-left: -13px; position: absolute;width: 0; }
#conversations > ul > li .extras li:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#conversations > ul > li .extras .tooltip li { margin-bottom: 10px; }
#conversations > ul > li .extras .tooltip li:last-child { margin-bottom: 0; }

#conversations > ul > li.bot { padding:0 58px 30px 0; margin-right:-19px; margin-left:19px; float: right; }
#conversations > ul > li.bot img.avatar { float:right; margin-left:0; margin-right:-38px }
#conversations > ul > li.bot .bubble { float:right; border-radius:5px 5px 0 5px }
#conversations > ul > li.bot .corner { background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png) 0 0 no-repeat; left:auto; right:-5px }

.extras li img { width:18px; height:18px; border-radius: 37%; }



#liveConversations { height: 100% !important; }
#liveConversations label { color:#6A747F; text-align:center; margin:15px 0; display:block; font: 300 1.2em/24px 'Poppins'; }
#liveConversations > ul > li { padding:0 0 30px 58px; clear:both; margin-bottom:20px; max-width: 80%; }
#liveConversations > ul > li img.avatar { float:left; margin-left:-38px; border-radius:50%; width:30px; margin-top:12px }

#liveConversations > ul > li .bubble { background:#f0f4f7; font:300 1.2em/24px 'Poppins'; letter-spacing: .2px; padding:12px 20px; border-radius:5px 5px 5px 0; color:#6A747F; position:relative; float:left; }
#liveConversations > ul > li .bubble .corner { background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png) 0 0 no-repeat; position:absolute; width:7px; height:7px; left:-5px; bottom:0 }
#liveConversations > ul > li .bubble > span { color:#aab8c2; font-size:11px; position:absolute; left:0; bottom:-25px; min-width:250px; }
#liveConversations > ul > li.bot .bubble > span { right:0; left:auto !important; text-align:right; }
#liveConversations > ul > li .bubble-alternative { text-align:left; }
#liveConversations > ul > li.bot .bubble-alternative { text-align:right; }

#liveConversations > ul > li .extras { padding-top: 30px; cursor: default; position: relative; }
#liveConversations > ul > li .extras > ul > li { float: left; margin-right: 10px; border-radius: 17px; padding: 10px 16px; border: 1px
	solid rgba(0,0,0,.1); font: 1em/12px 'Poppins'; letter-spacing: .1px; color: #6A747F }

#liveConversations > ul > li .extras > ul > li:last-child { margin-right:0 !important; }
#liveConversations > ul > li.bot .extras > ul  { float:right; }

#liveConversations > ul > li .extras .tooltip { background: #0076FF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); padding: 16px; font: 300 13px/13px 'Poppins'; letter-spacing: .1px; color: #fff; bottom: 100%; display: block; left: -20px; min-width: 140px; opacity: 0; pointer-events: none; position: absolute; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30); }
#liveConversations > ul > li .extras .tooltip:after { border-left: solid transparent 5px; border-right: solid transparent 5px; border-top: solid #0076FF 5px; bottom: -5px; content: " "; height: 0; left: 60px; margin-left: -13px; position: absolute;width: 0; }
#liveConversations > ul > li .extras li:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#liveConversations > ul > li .extras .tooltip li { margin-bottom: 10px; }
#liveConversations > ul > li .extras .tooltip li:last-child { margin-bottom: 0; }

#liveConversations > ul > li.bot { padding:0 58px 30px 0; margin-right:-19px; margin-left:19px; float: right; }
#liveConversations > ul > li.bot img.avatar { float:right; margin-left:0; margin-right:-38px }
#liveConversations > ul > li.bot .bubble { float:right; border-radius:5px 5px 0 5px }
#liveConversations > ul > li.bot .corner { background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png) 0 0 no-repeat; left:auto; right:-5px }


#conversationTable > li > a {cursor: pointer;}

tbody > tr {cursor:pointer;}

.count-live-tag { background-color: #4BD397; padding-bottom: 2px; padding-top: 4px; border-radius: 9px;float: left !important;color: #fff !important;padding-right: 5px;padding-left: 4px;margin-top: -2px! important;margin-left: 266px;}



.pagenation { background: rgba(0,0,0,.01); margin:20px -30px -30px; padding: 20px 30px; border-top: 1px solid rgba(0,0,0,.05) }
.pagenation .to { font: 1em 'Poppins'; color: #6A747F; margin: 12px 10px }
.pagenation .selectric { background: #fff; }
.pagenation input { background: #fff; }
.pagenation .goPage { width: 100px; text-align: center; }
.pagenation button.np { background: #fff !important; margin: 0; display: block; float: left; }
.pagenation button.p { margin-left: 20px; border-radius: 22px 0 0 22px; border-right: 0; padding: 10px 26px 10px 36px;  }
.pagenation button.n { border-radius: 0 22px 22px 0; padding: 10px 36px 10px 26px;  }

#segmentationTable .w001, #segmentationTable .w002 { width: 24%; text-align: left; padding-right: 20px; }
#segmentationTable .w003 { width: 28%; text-align: left; padding-right: 20px; }
#segmentationTable .w004 { width: 24%; text-align: left; }
#segmentationTable .w0 .button.ss { margin-left: 10px; position: relative; float: right; }
#segmentationTable .w0 .selectric-disabled { opacity: 1; }
#segmentationTable .w0 .selectric-disabled .label { color: #383F47; }
#segmentationTable .w002.w002plus { width: 40%; }
#segmentationTable .tableDetailDashboard > li { padding: 0; border-bottom: 0; }

#segmentationTable2 .w001 { width:31%; }
#segmentationTable2 .w002, #segmentationTable2 .w003 { padding-right: 60px; width: 27%; text-align: left !important; }
#segmentationTable2 .w004 { width: 15%; text-align: left !important; }
#segmentationTable2 .w004 { text-align: right !important; }


.color001.status.green { color: #4BD397; }
.color001.status.red { color: #FE4A4A; }
.color001.status.orange { color: #E9B03F; }

.emptyPrimary { margin: 0 auto; width: 500px; padding: 40px 0; text-align: center; }
.emptyPrimary i { font-size: 6em; color: #ACB2B9; }
.emptyPrimary2 { padding: 100px 0; }
.emptyPrimary b { font-weight: 500; }

.funnelTable .tableDetailDashboard { padding-top: 0; border-top: 0; margin-top: 20px; }
.funnelTable .tableDetailDashboard .w0004 { width: 300px; }
.funnelTable .setNewFunnel { margin-top: -5px; position: absolute; z-index: 2; right: 0; }
.funnelTable .forSegmentationHead { font: 300 1.2em/16px 'Poppins'; color: #383F47; margin-top: 40px; }

.funnelTable2 .w001 { width: 30%; }
.funnelTable2 .w002, .funnelTable2 .w003 { width: 35%; text-align: left; }


.settingContent { width: 990px; margin: 0 auto; }
.settingContent .tabBottom { margin-top: 0; border-top: 0; }
.tabContentHead { font: 300 1.6em/34px 'Poppins'; color: #383F47; letter-spacing: -.5px }

.tableDetailDashboard.tableDetailDashboardnoBorder, .tableDetailDashboard.tableDetailDashboardnoBorder li { border: 0; }

#packages { text-align: center; }
#packages li { width: 50%; float: left; position: relative; padding: 60px; border-bottom: 1px solid rgba(0,0,0,.1) }
#packages li:nth-child(1), #packages li:nth-child(2) { padding-top: 0; }
#packages li .type { font:600 1.3em 'Poppins'; color: #6A747F; letter-spacing: .5px; }
#packages li .price { font:400 3.2em 'Helvetica Neue','Poppins'; color: #6A747F; margin: 10px 0; }
#packages li .price span { color: rgba(0,0,0,.1); }
#packages li .text { font:400 1.1em/28px 'Poppins'; color: #6A747F; letter-spacing: .2px; }
#packages li .button { margin: 50px 0 20px; }
#packages li .showMore { font:400 1.3em 'Poppins'; letter-spacing: .1px; }
#packages li .showMore a { color: #6A747F; display: inline-block; }
#packages li .medium { font-weight: 300; color: #6A747F !important; }
#packages .packagesBorder .showMore { margin-top: 10px; }

.botListContainer .panel { padding:0 30px 30px 30px; }
.botListContainer .accordion { padding: 26px 30px }
.botListContainer .accordion img { float: left; width: 20px; height: 20px; }
.botListContainer .text { float: left; margin: 4px 0 0 16px; font-weight: 500 }
.botListContainer .accordion.active:after { top: 31px; }
.botListContainer .accordion:after { top: 35px; }
.botListContainer b { font-weight: 600; }

.table2 { font-size: 12px; }

#liveConversation .scroll { padding-bottom: 120px !important; }
#liveConversation .gradient.gradientBottom { height: 120px; padding: 30px 25px 0 40px; }
#liveConversation #liveTextContainer .inputContainer { float: left; width: 75%; }
#liveConversation #liveTextContainer .buttonContainer { width: 25%; float: left; padding-left: 20px; }
#liveConversation #liveTextContainer .buttonContainer button { width: 100% !important; }
#liveConversation #liveTextContainer.liveTextStop .inputContainer { width: 60%; }
#liveConversation #liveTextContainer.liveTextStop .buttonContainer { width: 40%; }
#liveConversation #liveTextContainer.liveTextStop .buttonContainer button { width: 50% !important; }
#liveConversation #liveTextContainer.liveTextStop .buttonContainer button.borderRed { width: 46% !important; margin-left: 4%; }

.retentionHead .tableHead { margin-top: 10px; }

#text2 { text-align: center; cursor: default; text-align: center; }
#text2 h4 { color: #383F47; font:300 2em 'Poppins'; margin-bottom: 6px; }
#text2 p { color: #A7B0BA; font:300 1.1em 'Poppins'; letter-spacing: .3px; }

.addNewBotContainer { margin-top: 60px; }

.opacityBlack { background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 999999; }

.selectBot { background: #053177; background-image: linear-gradient(-225deg, rgba(0,223,255,0.00) 0%, rgba(0,223,255,0.50) 100%); z-index: 9999999; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 20px 20px 0 rgba(0,0,0,0.1); }

.generalSelectBot { position: relative; height: 100%; padding: 40px; }
.generalSelectBot .headTop { font: 300 2.3em/52px 'Poppins'; color: #fff; display: block; padding: 0 20px; cursor: default; }
.generalSelectBot .closeBot i { font-size: 28px; position: absolute; z-index: 2; right: 10px; top: 0; color: #fff; padding: 14px 10px; margin: 40px; display: block; cursor: pointer; }

.generalSelectBot #selectyourbot { border: 1px solid rgba(255,255,255,.1); border-radius: 4px; margin: 40px 20px 30px; height: 350px; overflow: auto; }

.generalSelectBot #selectyourbot li { font: 300 1.2em/16px 'Poppins'; letter-spacing: .2px; border-bottom: 1px solid rgba(255,255,255,.1); }
.generalSelectBot #selectyourbot li.active { background: rgba(0,0,0,.1); }
.generalSelectBot #selectyourbot li.active a { font-weight: 300; }
.generalSelectBot #selectyourbot li a { padding: 35px 35px 20px 50px; color: rgba(255,255,255,.7); display: block; }
.generalSelectBot #selectyourbot li:last-child { border-bottom: 0; }
.generalSelectBot #selectyourbot li span { display: block; }
.generalSelectBot #selectyourbot .logoBots { background: #fff; padding: 2px; width: 30px; height: 30px; position: relative; left: -10px; top: -8px; margin-right: 5px; }
.generalSelectBot #selectyourbot .logoBots img { width: 100%; }

.slackInsightTable .w001 { width: 41%; }
.slackInsightTable .tableDetailDashboard { margin-bottom: 30px; }
.slackInsightTable .tableDetailDashboard li { padding: 25px 0; }

.messageBox { width: 400px; position: relative; height: auto; white-space: nowrap; font-size: 12px; }
.messageBox ul { overflow: auto; padding: 20px; }
.messageBox ul li { box-shadow: 0 5px 10px 0 rgba(0,0,0,.05); overflow: hidden; border-radius: 3px; width: 300px; margin-right: 20px; white-space: normal; display: inline-block; background: #fff; }
.messageBox ul li:last-child { margin-right: 0; }
.messageBox ul li img { width: 100%; }
.messageBox ul li video {width: 100%;}
.messageBox ul li audio {width: 100%;}
.messageBox ul li figure { overflow: hidden;  }
.messageBox ul li h4 { font: 500 1.2em/14px 'Poppins'; padding: 30px 30px 20px; }
.messageBox ul li h4, .messageBox li h4 a { color: #353535; }
.messageBox ul li h4 a:hover { color: #999; }
.messageBox ul li p { font: 300 1.2em/24px 'Poppins'; color: #666666; letter-spacing: .3px; padding: 0 30px 20px; }
.messageBox ul li button { width: 100%; padding: 12px; border: 0; font: 500 1.1em/24px 'Poppins'; letter-spacing: .2px; color: #0084FF; background: #fff; border-top: 1px solid #EDEDED; }






.shop-template ul li { padding: 30px 0 10px; }
.shop-template ul li .paid-with-text { font: 300 1.2em/20px 'Poppins'; color: #666666; letter-spacing: .3px; padding: 5px 30px 20px; text-align: left; }
.shop-template ul li .paid-with-head { font: 500 1em/14px 'Poppins'; padding: 0 30px 0; text-align: left; }
.shop-template .shop-template-in { padding: 0 30px 30px; }
.shop-template .shop-template-in figure { float: left; width: 30%; margin-right: 4%; }
.shop-template .shop-template-in figure img { width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; }
.shop-template .shop-template-in .text-shop { float: left; width: 66%; }
.shop-template .shop-template-in .text-shop h5 { font: 300 1.2em/20px 'Poppins'; }
.shop-template .shop-template-in .text-shop h6 { font: 300 1em/20px 'Poppins'; }
.shop-template .big-no-margin-img { margin: -30px 0 30px; }
.shop-template .text-on-image { position: absolute; z-index: 2; bottom: 0; width: 100%; padding: 16px 30px 10px 30px; color: #fff; background: rgba(0,0,0,.4); }
.shop-template .text-on-image h5 { font: 300 1.2em/20px 'Poppins'; }
.shop-template .text-on-image h6 { font: 300 1em/20px 'Poppins'; }
.shop-template .shop-template-in-reverse figure { margin: 0; float: right; width: 30%; }
.shop-template .shop-template-in-reverse .text-shop { margin-right: 4%; float: right; width:66%; }
.shop-template .read-more-reset { margin-bottom: -10px; position: relative;  }


.messageBox .gradientRightAbsolute { right: 0; }
.messageBox .gradientLeftAbsolute { left: 0; }
.messageBox .gradientRight { background: linear-gradient(90deg, rgba(240,244,247,0) 0%, rgba(240,244,247,100) 100%); }
.messageBox .gradientLeft { background: linear-gradient(90deg, rgba(240,244,247,100) 0%, rgba(240,244,247,0) 100%); }
.messageBox .gradientRightAbsolute, .messageBox .gradientLeftAbsolute { position: absolute; z-index: 2; height: 100%; top: 0; padding: 20px 0; }
.messageBox .gradientRight, .messageBox .gradientLeft { height: 100%; width: 30px;  }
.messageBox.onlyTextandButton p { margin-top: 20px; }




.broadcastTab .borderContainer { padding: 40px; }
.broadcastTab .messageBox { width: 360px; margin: 0 auto; background: #fff; }
.broadCastLast > li { border: 1px solid #E0E5EB; padding: 30px; margin-bottom: 20px; color: #383F47; position: relative; }
.broadCastLast > li:last-child { margin-bottom: 0; }
.broadCastLast > li.active { border-color: #4BD397; box-shadow: 0 5px 10px 0 rgba(0,0,0,.05); }
.broadCastLast > li.active .dot { position: absolute; z-index: 2; right: 30px; top: 45px; width: 10px; height: 10px; background: #4BD397; }
.broadCastLast > li h4 { font: 500 1.3em/17px 'Poppins'; }
.broadCastLast > li p { font: 300 1.1em/16px 'Poppins'; margin-top: 10px }
.broadCastLast > li p.infoCast { font: 300 1em/16px 'Poppins'; margin-top: 20px }

.broadCastListTable .w001 { width: 20%; }
.broadCastListTable .w002 { width: 25%; }
.broadCastListTable .w003 { width: 15%; }
.broadCastListTable .w004 { width: 10%; }
.broadCastListTable .w005 { width: 30%; }
.broadCastListTable .tableDetailDashboard .w001, .broadCastListTable .tableDetailDashboard .w002, .broadCastListTable .tableDetailDashboard .w003, .broadCastListTable .tableDetailDashboard .w004 { padding: 10px 0; }
.broadCastListTable .w001, .broadCastListTable .w002, .broadCastListTable .w003, .broadCastListTable .w004 { text-align: left; }


.broadcastMessageBox { width: auto; }


.md-modal { position: fixed; top: 50%; left: 50%; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(143,27,15,.8); }
.md-show { visibility: visible; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; }
.modal01 .md-content { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; }
.md-show.modal01 ~ .md-overlay { background: rgba(0,0,0,.7); }
.md-show.modal01 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform:scale(1); opacity: 1; }
.popup { box-shadow: 0 10px 10px 0 rgba(0,0,0,.04); background: #fff; border-radius: 4px; margin: 0 auto; overflow: hidden; }

.popup .alert { padding: 60px 100px; }
.popup .alert001 { text-align: center; }
.popup .alert001 i { font-size: 5em; color: #4BD397; }
.popup .alertButtons { text-align: center; margin-top: 60px; }

.switchContainer .text02, .switchContainer.liveConv .switch, .switchContainer .switch .openCloseS { -webkit-transition: all .5s; transition: all .5s; }
.switchContainer:active .switch .openCloseS { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.switchContainer { cursor: default; }
.switchContainer .text01, .switchContainer .text02 { font:500 1.2em/45px 'Poppins'; letter-spacing: .3px; float: left; }
.switchContainer .text01 { color: #89939E; }
.switchContainer .text02 { color: #ACB2B9; }
.switchContainer .switch { height: 40px; width: 100px; border-radius: 20px; background: #F2F4F3; border: 1px solid #E7E7E7; box-shadow: 0 3px 4px 0 #E0E5EB; position: relative; float: left; margin: 0 15px; }

.switchContainer .switch .openCloseS { background: #89939E; display: block; width: 24px; height: 24px; border-radius: 100%; top: 8px; left: 8px; position: absolute; z-index: 2; }

.switchContainer.liveConv .text01 { color: #ACB2B9; }
.switchContainer.liveConv .text02 { color: #4BD397; }
.switchContainer.liveConv .switch { background: #4BD397; border: 1px solid #4BD397; box-shadow: 0 3px 4px 0 #4BD397; }
.switchContainer.liveConv .switch .openCloseS { background: #fff; left: 66px }

.loadingNow { font:300 1.2em/40px 'Poppins'; color: #fff; letter-spacing: .2px; background: #3675F2; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20); border-radius: 30px; padding: 10px 40px 10px 30px; bottom: 40px; right: 40px; position: absolute; z-index: 99999999;  }

.loadingNow .loadingSvg { position: relative; margin-bottom: -10px; margin-top: -1px; }
.loadingNow .loadingText { margin-left: 16px; }

.selectric { font-family: 'Poppins' }
.selectric-wrapper { position: relative; cursor: pointer; }
.selectric-responsive { width: 100%; }
.selectric { border: 1px solid #DFDFDF; position: relative; border-radius: 24px; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 48px 0 30px; font-size: 13px; line-height: 42px; color: #383F47; height: 42px; letter-spacing: .1px; font-weight: 300; }

.selectric .button { border-radius: 0px; border: 0 !important; display: block; position: absolute; right: 9px; top: 0; bottom: 0; margin: auto; width: 38px; height: 38px; color: #515151; text-align: center; padding: 0 !important; font: 0/0 a; *font: 1.1em/38px 'Poppins', 'Arial'; }
.selectric .button:hover { background: none !important; color: #515151 !important;  }
.selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #515151; border-bottom: none;}

.selectric-focus .selectric { border-color: #AAA; }
.selectric-hover .selectric { border-color: #c6c6c6; }
.selectric-hover .selectric .button { color: #c6c6c6; }
.selectric-hover .selectric .button:after { border-top-color: #c6c6c6; }

.selectric-open { z-index: 9999; }
.selectric-open .selectric { border-color: #c6c6c6; background: #fff; }
.selectric-open .selectric-items { display: block; font-family: 'Poppins'; }

.selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;}

.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; }
.selectric-hide-select select { position: absolute; left: -100%; }
.selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; }
.selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; }

.selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; }
.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; }
.selectric-items { display: none; position: absolute; top: 110%; left: 0; background: #fff; border: 1px solid #F1F1F1; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.04); z-index: -1; box-shadow: 0 0 10px -6px; border-radius: 4px; overflow: hidden; }
.selectric-items .selectric-scroll { height: 100%; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%;}

.selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; }
.selectric-items li { display: block; padding: 10px 16px; border-bottom: 1px solid #EEE; color: #666; cursor: pointer; }
.selectric-items li:first-child { border-top: 0; }
.selectric-items li:last-child { border-bottom: 0; }
.selectric-items li.selected { background: #EFEFEF; color: #444; }
.selectric-items li.highlighted { background: #D0D0D0; color: #444; }
.selectric-items li:hover { background: #F0F0F0; color: #444; }
.selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-items .selectric-group .selectric-group-label { font-weight: bold;padding-left: 10px;cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; }
.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }
.selectric-items .selectric-group li { padding-left: 25px;}


@-webkit-keyframes pulse106 {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.06); }
  100% { -webkit-transform: scale(1); } }
.pulse106animation, .loadingNow { animation: pulse106 3s infinite; }



/* Popup */
.md-modal { position: fixed; top: 50%; left: 50%; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(143,27,15,.8); }
.md-show { visibility: visible; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; }
.modal01 .md-content { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; }
.md-show.modal01 ~ .md-overlay { background: rgba(0,0,0,.5); }
.md-show.modal01 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform:scale(1); opacity: 1; }
@media (min-height: 960px) {
.verticalAlignCenter { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.verticalAlignCenterElement { position: relative; top: 50%; transform: translateY(-50%); }
}
@media (max-height: 959px) {
.verticalAlignCenter { padding: 50px 0; }
}
@media (max-width : 1224px) {
body { min-width: 990px }
.popup { padding: 50px 5px 50px 60px; width: 990px }
}
.popup { box-shadow: 0 10px 10px 0 rgba(0,0,0,.04); background: #fff; border-radius: 4px; margin: 0 auto; padding: 60px 30px 60px 80px; width: 1200px }
#pricingDetails h6 { font:600 1.1em 'Poppins'; color: #4BD397; letter-spacing: .5px; margin-bottom: 20px; }
#pricingDetails ul { margin-bottom: 20px; }
#pricingDetails ul li { font:400 1.1em 'Poppins'; color: #6A747F; letter-spacing: .3px; padding: 10px 0; height: 42px; }
#pricingDetails ul li i { display: block; font-size: 11px; padding: 1px; }
#pricingDetails ul li .i-done { color: #4BD397; }
#pricingDetails ul li .i-close { color: #E0E5EB; }
#pricingDetails .pricingTable { text-align: center; float: right; width: 33.333%; padding: 0 30px; }
#pricingDetails .pricingTable.pricingBorder { border: 1px solid #E0E5EB; position: relative; margin:-32px 0; padding: 30px; }




@font-face {
  font-family: 'iconFonts';
  src:  url('../../fonts/pages/iconFonts.eot?qd7xdn');
  src:  url('../../fonts/pages/iconFonts.eot?qd7xdn#iefix') format('embedded-opentype'),
    url('../../fonts/pages/iconFonts.ttf?qd7xdn') format('truetype'),
    url('../../fonts/pages/iconFonts.woff?qd7xdn') format('woff'),
    url('../../fonts/pages/iconFonts.svg?qd7xdn#iconFonts') format('svg');

  font-weight: normal;
  font-style: normal;
}

[class^="ii-"], [class*=" ii-"], .typeTag li:after, .datePicker .dateSelect .inputCont:before {
  font-family: 'iconFonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


.ii-checkmark-outline:before {
  content: "\e91b";
}
.ii-logout:before {
  content: "\e925";
}
.ii-warning:before {
  content: "\e902";
}
.ii-time:before {
  content: "\e903";
}
.ii-speaker:before {
  content: "\e904";
}
.ii-delete:before {
  content: "\e905";
}
.ii-user:before {
  content: "\e906";
}
.ii-megaphone:before {
  content: "\e907";
}
.ii-funnels:before {
  content: "\e908";
}
.ii-dashboard4:before {
  content: "\e909";
}
.ii-closeline:before {
  content: "\e90b";
}
.ii-file:before {
  content: "\e90c";
}
.ii-funnel:before {
  content: "\e90d";
}
.ii-pie-chart-1:before {
  content: "\e90e";
}
.ii-star:before {
  content: "\e90f";
}
.ii-dashboard:before {
  content: "\e910";
}
.ii-sort-1:before {
  content: "\e911";
}
.ii-stick-man-2:before {
  content: "\e912";
}
.ii-checked:before {
  content: "\e913";
}
.ii-heart-2:before {
  content: "\e914";
}
.ii-levels-1:before {
  content: "\e915";
}
.ii-bubble:before {
  content: "\e916";
}
.ii-chat:before {
  content: "\e917";
}
.ii-text:before {
  content: "\e918";
}
.ii-bar-chart:before {
  content: "\e919";
}
.ii-search:before {
  content: "\e91c";
}
.ii-error:before {
  content: "\e91d";
}
.ii-settings:before {
  content: "\e91e";
}
.ii-calendar:before, .datePicker .dateSelect .inputCont:before  {
  content: "\e91f";
}
.ii-alarm:before {
  content: "\e920";
}
.ii-alarm-clock:before {
  content: "\e921";
}
.ii-plus:before {
  content: "\e922";
}
.ii-goto:before {
  content: "\e923";
}
.ii-gotoback:before {
  content: "\e924";
  cursor: pointer;
}


.ii-left-arrow:before {
  content: "\e900";
}
.ii-arrow:before {
  content: "\e901";
}
.ii-app:before {
  content: "\e90a";
}
.ii-close:before {
  content: "\e91a";
}

/*TABLE*/
.ui-datepicker { width:400px;display:none; }
.ui-datepicker .ui-datepicker-header{position:relative;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:0; padding: 20px;color: #fff;font:14px/14px 'Poppins'; cursor: default;}
.ui-datepicker .ui-datepicker-prev{left:0}
.ui-datepicker .ui-datepicker-next{right:0}
.ui-datepicker .ui-datepicker-title{font:14px/14px 'Poppins';letter-spacing:-.2px;color:#fff;text-align:center;padding:20px 0}

.ui-datepicker table{border-collapse:collapse;width:100%}
.ui-datepicker th{text-align:center;font-weight:700;border:0}
.ui-datepicker td {border:0;text-align:center}
.ui-datepicker td span,
.ui-datepicker td a {display:block;padding:16px 10px;text-align:right;text-decoration:none;font:300 12px/12px 'Poppins';color: #6A747F;letter-spacing: 0;}

.ui-datepicker th span{padding:20px 0;display:block; font: 500 12px/12px 'Poppins'; letter-spacing: -.2px; color: #6A747F; }
.ui-datepicker .ui-datepicker-calendar * {text-align:center !important}
.ui-datepicker .ui-datepicker-calendar thead{background:#F5F8F9}
.ui-widget.ui-widget-content { background: #fff; border: 1px solid #F1F1F1; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.04); border-radius: 4px; overflow: hidden; }
.ui-widget-header { background: #08AEE0; }

.ui-widget-header .ui-state-highlight, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #4BD397; border-radius: 4px; color: #fff; font-weight: 500; }
.ui-datepicker-calendar thead { border-top: 5px solid #F5F8F9; border-right: 30px solid #F5F8F9; border-left: 30px solid #F5F8F9; }
.ui-datepicker-calendar tbody { border-right: 30px solid transparent; border-left: 30px solid transparent; border-bottom: 10px solid transparent }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .4; cursor: pointer; }
.ui-datepicker-unselectable {cursor: not-allowed;}



.fadeInLeftMenu, #leftNav > ul > li, #botAnalyticsLogo a {
  -webkit-animation-name: fadeInLeftMenu;
  animation-name: fadeInLeftMenu;
}

.animated, #leftNav > ul > li, #botAnalyticsLogo a, .minimizeMenu .openClose {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeInLeftMenu {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftMenu {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.minimizeMenu .openClose {
	-webkit-animation-name: zerotoone;
	animation-name: zerotoone;
}


@-webkit-keyframes zerotoone {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes zerotoone {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.buttonScale95, .button:active, #botDropDownContainer:active, .dashboardStats li.addNew:active, .generalSelectBot .closeBot i:active, .datePicker .dateSelect .inputCont:active, .minimizeMenu #leftMenu #leftNav .leftNavSub li a:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
.transition03, .button:hover, .dashboardStats li.addNew:active, .datePicker .dateSelect .inputCont:active, .minimizeMenu #leftMenu #leftNav .leftNavSub li a:hover, .md-overlay, .modal01 .md-content, .dashboardStats li  { -webkit-transition: all .3s; transition: all .3s; }
.transition05, #botDropDownContainer:active { -webkit-transition: all .5s; transition: all .5s; }
.button.disable:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.transitionnone, #liveTextContainer .button, #liveTextContainer .button:hover { -webkit-transition: none !important; transition: none !important; }


@media screen and ( max-height: 640px ){
	#leftMenuStatic { overflow-y: auto; }
	#leftMenu { height: auto; padding-bottom: 40px; }		.sweetAlertWidth {width: 550px !important;}
	.minimizeMenu #leftMenu { padding-bottom: 100px; }		.addDashboardSelect .selectric-wrapper { margin: 30px 0 50px; }
	.minimizeMenu #leftMenu .leftNavSub, .minimizeMenu #leftMenu #leftNav > ul > li:hover .leftNavSub { display: none !important; }
	.minimizeMenu #leftMenu #leftNav.bottomLeftMenu { padding: 0; }
	.minimizeMenu #leftMenu #leftNav.bottomLeftMenu > ul > li { padding: 0 28px; width: 80px; margin: 0; z-index: 99999; }
	.openClose { top: 10px; bottom: auto; }
	#leftMenuStatic > .relative { position: fixed; top: 20px; left: -5px; }
}



.sweetAlertWidth {width: 550px !important;}
.addDashboardSelect .selectric-wrapper { margin: 30px 0 50px; }
.sweet-alert button {cursor:pointer !important;}
.sweet-alert button.cancel {cursor:pointer !important;}
.sweetAlertPayment{width: 50% !important; margin-left: -22% !important;}


.dashboardStats li:hover .delete { display: block; }
.dashboardStats li .delete { display: none; top: -15px; right: -15px; position: absolute; color: #999; font-size: 8px; padding: 10px; margin: 16px; cursor: pointer; }
.dashboardStats li .delete:hover { color: #FE4A4A; }
.dashboardStats li .info { top: -10px; left: -10px; font-family: 'Poppins'; position: absolute; font-weight: 100; color: #999; font-size: 12px; padding: 2px; width: 16px; height: 16px; text-align: center; margin: 16px; cursor: pointer; border: 1px solid #efefef; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -khtml-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; }



.tippy-tooltip.honeybee-theme {
  background-color: #4BD397;
    font: 1.3em/20px 'Poppins';
}
.tippy-tooltip.honeybee-theme .tippy-backdrop {
  background-color: #4BD397;
}

.tooltipModal {
    max-width: 360px;
}