/* CSS Document @Mujahid */
.chat-anim {
	margin:35px auto;
}
.guide-overview-title.fixed-nav-heading{
	margin-left:-25px;
}

.guide-overview-title.fixed-nav-heading h4{
	margin-left:-300px;
}
.tab-content.tabscontent.bot-api-ref{
	margin-top:0px;
}
.nav.nav-tabs.anim-tabs{
	width:100%;
	float:none;
	clear:both;
}
.nav.nav-tabs.anim-tabs li{
	float:left;
}
.nav-tabs li.divider a:hover,
 .nav-tabs li.divider a:focus,
 .nav-tabs li.divider a:visited,
 .nav-tabs li.divider a:active{
    color: #0A71B7;
    cursor:text;
}

.nav.nav-tabs.dashboard-menu-tabs{
	border-bottom:1px solid rgba(185,185,185,0.4);
	margin-top:15px;
}

.nav-tabs.dashboard-menu-tabs li a:hover{
    color: #0A71B7;
}

.nav.nav-tabs.dashboard-menu-tabs li.active a{
	color: #0A71B7;
    background-color: transparent;
    border-bottom: 2px solid #FFB238;
    font-weight: 700;
    border-radius: 0px;
    margin-top: px;
}

.nav-tabs.dashboard-menu-tabs > li > a:hover {
    border-color: transparent;
}
 .left-align {
 	text-align:left;
 }
 .center-align {
 	text-align:center;
 }
 
.prpl0 {
	padding-left:0;
	padding-right:0;
}
#menu-content{
	padding:0px 25px 25px 25px;
}

#menu-content img, #menu-content iframe  {
    max-width:100%;
    margin:20px auto;
   border-radius:3px;
}

#menu-content img{
	border: 1px solid rgba(180,180,180,0.7);
}

.docs#menu-content .alert.alert_info, 
.repl-guides-content .alert.alert_info {
    background: #f9f9f9;
    border-left: 2px solid #FFB239;
    border-radius: 0;
    padding-left: 45px;
    background-image: url('../img/note.png');
    background-repeat: no-repeat;
    background-position: 10px;
}

.docs#menu-content .alert.alert_warning, 
.repl-guides-content .alert.alert_warning {
    background: #f9f9f9;
    border-left: 2px solid #C30000;
    border-radius: 0;
    padding-left: 50px;
    background-image: url('../img/alert.png');
    background-repeat: no-repeat;
    background-position: 10px;
}

#menu-content iframe{
	border: 0px solid rgba(180,180,180,0.7);
}

#menu-content ol,#menu-content ul {
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}

#repl-guide-tab{
	padding:15px;
}

#repl-guides-list #guideselect{
	max-width:340px;
	float:right;
}

#selectTemplates{
	max-width:340px;
	float:left;
	margin: 15px 0;
	
}

.whybot-section {
	margin-bottom:0;
}

.bots-are-apps {
	margin: 20% auto;
	padding: 0px 15px 0px 15px;
	max-width: 540px;
}
.bots-are-apps p, .paradigm-text p {
	font-size: 18px;
}
.bots-illustration {
	height: auto;
}
.paradigm-text{
	margin: 14% auto 10% auto;
}
.os-is-old {
	margin: 15% auto;
	padding: 0px 15px 0px 15px;
}
.os-is-old.smartwv-img{
	margin: 0 auto;
}
.bots-are-apps img, .os-is-old img {
	margin: 0 auto;
}

.paradigm-shift-left, .bots-takeover-left{
	margin: 0px auto;
	text-align: center;
}

.bots-takeover-left img, .paradigm-shift-left img, .bots-takeover-left img {
	margin: 0 auto;
}

.paradigm-shift-right, .bots-takeover-right , .advanced-left{
	width: 420px;
	padding: 10px 20px;
	font-size:18px;
}
.advanced-left{
	margin-top:15px;
}
.clients-list-wrap {
	background: transparent;
}
.bots-lists {
	margin: 30px auto;
}
.prelative {
	position: relative;
}
.hint {
    font-size: 14px;
    color: #A0A0A0;
}
.modal-dialog.custom-modal {
    width: 600px;
    margin-top: 100px;
}
.modal-dialog.custom-modal.modal-sm{
		width:480px;
	}
.custom-modal .modal-content {
	padding-bottom: 0;
	border-radius: 0;
}
.custom-modal .modal-header {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 15px;
    background: #F0F4F7;
}
.custom-modal .modal-title {
    color: #35495e;
    font-weight: 700;
    font-size: 18px;
}
.custom-modal .modal-header .close {
    color: #35495e;
}
.custom-modal .modal-body {
    padding: 20px 15px;
}
.custom-modal .modal-footer {
    border-top: 1px solid #f0f0f0;
    text-align: center;
}
.monitoring-modal .modal-dialog.custom-modal{
	margin-top:55px;
	font-size:16px;
}
.dots-wrap#dotsIndicator {
	margin: 10px 0;
}
.form-control {
    height: 38px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #bcbec0;
    line-height: 38px;
    font-size: 16px;
}
.create-bot-field .btn {
    border-radius: 0;
}
.partner-form {
	display:none;
	min-height:320px;
}
.partnerform-wrap .partner-form {
	position:relative;
}
.partnerform-wrap .form-group {
	width:100%;
	margin: 10px auto;
}
.partnerform-wrap .form-group label {
	width: 35%;
}
.partnerform-wrap .form-group input {
	width: 60%;
	font-weight: 700;
}
.partner-form .form-group small {
	display: inline-block;
	margin-left: 35%;
}
.publish-modal-row {
	padding:0 20px;
}
.table-wrap {
	padding: 15px 0;
}
.repl-table{
	border:1px solid rgba(155,155,155,0.2);
}
.repl-table thead{
	background-color: rgba(240,240,240,0.7);
}
.repl-table thead tr th, .repl-table tbody tr td {
	padding: 15px;
}

#repl-guides-content table th, #menu-content table th {
	background: rgba(220, 220, 200, 0.5);
}

#repl-guides-content table, #menu-content table {
	font-size: 15px;
	line-height: 1;
} 

.modal ol, .modal ul{
	padding-left:25px;
} 
.get-started, .application-links-wrap {
	border:1px solid rgba(235,235,230,0.8);
	margin:15px auto;
	max-width:500px;
}
.getstarted-form-wrap, .application-links{
	padding:15px;	
	margin:15px auto;
	max-width:500px;
}

.section-head{
	width:100%;
	padding:10px 15px;
	font-weight: 600;
    font-size: 24px;
	background-color: rgba(235,235,230,0.8);	
}

.application-links p {
    margin: 10px 0 5px 0px;
}
.publish-instructions{
	padding:15px;
	line-height: 1.7;
}

.publish-steps{
	margin:auto 15px auto 5px;
}

.verification-status.verified{
	width:100%;
	border: 1px solid rgba(235,235,230,0.8);
	border-top:6px solid #4EC177;
	padding:15px;
	margin: 15px auto 35px auto;
	color:#4EC177
}
.verification-status h4 span, h4.modal-title  span {
	margin:0 15px;
}

#users-chart-wrap, #msgs-chart-wrap{
	overflow-y:hidden;
}

.anlaytics-overview{
	height:500px;
	width:100%;
	border:1px solid #ebebeb;
}
.calendar-icon {
    position: absolute;
    right: 7px;
    top: 6px;
    background-image: url(../img/icons/ic_calendar.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px;
    display: block;
    height: 24px;
    background-size: contain;
}
.calendar-icon-block {
	position: relative;
	width: 360px;
}
.more-keys {
    padding: 10px 0px 0px 0px;
    display: block;
    text-align: right;
}
.more-keys span {
    margin-left: 10px;
    background-color: #3498db;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #3498db;
    color: #fff;
}
.mt25 {
	margin-top: 25px;
}
.no-records {
    color: #7b7b7b;
    font-weight: normal;
    text-align: center;
    margin-top: 50px;
}
.daterangepicker.opensleft:before {
    left: initial;
}
.daterangepicker.opensleft:after {
    left: initial;
}
.ml10 {
	margin-left: 10px;
}
.tab-content.dashboard-content{
	padding:0 10px;
}
.link-warning {
    vertical-align: -5px;
    margin-left: 5px;
}

.custom-accordion .panel-default [data-toggle="collapse"]:before {
	font-family: 'Glyphicons Halflings';
	content: "\e113";
	float: left;
	color: #bbb;
	font-size: 14px;
	margin: 4px 10px 0 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	 -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -ms-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.custom-accordion .panel-default [data-toggle="collapse"].collapsed:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	 -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -ms-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.job-accordion .panel-default [data-toggle="collapse"]:before {
	font-family: 'Glyphicons Halflings';
	content: "\e113";
	float: right;
	color: #bbb;
	font-size: 14px;
	margin: 2px 0 0 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	 -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -ms-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.job-accordion .panel-default [data-toggle="collapse"].collapsed:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	 -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 -ms-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* .hint__dot {
  	width: 10px;
    height: 10px;
    border: 5px solid #E62F28;
    border-radius: 30px;
    background-color: #E62F28;
    position: absolute;
    top: -2px;
    right: -2px;
    transition: all .2s ease-out;
    border: 1px solid white;
}
.hint__pulse {
   border: 10px solid #f90;
   background: transparent;
   border-radius: 60px;
   height: 50px;
   width: 50px;
   -webkit-animation: 1.8s ease-out 0s normal none infinite pulse;
   animation: 1.8s ease-out 0s normal none infinite pulse;
   position: absolute;
   top: -21px;
   right: -15px;
   opacity: 0;
   display: none;
} */
.hint__dot{
	position: absolute;
    top: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    border: 5px solid #E62F28;
    border-radius: 30px;
    background-color: #E62F28;
    transition: all .5s ease-out;
    border: 1px solid white;
    -webkit-animation: blip 1s ease-in-out infinite;
    -moz-animation: blip 1s ease-in-out infinite;
    -ms-animation: blip 1s ease-in-out infinite;
  	animation: blip 1s ease-in-out infinite;
}

@-moz-keyframes blip{
	0%   {-moz-transform: scale(1);}
    25%   {-moz-transform: scale(1.15);}
    50%  {-moz-transform: scale(1.3);}
    75%  {-moz-transform: scale(1.15);}
    100% {-moz-transform: scale(1);}
}
@-webkit-keyframes blip{
	0%   {-webkit-transform: scale(1);}
    25%   {-webkit-transform: scale(1.15);}
    50%  {-webkit-transform: scale(1.3);}
    75%  {-webkit-transform: scale(1.15);}
    100% {-webkit-transform: scale(1);}
}
@-ms-keyframes blip{
	 0%   {-ms-transform: scale(1);}
    25%   {-ms-transform: scale(1.15);}
    50%  {-ms-transform: scale(1.3);}
    75%  {-ms-transform: scale(1.15);}
    100% {-ms-transform: scale(1);}
}
@keyframes blip {
    0%   {transform: scale(1);}
    25%   {transform: scale(1.15);}
    50%  {transform: scale(1.3);}
    75%  {transform: scale(1.15);}
    100% {transform: scale(1);}
}

#subscribeForm small {
	font-size: 85%;
    display: block;
    margin: 5px 0 0 -5px;
}
.vtop {
	vertical-align: top !important;
}
.lifecycle {
	width:75%;
	display:inline-block;
}
.navbar-right {
    height: 65px;
}
@-webkit-keyframes pulse{0%{opacity:0}
0%,25%{-webkit-transform:scale(0);transform:scale(0)}
25%{opacity:.1}
50%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.3}
75%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:.5}
to{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes pulse{0%{opacity:0}
0%,25%{-webkit-transform:scale(0);transform:scale(0)}
25%{opacity:.1}
50%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.3}
75%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:.5}
to{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}

.container-fluid.dashboard-wrap{
	position:relative;
	padding-right:45px;
	padding-left:45px;
}

table.table-bots-dashboard{
	margin: 25px auto;
	font-size:16px;
	border-collapse: collapse;
	border: 1px solid #eee;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0, 0, 0, 0);
	max-width:100%;
	width:100%;
}

table.table-bots-dashboard td p {
	margin-bottom: 0px;
	word-wrap: break-word;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
}

.input-group.table-db-callback {
	max-width: 280px;
}

.input-group.table-db-callback input {
	padding: 2px 15px 3px 15px;
	height:28px;
	font-weight:100;
	font-weight: 400;
	color:#333;
}

td.bot-desc {
	min-width: 260px;
	    width: 270px;
}

td.bot-desc, td.env-method {
	background-color: #f8f8f8;
}

td.manage, td.env-method {
	font-weight: 400;
}

table.table-bots-dashboard  th,  table.table-bots-dashboard td{
	color: #454545;
	border: 1px solid rgba(175,175,175,0.2);
	padding: 6px 15px 3px 15px;
	border-collapse: collapse;
}
 table.table-bots-dashboard th {
	background: #F0F4F7;
	color: #626262;
	padding: 8px 15px;
	font-size: 16px;
	text-align:center;
}
 table.table-bots-dashboard th.last {
	border-right: none;
}

table.table-bots-dashboard .count-circle-inner{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background:#fff;
	border:3px solid; 
	border-radius:100%;
	border-top-color:#00a652;
	border-right-color:#00a652;
	border-bottom-color:#00a652;
	border-left-color:rgba(161, 161, 161, 1);
	text-align : center;
	vertical-align: middle;
	padding-top: 7px;
	margin:0 auto;
}

table.table-bots-dashboard th.left-align{
	text-align:left;
}
table.table-bots-dashboard th.center-align{
	text-align:center;
}
table.table-bots-dashboard td a:hover, 
table.table-bots-dashboard td a:focus {
    text-decoration: none;
}
table.table-bots-dashboard td.activity-status{
	max-width: 125px;
    min-width: 110px;
} 
table.table-bots-dashboard td.monitor{
	max-width:100px;
} 
.question-mark{
	display:inline-block;
	margin-left:7px;
}
.monitor-indicators{
	min-width:80px;
}

.dot{
	width:15px;
	height:15px;
	border-radius:100%;
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
}

.popover.fade{
	word-wrap:break-all;
}

.dots-wrap .dot {
	display:none;
}
.dots-false .red {
	display:inline-block;
}
.dots-true .green {
	display:inline-block;
}
.dots-warning.orange{
	display:inline-block;
}
.dot.red {
	background-color: #e74c3c;
}
.dot.orange {
	background-color: #f39c12;
}
.dot.green {
	background-color: #1abc9c;
}
.analytics-total {
	text-align:center;
	font-size:18px;
	font-weight:600;
}
.edit-bot-desc {
	margin-top:0px;
	text-align:right;
}
.edit-bot-desc span, .edit-icon-wrap span {
	padding:4px;
	vertical-align:middle;
}
.edit-bot-desc span, .env-method div.edit-icon-wrap {
	cursor:pointer;
	text-align: right;
}
.dots-wrap {
	margin-bottom:10px;
}
#createBotForm fieldset:not(:first-of-type) {
	display: none;
}
#createBotForm input.form-control, #createBotForm textarea,
.edit-bot-modal input.form-control, .edit-bot-modal textarea{
	background:#fdfdfd;
	padding: 5px 15px;
	border-radius: 2px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	color: #35495e;
	font-size: 14px;
	resize: none;
}

#createBotModal .modal-header {
	padding: 0;
	background: #F0F4F7;
}

#createBotModal .modal-content {
	border: none;
	color: #696969;
}

.create-bot-step {
	display: inline-block;
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;
	color: #555;
	padding: 10px;
	cursor: pointer;
	font-weight: 400;
}

.create-bot-step.active{
	border-bottom: 2px solid #ffb238;
}

.create-bot-step.active:after{
	content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background: #333;
    left: 50%;
}

.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}

.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}

.modal.edit-bot-modal {
	font-size: 16px;
}

.bot-method .radio {
	margin-top: 15px;
	margin-bottom: 15px;
}

.env-method .env {
    padding-top: 0;
}

.hexagon {
	position: relative;
	width: 40px; 
	height: 23.09px;
	background-color: #35495e;
	margin: 21.55px 0;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
}

.hexagon:before,
.hexagon:after {
	content: "";
	position: absolute;
	width: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.hexagon:before {
	bottom: 100%;
	border-bottom: 11.55px solid #35495e;
	left:0;
}

.hexagon:after {
	top: 100%;
	left:0;
	width: 0;
	border-top: 11.55px solid #35495e;
}
.no-scroll .hexagon {
	background-color: #fff;
}
.no-scroll .hexagon:before {
	border-bottom: 11.55px solid #fff;
}
.no-scroll .hexagon:after {
	border-top: 11.55px solid #fff;
}
.guide-overview-desc h2 {
	font-size: 24px;
	font-weight: 700;
}
.docs-menu .panel-group {
	margin-bottom: 0;
}
.no-logs {
	padding: 10px 15px;
}
.btn {
	font-size: 16px;
}
.dropdown-menu {
	font-size: 16px;
	color: #333;
}
.dropdown-menu li{
	color: #333;
}
.notify-timestamp {
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
    padding-right: 10px;
    min-width: 115px;
    display: inline-block;
}
.ms-dp img{
   width: 100%;
   max-width:100%;
   height: 36px;
}
.ms-dp {
    font-size: 20px;
    font-weight: 700;
    line-height:1;
}
.notify-toggle {
    border-radius: 100%;
    margin: 12px;
    width: 40px;
    height:40px;
    line-height: 32px;
    text-align: center;
}
.departments {
	padding: 0;
	margin-right: 20px;
	font-size: 18px;
	width: 165px;
    display: inline-block;
    font-weight: 700;
}
.departments:last-child {
	margin-right: 0;
}
.departments img {
    margin-right: 5px;
}
.job-opening .nav-tabs > li > a {
    margin: 0;
    line-height: 1.42857143;
    border-radius: 0;
    padding: 5px 10px;
}
.job-opening .nav-tabs>li.active>a {
    border-radius: 0;
    width: 100%;
    cursor: pointer;
}
.job-opening .panel-group .panel-heading + .panel-collapse > .panel-body {
    margin-top: -1px;
}
.job-content {
    padding: 25px;
    margin: 50px 0;
}
.job-content .panel {
    margin: 0px;
    border-radius: 0;
}
.job-content .panel-group .panel + .panel {
    margin-top: 0;
    border-radius: 0;
}
.job-content .panel-body {
    padding: 0 15px 15px 15px;
}
.job-content .panel-body h4.m__t {
	margin-top: 0;
}
.job-content .panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.job-content .panel-title > a {
    display: block;
    padding: 20px 0;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
}
.code-type-select {
    font-size: 16px;
    padding: 7px;
    margin-right: 10px;
    outline: none;
}
.about-bot {
    display: inline-block;
}
.indexing {
	margin-top: 50px;
    z-index: 0;
    position: relative;
}
.back {
    width: 18px;
    vertical-align: -4px;
    margin-right: 5px;
}
.youtube-video iframe {
    height: 435px;
    margin: 50px auto;
    border-radius: 10px;
    text-align: center;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.ajax_loader {
	height: 200px;
    text-align: center;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
}
.bot-tools {
    margin: 10% auto;
    padding: 0px 15px 0px 15px;
    text-align: center;
}
.bot-tools p {
    font-size: 18px;
}
.bot-tools-img {
	width: 160px;
}
.inline-block {
	display: inline-block;
}
.tile {
	margin: 5% auto 50px auto;
}
.tile h1 {
	margin: 3% auto;
}
.tile p {
	margin:25px auto;
}
.builder-holder h1 {
	font-size: 60px;
}
.apis-banner {
	margin: 0 auto;
}
.apis-banner h1 {
	line-height: 54px;
	margin-bottom: 5%;
}
.apis-banner {
	font-size: 18px;
}
.apis-tool-lists {
    margin: 5% 0;
}
.messaging-features {
    padding: 0px 15px 0px 15px;
    text-align: left;
}
.amps {
	font-family: sans-serif;
    margin: -12px 0 -6px 0;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    display: block;
}
.products a {
    font-size: 18px;
    padding: 22px 15px 21px 15px;
    line-height: 20px;
    display: block;
}
.products-menu {
    margin-top: 0;
}
.products-menu:before {
	right: 15px;
}
.products-menu:after {
	right: 16px;
}
.products-menu li a {
	padding: 10px 20px;
}
.products-menu .divider {
	display: none;
}
.no-scroll .products a.link {
	color: #fff;
}
.products a:focus, .products a:hover {
	background-color: transparent !important;
	text-decoration: none;
}
.nav .open > a {
    background-color: transparent;
    border-color: transparent;
}
.caret-icon {
	background-image: url(/developer/resources/img/icons/ic_caret_blue.png);
}

.products-caret {
    margin: 0 0 0 2px;
    height: 8px;
    width: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center top;
}

.dropdown.products:hover  .dropdown-menu.products-menu{
	display:block;
}
.dropdown.products:hover .caret-icon.products-caret{
	background-position: center bottom;
}
.products-caret.caret-icon{
	background-image: url(/webinars/resources/img/icons/ic_caret_blue2.png);
	background-size:cover;
}

.no-scroll .caret-icon {
	background-image: url(/webinars/resources/img/icons/ic_caret.png);
}

.products small {
    font-size: 13px;
    display: block;
    color: #999;
}
.bottom-btns-section {
	background-color: #f9f9f9;
    text-align: center;
}
.bottom-btns {
    margin: 50px 0 50px 0;
}
.mr20 {
    margin-right: 20px;
}
. mtb10 {
	margin: 10px 0;
}
.icon-warning-publish {
    display: inline-block !important;
    border: none !important;
    width: 24px;
    margin: 0 !important;
    vertical-align: text-bottom;
}
.changelog-notification {
    width: 280px;
}
.changelog-notification li {
	padding: 0;
}
.changelog-notification li a {
	white-space: normal;
	padding: 10px 20px;
}
/* flickr issue on modal*/

body.modal-open{
margin-right:0px!important;
}

.modal-open .navbar-fixed-top{
margin-right:0px!important;
}
.carousel {
  height: 500px;
}
.carousel-caption {
  z-index: 10;
}
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
.glyphicon-chevron-left, .glyphicon-chevron-right{
    border: 1px solid #d7d7d7;
    height: 45px !important;
    width: 45px !important;
    padding: 9px;
    border-radius: 50%;
    background-color: #d4d4d4;
    color: #999;
    text-shadow: none;
    font-weight: normal;
    font-size: 24px !important;
}
.webinars-banner {
	margin-bottom: 75px;
	height: 250px;
}
.webinars-title {
    margin-bottom: 25px;
}
.webinars-content {
	color: #666;
	padding:10px;
}
.webinars-content h4 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.webinars-content p {
	font-size: 18px;
    margin: 0 0 15px;
}
.webinars-carousel-captions {
    left: 10%;
    text-align: left;
    right: 10%;
    bottom: 13%;
    top: 13%;
    text-shadow: none;
    padding: 20px 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.webinars-carousel-captions .button {
    line-height: 50px;
    height: 50px;
    margin-bottom: 0;
}
#webinarsCarousel .carousel-inner > .item > img {
    height: 600px;
}
.carousel-banner {
    background-image: url(/webinars/resources/img/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#webinarsCarousel .item {
    height: 500px;
    background-color: transparent;
}
.mb20 {margin-bottom:20px;}
.mt20 {margin-top:20px;}
.webinar-line-1 {font-weight:400;font-size:56px;line-height:46px;}
.webinar-line-2 {font-weight:400;margin-top:20px;margin-bottom:10px;font-size:40px;}
.webinar-line-2 b {font-weight:700;margin-bottom:20px;}
.webinar-line-3 {font-weight:400;margin-top:10px;}
.webinar-line-4 {margin-left:70px;font-weight:400;margin-top:10px;}
.paginate{padding:10px;}
.paginate-sep {margin:0 5px;}
#pagingControls {margin: 0 0 50px 0;text-align:center;}
#pagingControls ul{display:inline;padding-left:5px}
#pagingControls li{display:inline;padding:0 5px;font-size: 20px;font-weight: bold;}
#pagingControls li a {font-size: 18px;font-weight:normal;}

@media screen and (max-width: 480px) {
	.webinar-line-1 {
	    font-weight: 400;
	    font-size: 36px;
	    line-height: 36px;
	    margin-top: 0;
	}
	.webinar-line-2 {
	    font-size: 32px;
	}
	.webinar-line-3 {
	    font-size: 18px;
	}
	.webinar-line-4 {
	    margin-left: 52px;
	    font-weight: 400;
	    margin-top: 10px;
	    font-size: 18px;
	}
	.webinars-carousal-captions {
	    bottom: 15%;
	    top: 15%;
	}
	#webinarsCarousel .carousel-inner > .item > img {
	    height: 500px;
	}
}
@media screen and (max-width: 320px) {
	.webinar-line-1 {
	    font-weight: 400;
	    font-size: 36px;
	    line-height: 36px;
	    margin-top: 0;
	}
	.webinar-line-2 {
	    font-size: 24px;
	}
	.webinar-line-3 {
	    font-size: 16px;
	}
	.webinar-line-4 {
	    margin-left: 47px;
	    font-weight: 400;
	    margin-top: 10px;
	    font-size: 16px;
	}
	.webinars-carousal-captions {
	    bottom: 25%;
	    top: 10%;
	}
	#webinarsCarousel .carousel-inner > .item > img {
	    height: 500px;
	}
}

@media screen and (max-width: 1024px) {
	.guide-overview-title.fixed-nav-heading h4 {
		margin-left: 00px;
	}
	.docs#overviewSidebarTrigger {
		margin-top: 10px;
		z-index: 30;
		position: fixed;
		background: white;
		border-radius: 5px;
	}
	.sidebar-wrap.open-overview-sidebar {
		margin-left: 0px;
		padding-left: 0px;
		padding-top: 30px;
		margin-top: 5px;
	}
	.docs#menu-content {
		padding-top: 50px;
	}
}

@media screen and (max-width: 991px) {
	.paradigm-shift-right, .bots-takeover-right, .advanced-left {
		width: 85%;
		margin: 20px auto;
		padding-top: 0px;
	}
	
#paradigm-shift p{
	margin-top:10px;
}

.bots-are-apps {
	margin: 15px auto;
	padding: 0px 15px 0px 15px;
	max-width:420px;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

.paradigm-text{
	margin: 30px auto;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}
	.products a {
	    font-size: 13px;
	    padding: 21px 10px 21px 10px;
	}
}

@media screen and (max-width: 768px) {
	.bots-are-apps, .paradigm-text {
		margin: 35px 25px !important;
		padding: 0;
		max-width: none;
	}
	.os-is-old {
		margin: 25px;
	}
	.modal-dialog.custom-modal {
	    width: 97%;
	    margin-top: 100px;
	}
	.navbar-right {
    	height: 100%; 
	}
	.edit-bot-desc span,
	 .env-method div.edit-icon-wrap, 
	 .edit-bot-desc {
	    text-align: left;
	}	
	.table-bots-dashboard table, 
	.table-bots-dashboard thead, 
	.table-bots-dashboard tbody, 
	.table-bots-dashboard th, 
	.table-bots-dashboard td, 
	.table-bots-dashboard tr { 
		display: block; 
	}
	
	.table-bots-dashboard thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td.bot-desc {
    	min-width: 260px;
    	width: 100%;
	}	
	table.table-bots-dashboard td.activity-status, table.table-bots-dashboard td.monitor {
		width: 100%;
	}
	.table-bots-dashboard tr { border: 1px solid #ccc; }
	
	table.table-bots-dashboard td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		text-align:left;
	}
	
	.table-bots-dashboard td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	.table-bots-dashboard td:nth-of-type(1):before { content: "Name"; }
	.table-bots-dashboard td:nth-of-type(2):before { content: "Status"; }
	.table-bots-dashboard td:nth-of-type(3):before { content: "Develop"; }
	.table-bots-dashboard td:nth-of-type(4):before { content: "Manage"; }
	.table-bots-dashboard td:nth-of-type(5):before { content: "Publish"; }
	.table-bots-dashboard td:nth-of-type(6):before { content: "Monitor"; }
	.table-bots-dashboard td:nth-of-type(7):before { content: "Analytics"; }
	
	table.table-bots-dashboard .count-circle-inner {
		text-align:center;	
    	margin: 0 auto 0 0;
	}
	
	.analytics-total {
    	text-align: left;
	}
	
	table.table-bots-dashboard td.bot-desc, 
	table.table-bots-dashboard td.activity-status,
	table.table-bots-dashboard td.monitor{
		max-width:100%;
	}
	.builder-holder h1 {
		font-size: 56px;
	}
	.no-scroll .products a.link {
	    color: #3498db;
	}
	.products a {
	    font-size: 13px;
	    padding: 21px 10px 21px 10px;
	}
}

@media screen and (max-width: 480px) {
	.paradigm-shift-right, .bots-takeover-right {
		width: 100%;
		margin: 20px auto;
		padding: 0px;
	}
	.footer-links ul {
	    margin: 10px 0 0 0 !important;
	}
	.sidebar-wrap.open-overview-sidebar {
	    padding-top: 75px;
	    margin-top: 5px;
	}
	.builder-holder h1 {
		font-size: 24px;
		font-weight: 700;
	}
	.builder-holder h2 {
		font-size: 24px;
		margin: 10px auto;
		max-width: 300px;
	}
	.messaging-features {
	    padding: 0px 15px 0px 15px;
	    text-align: center;
	}
	.products a {
	    color: #3498db !important;
	    font-size: 14px;
	    padding: 10px 15px 10px 15px;
	}
	.caret-icon {
	    background-image: url(/developer/resources/img/icons/ic_caret_blue.png) !important;
	}
	.webinars-content {
	    margin: 0 20px;
	}
	.webinars-banner {
	    margin-bottom: 15px;
	    padding: 20px;
	}
	.webinars-title {
	    margin-bottom: 5px;
	    padding: 0 20px;
	}
}