body{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #f9f9f9;
    }

	#unsubscribe h1,#unsubscribeConfirm h1, .thankYou h1 {
		margin: 0;
	  color:#333;
	  font-size: 50px;
	  line-height: 50px;
	  text-transform: uppercase;
	}

	#unsubscribe button:hover{
		background-color: #333 !important;
		border: 0 !important;
		color: #FFF !important;
	}

	.boldText {font-weight: bold;    font-weight: bold;color: #110a0a;}
	nav {color: #fff;background-color: #434343;}
	a{color:#a4228e;}
	nav ul li:hover, nav ul li.active {background-color:#434343;}
	.btn, .btn-large {background-color: #434343;}
	.tabs .tab a:hover { color: #fff;background-color: rgb(161, 161, 161);}
    .tabs-vertical .tab a.active, .tabs-vertical .tab a.active:hover { -moz-transition: border-color .5s ease;-o-transition: border-color .5s ease; -webkit-transition: border-color .5s ease; transition: border-color .5s ease;  border: 1px solid #FFF;  border-left: 1px solid #a1a1a1; background: #a1a1a1; color: #FFF; text-decoration: none;}
    .tabs-vertical .tab a { border: 1px solid #FFF; background: #434343; color: #FFF; text-align: left;padding-left: 10%;font-size: 15px;  font-weight: 600; }
    .tabs-vertical .tab a:hover {background: #a1a1a1; color: #FFF;}
    .brandBg, a.brandBg { background-color: #434343 !important;}
	.brandBg:hover, a.brandBg:hover {background-color: #434343 !important; color: rgba(255,255,255,0.8);}
	.dialog-button{ background: #434343 !important; color: rgba(255, 255, 255, 0.87)  !important;}
	.dialog-button:hover{background-color: rgba(78, 76, 76, 0.82) !important; color:#333;}
	.btn.focus, .btn:focus, .btn:hover { color: #fff!important;text-decoration: none;}
	.btn:hover, .btn-large:hover { background-color: #a1a1a1;}
	a.md-button.md-default-theme.md-primary.md-raised, a.md-button.md-primary.md-raised, a.md-button.md-default-theme.md-primary.md-fab, a.md-button.md-primary.md-fab, .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {color: rgba(255,255,255,0.87);background-color:#434343;}
	.btn-floating:hover { background-color: #a1a1a1;}
	.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover {background-color: rgb(117,117,117);}
	md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {color: rgb(161,161,161);background: rgba(255, 152, 0, .87);  }
	.formSubmit{
		height:55px;
		color: #FFF;
		padding: 0 41px;
		background: #434343;
		font-size: 25px;
		border-radius: 4px;
		text-transform: none;
		border: 2px solid #434343;
		margin-left: -190px;
	  }

	  .formSubmit:hover{
		background: #FFF;
		color: #434343;
	  }
  /* css for keystone*/

   /*content editor height fix*/

   md-toast{
	/* position: fixed !important; */
  }

  .md-toast-animating {
		overflow-y:auto !important;
	}
	md-toast.md-center {
  /* top: 50%; */
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

   .mce-tinymce.mce-container.mce-panel{
    height:83%;
  }

  .mce-container-body.mce-stack-layout{
    height:98%;
  }

  .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item{
    height: 83%;
  }

  .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item iframe{
    height:100% !important;
  }

  /*end*/

	.my-custom-stars .button .material-icons {
		font-size: 50px;
	}

	.my-custom-stars .star-button.star-on .material-icons {
	  color: #003399;
	}

	.my-custom-stars .star-button.star-off .material-icons {
	  color: #99ccff;
	}
	.tabs-vertical .tabs {
        height: auto;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .tabs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        overflow-x: hidden;
        overflow-y: hidden;
        height: 48px;
        background-color: #fff;
        margin: 0 auto;
        width: 100%;
        white-space: nowrap;
    }
    .tabs-vertical .tab {
        width: 100%;
        text-transform: capitalize;
        text-align: left;
    }

	a{
		cursor: pointer;
	}
    input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 1000px white inset !important;
		box-shadow: 0 0 0 1000px white inset !important;
	}
    [ng\:cloak], [ng-cloak], .ng-cloak {
        display: none !important;
    }


    .red{
        background-color: red !important;
    }
    .container{
        width:96% ;
    }
    .width-70{
        width: 70%;
	}

	.btn:focus, .btn-large:focus, .btn-floating:focus {
		background-color: #434343;
	}
	.mdl-textfield--floating-label input[type=password]:-webkit-autofill ~ label {
	  transform: translate3d(0, -25px, 0);
	  visibility: visible;
	  font-size: 0.8rem;
	}
	.mdl-textfield--floating-label input[type=password]:-webkit-autofill ~ label:after {
	  content: 'Password';
	  visibility: visible;
	  left: 0;
	  transform: translate3d(0, -20px, 0);
	}
    .heading{
        color:#a1a1a1;
        font-size: 160%;
    }
    .sub-heading{
        font-size: 125%;
    }
    .margin-0 {
        margin: 0px !important;
    }

    @media only screen and (min-width: 1025px) and (max-width: 1300px) {
      .container {
        width: 90% !important;
      }
    }
    .font-16{
        font-size: 16px;
    }
    header a img{
        max-height:60px
		}
    header a.hdr-logo{
        padding-left: 20px;
        padding-top: 10px;
        display: inline-block;
    }
    /* header .hdr-right a{ */
        /* padding: 15px 15px 25px 0; */
    /* } */

    /* header .hdr-right span{ */
        /* padding: 15px 20px 0 0; */
    /* }  */

     .new{
        padding: 15px 20px 0 0;
    }
	.padding-right-left-top-10{
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
    }
    .padding-top-20
    {
        padding-top: 20px;
    }
    .padding-bottom-20{
        padding-bottom: 10px;
    }
    .margin-bottom-0{
        margin-bottom: 0px;
    }
    .margin-top-20{
        margin-top: 20px
    }
    .margin-left-10{
        margin-left: 10px
    }
    .padding-top-13{
        padding-top: 13px;
    }
	/* start forgot password */
	.padding-top-25 {
		padding-top: 25px;
	}
	.padding-right-25 {
		padding-right: 25px;
	}
	header {
		border-bottom: 1px solid #e0e0e0;
	}
	.forgot-password-panel {
		transition: box-shadow .25s;
		padding: 0px !important;
		border-radius: 2px;
		background-color: #fff;
	}
	.padding-top-bottom-20 {
		padding-top: 20px !important;

	}
	.padding-bottom-5{
		padding-bottom: 5px !important;
	}
	/*end css for forgot password */
	/* nav ul a { */
        /* padding:0 45px; */
      /* } */
	nav ul a:hover {
		color: white;
	}
	md-content.md-default-theme, md-content {
		color: rgba(0,0,0,0.87);
		background-color: rgb(255, 255, 255);
	}
	i.material-icons.ng-scope {
		color: #fff;
	}
	.active a {color: #fff;}
	.singOut-color{color:#cd1c66}


    nav ul.left {
      float: left;
    }

    th i{
        vertical-align: middle;
    }
    .inset {
      padding: 5px 0 0 0;
        float: left;
    }
    [type="checkbox"]:not(:checked), [type="checkbox"]:checked{
        position: relative;
        left:0;
        visibility: visible;
		opacity:1;
    }
	md-select-menu._md.md-overflow {
		margin-top: 8px;
	}
	md-select-menu._md {
		margin-top: 18px;
	}
    .checkbox label {
    top: 5px;
	}
	.checkbox input {
     visibility: hidden !important;
	}
    md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb{
        background-color: #00464f;
    }
    md-switch .md-container{
        margin-right: 0;
    }
    md-switch{
        margin:0;
    }
    table.md-table th.md-column{
        color: #000;
        font-size: 14px;
    }
    .md-button.md-fab.md-xs {
        line-height: 34px;
        width: 28px;
        height: 28px;
        min-height: 28px;
        margin-right: 0;
        margin-left: 5px;
    }
    .md-button.md-fab.md-xs i{
        font-size: 16px;
    }
    .md-button.md-fab.md-mini i {
        line-height: inherit;
    }
    .md-stepper-indicator-wrapper{
        background-color: transparent;
    }
    md-steppers-header button:focus{
        background-color: transparent;
    }
	table.striped > tbody > tr:nth-child(odd) {
		background-color: #f2f2f2;
		border-bottom: 1px solid #d0d0d0;
		border-top: 1px solid #d0d0d0;
	}
	md-tabs-canvas {
		background: #f9f9f9;
	}
	.border{
		border: 10px solid #f9f9f9;
	}

	.align-right{
		text-align:right
	}
	.md-autocomplete {
      width: 70%; background: #fff;    float: left; margin-right: 10px;
	}
	/* tr.md-row :first-child{margin-left:10px;} */
	.question-choice{width: 60%;  background: #fff; float: left;  margin-right: 10px;}
	.choice input{ width: 87%;}
	.email-content input{ width: 88%;}
	.white-color i{color:white;}
	/*----------------------------------------
            START CSS FOR ADMINTREE
	------------------------------------------*/
	.tenant a{color: #434343;}
	button:focus { background-color: #434343;color: #fff;}
	span:focus{border:none;}
	.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;outline-offset: -2px; border: none;}
	.tree_default{color:#434343;padding-left: 0px;}
	.tree_default:hover{color:#434343;}
	.tree_padding{padding-left: 18px;}
	.button-space{padding-left: 3px; padding-right: 3px;color: #fff;}
	/*----------------------------------------
            END CSS FOR ADMINTREE
	------------------------------------------*/
	/*----------------------------------------
            START CSS FOR DIALOG
	------------------------------------------*/
	.green {background-color: #4CAF50 !important;}
	ul.stepper .step.active:before, ul.stepper .step.done:before {background-color: #004f52;}
	ul.stepper.horizontal .step.active .step-title:before, ul.stepper.horizontal .step.done .step-title:before {
		background-color: #447878;
  }
  .card-content ul.stepper.horizontal .step-actions{
    position: static;
  }

	 .no-margin-bottom-input{ margin-bottom: -15px !important; border-bottom-color: #e0e0e0!important;}
	.select-margin-bottom{ margin-bottom: 32.5px;}
	 md-radio-button.md-default-theme .md-on, md-radio-button .md-on { background-color: rgba(255,171,64,0.87) !important;}
	 md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {border-color: rgba(255,171,64,0.87) !important;}

	.md-dialog-width{min-width:55%;max-width: 60%;}
	.md-dialog-width-content{min-width:65%;max-width: 90%;}
	.md-dialog-width-discription { min-width: 20%;  max-width: 25%; }
	.dropify-message p{text-align: center;}
	ul.stepper {counter-reset: section;overflow-y: hidden;overflow-x: auto;}
	md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {color: black !important;}
	i.material-icons.ng-scope {outline: none;}
	.tinymce-pre-header{height: 132px; border-top: 1px solid silver;  border-left: 1px solid silver; border-right: 1px solid silver; padding: 5px 0px; overflow-y: auto;}
	.tinymce-pre-header-text{ float: left;   border: 1px solid silver; border-radius: 5px; margin: 0px 5px 5px 5px;padding: 4px; font-size: 12px;}
	.for-edit-profile md-radio-button:first-child{ margin-top: 35px;}
	/* css calendar-dob */
	.md-calendar-day-header { table-layout: inherit;}
	 md-datepicker button md-icon { display: none !important;}
	.md-datepicker-input-container { border-bottom-width: 1px !important; border-bottom-style: solid !important;border-bottom-color: #e0e0e0 !important; width: 100%;}
	.md-icon-button + .md-datepicker-input-container {	margin-left: 0px;height: 35px;}
	._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) { right: auto;}
	button.md-datepicker-button.md-icon-button.md-button.md-ink-ripple {  display: none;}
	md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {	margin-top: 17px;}
	.md-datepicker-input { border: none !important;}
	input:not([type]):focus:not([readonly]), input[type=datetime]:focus:not([readonly]) {   border-bottom: 1px solid #fafafa !important;  box-shadow: 0 1px 0 0 #fafafa !important;}

	/*----------------------------------------
            END CSS OF DIALOG
	------------------------------------------*/
	.width{    width: 100%; }
	.login-panel { transition: box-shadow .25s; padding: 0px!important;border-radius: 2px;background-color: #fff;margin-top:50px;}
	.container { padding: 0rem;margin: 0 auto;max-width: 100%;width: 90%;}
	.login-form {width: auto;padding: 0 10px;}
	.login-form-text {text-transform: uppercase;letter-spacing: 2px;font-size: 0.8rem;}
	.profile-image-login {width: 100px;height: 100p;}
	.login-text {margin-top: -6px;margin-left: -6px;}
	.margin-text {margin: 0 !important;}

	input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {margin: 0; height: 2.5rem;font-size: 14px;}
	.margin-left-10 {margin-left: 10px !important;}
	.medium-small{font-size: 0.9rem;margin: 0;padding: 0;}
	.padding-0{padding: 0px !important;} .padding-5{padding: 5px !important;} .padding-10{padding: 10px !important;} .padding-15{padding: 15px;} .padding-20{padding: 20px;} .padding-25{padding: 25px;} .padding-35{padding: 35px;} .padding-50{padding: 50px;} .padding-75{padding: 75px;}
	/* header setcion start */
	/* header {border-bottom: 1px solid #e0e0e0; }
	header.fxd{height: 138px; position: fixed; width: 90%; z-index: 40; background: #FFF; border-bottom: 0px solid #e0e0e0;}
	header .hdr-right a {padding: 15px 15px 25px 0;}
	header .hdr-right span {padding-top: 15px;padding-right: 25px;}
	header .hdr-right span i {    font-size: 15px;
		font-style: normal;
		color: #a1a1a1;}
	header .row {margin-bottom: 10px;}
	header a.hdr-logo {padding-left:20px; padding-top:10px; display:inline-block;}
	header a.hdr-logo img {max-height: 60px;} */

	.padding-left-right-20 {padding-left: 20px; padding-right: 20px;}
	.font-size-400 {font-size: 400%;}.font-size-350 {font-size: 350%;}.font-size-300 {font-size: 300%;}.font-size-250 {font-size: 250%;} .font-size-220 {font-size: 220%;} .font-size-200 {font-size: 200%;} .font-size-180 {font-size: 180%;} .font-size-150 {font-size: 150%;} .font-size-140 {font-size: 140%;} .font-size-130 {font-size: 130%;} .font-size-125 {font-size: 125%;} .font-size-120 {font-size: 120%;} .font-size-110 {font-size: 110%;} .font-size-107 {font-size: 107%;} .font-size-95 {font-size: 95%;} .font-size-90 {font-size: 90%;} .font-size-85 {font-size: 85%;} .font-size-80 {font-size: 80%;} .font-size-75 {font-size: 75%;} .font-size-70 {font-size: 70%;} .font-size-60 {font-size: 60%;} .font-size-50 {font-size: 50%;}
	.margin-bottom-0{margin-bottom: 0px !important;} .margin-bottom-5{margin-bottom: 5px !important;} .margin-bottom-10{margin-bottom: 10px !important;} .margin-bottom-15{margin-bottom: 15px;} .margin-bottom-20{margin-bottom: 20px;} .margin-bottom-25{margin-bottom: 25px;} .margin-bottom-35{margin-bottom: 35px;} .margin-bottom-50{margin-bottom: 50px;} .margin-bottom-75{margin-bottom: 75px;}.margin-0{margin: 0px !important;} .margin-5{margin: 5px !important;} .margin-10{margin: 10px !important;} .margin-15{margin: 15px;} .margin-20{margin: 20px;} .margin-25{margin: 25px;} .margin-35{margin: 35px;} .margin-50{margin: 50px;} .margin-75{margin: 75px;}

	.inline-block {display: inline-block}
	.switch {display: inline-block;}
	td, th { padding: 6px 5px;}
	td .btn-floating {width: 30px;height: 30px;line-height: 30px;}
	td .btn-floating i { font-size: 1.2rem;line-height: 30px;}
	.floating-icon-size i {font-size: 1.7rem!important;line-height: 29px!important;}
	.tree-header{width:100%;border-bottom:2px solid #ddd;padding-bottom:40px;min-width: 572px;}
	.tree-header > :first-child{width:30%;height:40px;float:left;padding: 8px;font-weight: 600;}
	.tree-header > :nth-child(2){width:30%;height:40px;float:left;padding: 8px;font-weight: 600;}
	.tree-header > :last-child{width:40%;height:40px;float:left;padding: 8px;font-weight: 600;}
	.tree-body{width:100%;border-bottom:1px solid #ddd;padding-bottom:45px ;white-space: nowrap;min-width: 572px;font-size:13px}
	.tree-body > :first-child{width:30%;height:45px;float:left;padding: 14px 8px;}
	.tree-body > :nth-child(2){width:30%;height:45px;float:left;padding: 14px 8px;}
	.tree-body > :last-child{width:40%;height:45px;float:left;padding: 7px 0px;}
	a:focus, a:hover {   text-decoration: none!important; }
	.closeBtn { background-color: #434343; border-radius: 100%;}
	.md-toolbar-tools {
		padding: 10px 15px;
		font-size: 110%;
		background: white;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: rgba(0,0,0,0.87);
		font-weight: normal;
	}

	.btn.focus, .btn:focus, .btn:hover {
		outline: none;
	}
	.btn.active, .btn:active, .btn:active {
		outline: none;
	}
	input[type="submit"]{
	   outline:none;
	}
	input[type="submit"]::-moz-focus-inner {
	   border: 0;
	}

@media only screen and (min-width: 601px) {
  .container {
    width: 100%;
  }
  header.fxd {width: 90%;}

}
@media only screen and (max-width: 600px) {
  .container {
    width: 100%;
  }
    header.fxd {width: 100%;}

}

@media only screen and (min-width: 993px) {
  .container {
    width: 100%;
  }
    header.fxd {width: 100%;}

}

@media only screen and (max-width: 993px) {
  #main {
    padding-left: 0;
  }
  footer {
    padding-left: 0;
  }

}

@media only screen and (max-width: 992px) {
  nav .nav-wrapper {
    text-align: center;
  }
  nav .nav-wrapper a.page-title {
    font-size: 36px;
  }
  ul.side-nav.leftside-navigation {
    top: 56px !important;
  }
  .follow-scroll {position: static;}
}


/*----------------------------------------
    Color Palette css for css-color.html page
------------------------------------------*/
.dynamic-color .red, .dynamic-color .pink, .dynamic-color .purple, .dynamic-color .deep-purple, .dynamic-color .indigo, .dynamic-color .blue, .dynamic-color .light-blue, .dynamic-color .cyan, .dynamic-color .teal, .dynamic-color .green, .dynamic-color .light-green, .dynamic-color .lime, .dynamic-color .yellow, .dynamic-color .amber, .dynamic-color .orange, .dynamic-color .deep-orange, .dynamic-color .brown, .dynamic-color .grey, .dynamic-color .blue-grey {
  height: 55px;
  width: 100%;
  padding: 0 15px;
  line-height: 55px;
  font-weight: 500;
  font-size: 12px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


@media only screen and (max-width: 1024px) {
  tfoot {
    display: none;
  }
}

/*----------------------------------------
    Login Page
------------------------------------------*/
	.login-form {
	  width: auto;
	  padding: 0 10px;
	}

	.login-form-text {
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-size: 0.8rem;
	}

	.profile-image-login {
	  width: 100px;
	  height: 100px !important;
	}

	.login-text {
	  margin-top: -6px;
	  margin-left: -6px !important;
	}

	.brandcolor1 {color: #333;}
	.orange {color: #FF5021;}
	.brandcolorBg {background-color: #1e9bbb;}
	.brandcolorLightBg {background-color: #33bee2;}
	.brandcolor1Bg {background-color: #004960;}
	.underline {text-decoration: underline;}
	.no-underline {text-decoration: none;}
	a.no-underline {text-decoration: none;}
	a.underline {text-decoration: underline;}
	a.underline:hover {text-decoration: none;}
	a.brandcolor1 {color: #333;}
	.max-width-800 {max-width: 800px;}
	.max-width-700 {max-width: 700px;}
	.max-width-600 {max-width: 600px;}
	.max-width-530 {max-width: 530px;}
	.max-width-500 {max-width: 500px;}
	.max-width-400 {max-width: 400px;}
	.max-width-300 {max-width: 300px;}
	.max-width-200 {max-width: 200px;}
	.max-width-100 {max-width: 100px;}
	.max-width-80 {max-width: 80px;}
	.max-width-70 {max-width: 70px;}
	.max-width-60 {max-width: 60px;}
	.max-width-50 {max-width: 50px;}
	.max-width-40 {max-width: 40px;}
	.max-width-30 {max-width: 30px;}
	.max-width-20 {max-width: 20px;}
	.max-width-10 {max-width: 10px;}
	.max-width-5 {max-width: 5px;}
	.min-width-800 {min-width: 800px;}
	.min-width-700 {min-width: 700px;}
	.min-width-600 {min-width: 600px;}
	.min-width-530 {min-width: 530px;}
	.min-width-500 {min-width: 500px;}
	.min-width-400 {min-width: 400px;}
	.min-width-300 {min-width: 300px;}
	.min-width-250 {min-width: 250px;}
	.min-width-200 {min-width: 200px;}
	.min-width-180 {min-width: 180px;}
	.min-width-150 {min-width: 150px;}
	.min-width-120 {min-width: 120px;}
	.min-width-100 {min-width: 100px;}
	.min-width-80 {min-width: 80px;}
	.min-width-60 {min-width: 60px;}
	.min-width-50 {min-width: 50px;}
	.min-width-40 {min-width: 40px;}
	.min-width-30 {min-width: 30px;}
	.min-width-20 {min-width: 20px;}
	.min-width-10 {min-width: 10px;}
	.min-width-5 {min-width: 5px;}

	.max-height-800 {max-height: 800px !important;}
	.max-height-700 {max-height: 700px !important;}
	.max-height-600 {max-height: 600px !important;}
	.max-height-530 {max-height: 530px !important;}
	.max-height-500 {max-height: 500px !important;}
	.max-height-400 {max-height: 400px !important;}
	.max-height-300 {max-height: 300px !important;}
	.max-height-200 {max-height: 200px !important;}
	.max-height-100 {max-height: 100px !important;}
	.max-height-80 {max-height: 80px !important;}
	.max-height-70 {max-height: 70px !important;}
	.max-height-60 {max-height: 60px !important;}
	.max-height-50 {max-height: 50px !important;}
	.max-height-40 {max-height: 40px !important;}
	.max-height-30 {max-height: 30px !important;}
	.max-height-20 {max-height: 20px !important;}
	.max-height-10 {max-height: 10px !important;}
	.max-height-5 {max-height: 5px !important;}
	.min-height-100 {min-height: 100px;}
	.min-height-150 {min-height: 150px;}
	.min-height-200 {min-height: 200px;}
	.min-height-300 {min-height: 300px;}
	.min-height-400 {min-height: 400px;}
	.min-height-500 {min-height: 500px;}
	.min-height-600 {min-height: 600px;}
	.min-height-700 {min-height: 700px;}
	.width-25 {width: 25%;}
	.width-35 {width: 35%;}
	.width-50 {width: 50%;}
	.width-60 {width: 60%;}
	.width-70 {width: 70%;}
	.width-80 {width: 80%;}
	.width-90 {width: 90%;}
	@media screen and (max-width: 720px){
	body {
	  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #333;
	  background-color: #ffffff;
	  padding: 0px 5px;
	 }
	 .csv_file{position: relative; bottom: 0px;right:0px;}
	 .login-panel {
	  margin-top: 0px;
	 }
	 .z-depth-3 {
		box-shadow: none;}
	}
	.max-height-80 {
		max-height: 80px !important;
	}


	table[md-data-table][md-row-select]>tbody>tr>td:first-child, table[md-data-table][md-row-select]>tfoot>tr>td:first-child, table[md-data-table][md-row-select]>thead:not([md-table-progress])>tr>th:first-child
	{
	  width: 300px;
	  padding: 0 45px;
	}

	table.md-table td.md-cell
	{
	  border-top: 0;
	}

	thead{
	  background-color: #fff;
	}

	.md-table-pagination{
	  background-color: #fff;
	}

	.md-table-pagination .label{
	  color: rgba(0, 0, 0, 0.54);
	}

	.as-sortable-item, .as-sortable-placeholder {
	  display: table-row;
	}
	.padding-left-right-20 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.content-section {

		z-index: 10;
	}
	.breadcrumbs {
		margin: 5px 0 10px 0;
		list-style: none;
		padding: 5px 0px;
	}
	.breadcrumbs > li {
		display: inline-block;
	}
	.breadcrumbs > li a {
		color: #a4228e;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	.login-form {
		width: auto;
		padding: 0 ;
	}
	.margin-bottom-0 {
		margin-bottom: 0px !important;
	}
	.card {
		overflow: hidden;
	}
	.seg-block {
		border: 1px solid #f1f1f1;
	}
	.card {
		position: relative;
		margin: 0.5rem 0 1rem 0;
		background-color: #fff;
		transition: box-shadow .25s;
		border-radius: 2px;
	}
	input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
		margin: 0;
		height: 2.5rem;
	}
	.seg-block textarea.materialize-textarea {
		padding: .2rem 0;
		min-height: 1rem;
		margin-bottom: 7px;
	}
	h4.header {
		line-height: 2.508rem;
		margin: 1.14rem 0 0.912rem 0;
		font-size: 1.4rem;
		font-weight: 400;
		text-transform: uppercase;
		color: #434343;
	}
	.margin-bottom-0 {
		margin-bottom: 0px !important;
	}
	input.select-dropdown, .select-wrapper input.select-dropdown {
		height: 2.5rem;
		line-height: 2.5rem;
		margin: 0;
	}
	select {
		background-color: transparent;
		width: 100%;
		padding: 5px;
		border: none;
		border-radius: 2px;
		height: 3rem;
		border-bottom: 1px solid #9e9e9e;
	}
	input.select-dropdown, .select-wrapper input.select-dropdown {
		height: 2.5rem;
		line-height: 2.5rem;
		margin: 0;
	}
	.collection .collection-item {
		background-color: #f9f9f9;
	}
	#work-collections p.collections-title {
		font-size: 1.0rem;
		padding: 0;
		margin: 0;
		font-weight: 500;
	}
	#work-collections p.collections-title a.right {
		display: none;
	}
	.font-size-150 {
		font-size: 150%;
	}
	#work-collections p.collections-content {
		font-size: 0.9rem;
		padding: 0;
		margin: 0;
		font-weight: 400;
	}
	.collection .collection-item {
		background-color: #f9f9f9;
	}
	.modal-header-title {
		padding: 10px 15px;
		font-size: 150%;
		background: white;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.modal.modal-fixed-footer .modal-content {
		height: calc(100% - 110px);
	}
	.modal .modal-content {
		padding: 0 24px;
	}
	.jvbox .flow-text {
		font-size: 250%;
	}
	.sepIcon {
		font-size: 160%;
    color: #A4228E;
    padding-top: 70px;
    min-height: 150px;
    margin-top: 10px;
	}
	.follow-scroll {
		position: relative;
		z-index: 9;
	}
	.form-block {
		padding: 10px;
		background: #FAFAFA;
		border: 1px solid #ccc;
		border-bottom-width: 2px;
		margin-top: 10px;
		margin-bottom: 10px;
		box-shadow: 0px 0px 5px 1px #CCC;

	}

	select {
		background-color: transparent;
		width: 100%;
		padding: 5px;
		border: none;
		border-radius: 2px;
		height: 3rem;
		border-bottom: 1px solid #9e9e9e;
	}

	td, th {
		padding: 6px 5px;
	}
	input.select-dropdown, .select-wrapper input.select-dropdown {
		height: 2.5rem;
		line-height: 2.5rem;
		margin: 0;
	}

	.padding-left-right-5 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.font-size-70 {
		font-size: 70%;
	}

	.jr-card {
		overflow: visible !important;
		border: 1px solid #f2f2f2;
		background-color: #f2f2f2;
		margin: 0rem 0 0.5rem 0;
	}
	.padding-top-bottom-5 {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.card .card-content {
		padding: 20px;
		border-radius: 0 0 2px 2px;
	}
	.drop-field {
	    border: 1px solid #9a9898;
		background: #FFF;
		min-height: 100px;
		padding: 10px;
		border-radius: 5px 5px 0 0;
		margin-top: 0px;
	}
	.drop-field:first-child {
		content: "Drag and drop Contents here to configure journey";
		border-bottom: 1px solid #929090;
	}
	.drop-field:first-child:before {
		content: "Drag and drop attributes here to create journey rules";
	}
	.drop-field:before {
		content: "Drag and drop Contents here to configure journey";
		text-align: center;
		color: #999;
		display: block;
		font-size: 12px;
	}
	.jr-card {
		overflow: visible !important;
		border: 1px solid #ddd;
		background-color: #f9f9f9;
		margin: 0rem 0 0.5rem 0;
	}
	.margin-top-minus-25 {
		margin-top: -25px;
	}
	.jr-card {
    overflow: visible !important;
    border: 1px solid #929090;
    background-color: #f2f2f2;
    margin: 0rem 0 0.5rem 0;
    border-radius: 8px;
	padding-top: 10px;
    background: #f9f9f9;
    background: -webkit-linear-gradient(left top, #f9f9f9, #f9f9f9);
    background: -o-linear-gradient(bottom right, #f9f9f9, #f9f9f9);
    background: -moz-linear-gradient(bottom right, #f9f9f9, #f9f9f9);
    background: linear-gradient(to bottom right, #f9f9f9, #f9f9f9);
	}
	.padding-top-bottom-5 {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.margin-bottom-5 {
		margin-bottom: 5px !important;
	}
	.margin-top-bottom-10 {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.margin-bottom-0 {
		margin-bottom: 0px !important;
	}
	.font-size-70 {
		font-size: 70%;
	}

	.margin-top-20 {
		margin-top: 20px;
	}
	.margin-left-10 {
		margin-left: 10px !important;
	}
	.margin-bottom-10 {margin-bottom: 10px;}

	.form-block{padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px 1px #CCC;}
	.gray-border-right {
		border-right: 1px solid #ccc;
	}
	.gray-border-left {
		border-left: 1px solid #ccc;
	}
	header.fxd {
		height: 138px;
		position: fixed;
		width: 90%;
		z-index:78;
		background: #FFF;
		border-bottom: 0px solid #e0e0e0;
	}
	.content-section-journey {
		/* padding-top: 150px; */
		z-index: 10;
	}
	.jvbox {
		border: 2px dotted #CCC;
		background: #FFF;
		border-bottom-style: solid;
		color: #434343;
		box-shadow: 0 3px 3px 0px #CCC;
		padding: 0 !important;
		min-height: 150px;
		margin:10px;
	}
	.jvbox .flow-text {
		font-size: 250%;
	}
	.jvbox p {
		padding: 0 0 10px 0;
		margin: 0;
		text-align: center;
	}
	.content {
		height: calc(100% - 110px);
	}
	.rowjourney {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
		float: left;

	}
	.add-background-color {
		background-color: #434343 !important;
	}
	.dropdown-content  li span [type="checkbox"]{
        position: relative;
        left:0;
        visibility: visible;
		opacity:0;
    }
div a span{outline:none}
.no_display{display:none}
.no-display{display:none}
.show-display{display:block}
.calender-block{   border: 5px solid #f1f1f1;
    background: #e6e5e5;
    position: relative;
    z-index: 77;}
.time-location{border: 5px solid #f1f1f1;background: #e6e5e5;}
.border-hide{outline: none;}
@media only screen and (min-width: 1025px) and (max-width: 1300px){
  nav ul a {
	padding:0 34px;
  }
}
@media only screen and (max-width: 1200px){
  nav ul a {
	padding:0 30px;
  }
}
@media only screen and (max-width: 1124px){
  nav ul a {
	padding:0 25px;
  }
}
@media only screen and (max-width: 900px){

  nav ul a {
	padding:0 18px;
  }
}
@media only screen and (max-width: 768px){

  nav ul a {
	padding:0 14px;
  }

  .md-dialog-width {
	min-width: 92%;
	max-width: 96%;
  }

   .md-dialog-width-content{min-width: 92%;
	max-width: 96%;}

   .md-dialog-width-discription {
	min-width: 40%;
	max-width: 50%;
  }
}
@media only screen and (max-width: 690px){

  nav ul a {
	padding:0 12px;
  }
}
@media only screen and (max-width: 668px){

  nav ul a {
	padding:0 10px;
  }
}
@media only screen and (max-width: 605px){

  nav ul a {
	padding:0 9px;
  }

}
@media only screen and  (min-width: 600px){
	.rowjourney {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
}
@media only screen and (max-device-width: 414px){
	header a.hdr-logo {
		padding-left: 5px;
		padding-top: 20px;
		display: inline-block;
	}
	header div.row{margin-bottom: 0;}
	.hdr-right{ padding-top: 10px !important;}
	.enrollment-checkbox{ margin-bottom: 30px;}
	.flex-70 { -webkit-box-flex: 1;  -webkit-flex: 1 1 70%; flex: 1 1 70%; max-width: 90%; max-height: 100%;  box-sizing: border-box;}
	.nav-border-hide:focus{outline: none;}
}
@media only screen and (max-device-width: 375px){
  .font-16 {
    font-size: 15px;
	}
}
@media only screen and (max-device-width: 320px){
  .doughnut-chart-status {
    display: none;
  }
  .font-16 {
    font-size: 12px;
	}
	.row {
		margin-bottom: 0px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .doughnut-chart-status {
    display: none;
  }
  #card-stats .card-stats-compare {
    font-size: 0.8rem;
  }
}

@media only screen and (min-width: 993px){
	.rowjourney {
	 width: 23%;
		margin-left: auto;
		left: auto;
		right: auto;
		float: left;
	}
	.row-journey-arrow {
			width: 6%;
			margin-left: auto;
			left: auto;
			right: auto;
			float: left;
		}
	}
@media only screen and (min-width: 601px)and (max-width: 1120px){
.row .col.m8 {
     width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.tabs-vertical-tabs{
	clear:both;
}
.flex-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}
}

@media only screen and (max-width: 992px){
	.content-button-journey{position: staic;}
	.follow-scroll {
		position: static;
	}
}
@media only screen and (max-width: 900px) {
	header.fxd {
		height: 138px;
		position: fixed;
		width: 100%;
		z-index:78;
		background: #FFF;
		border-bottom: 0px solid #e0e0e0;
	}
}
@media only screen and (max-width: 600px){
	.rowjourney {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
}
.switch label .lever {
    margin: 0 5px;
}
.journey-select{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 2px 0 2px 0 !important;
}
.md-select-value {

    min-width: 53px!important;
    min-height: 26px;

}
.admin_tree_present {
	padding: 25px 15px 25px 0;
}
.admin_tree_absent {
	padding: 15px 15px 25px 0;
}
/* .thankYou{    text-align: center;
    font-size: 40px;
    margin-top: 150px;} */


.journey-start{    width: 70px;
    float: left;
    border: 1px solid red;
    border-radius: 50%;
    height: 70px;
    margin-top: 63px;
    padding: 10px 20px;
	    border: 2px dotted #CCC;
    background: #FFF;
    border-bottom-style: solid;
    color: #434343;
    box-shadow: 0 3px 3px 0px #CCC;

	}



.md-button.md-raised:not([disabled]) {
    box-shadow: 0 0px 0px 0 #6d6d6d !important;
}

.md-char-counter{display:none}

#togglePW {
  cursor: pointer;
}

#togglePW1 {
  cursor: pointer;
}
.view-password{    display: inline-block;
    margin: -25px 10px;
    right: 2px;
    left: auto;
    position: absolute;}
.view-password:focus{  border:none;}

.btnduratin {
	background-color: rgb(67, 67, 67);
    border-radius: 10px 0 0 10px;
    font-size: 15px;
    color: white;
    border: 0px;
    padding: 5px 13px;
	    width: 49%;
    float: left;
}
.btntime {
	background-color: rgb(67, 67, 67);
    border-radius: 0 10px 10px 0;
    font-size: 15px;
    color: white;
    border: 0px;
    padding: 5px 7px;
	    width: 49%;
    float: right;
}
.btnhours {
	background-color: rgb(67, 67, 67);
    border-radius: 10px 0 0 10px;
    font-size: 15px;
    color: white;
    border: 0px;
    padding: 5px 10px;
    width: 25%;
    float: left;
    margin-right: 2%;
}
.btnmeridian {
    background-color: rgb(67, 67, 67);
    border-radius: 0px 0 0 0px;
    font-size: 15px;
    color: white;
    border: 0px;
    padding: 5px 2px;
    width: 33%;
    float: left;
    margin-right: 2%;
}
.btnzone {
    background-color: rgb(67, 67, 67);
    border-radius: 0 10px 10px 0;
    font-size: 15px;
    color: white;
    border: 0px;
    padding: 5px 2px;
    width: 38%;
    float: left;
}
.btnoperator {
	background-color: rgb(67, 67, 67);
    border-radius: 10px 10px 10px 10px;
    font-size: 15px;
    color: white;
    border: 0px;
    padding: 5px 4px;
    width: 100%;
    float: left;
}
.btnState {
    background-color: rgb(67, 67, 67);
    border-radius: 0 10px 10px 0;
    font-size: 15px;
    color: white;
    border: 0px;
      width: 55%;
    float: left;
    padding-top: 5px;
    margin: 0px 10px 10px 1px;
}
.choose-time{    height: 118px;
    background: #f9f9f9;
	    border-radius: 5px;
    padding: 20px !important;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    margin-top: 9px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px 1px #CCC;
    margin-left: 10px !important;}

.choose-operator{    height: 118px;
    background: #f9f9f9;
	    border-radius: 5px;
    padding: 20px !important;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    margin-top: 9px;
    margin-bottom: 10px;
     box-shadow: 0px 0px 5px 1px #CCC;
   }
.sticky-position{position: sticky;top: 2px;z-index: 9;}
.time-icon-journey{position: relative;right: 23px;top: 4px;}
.time-button-journey{position: relative;top: -3px;left: -16px;font-size: 13px;}
.operator-icon-journey{position: relative;right: 2px;top: 3px;}
.operator-button-journey{position: relative;right: -6px;top: -3px;font-size: 13px;}
.event-icon-journey{position: relative;right: 15px;top: 3px;}
.event-button-journey{position: relative;top: -3px;left: -5px;font-size: 13px;}
.content-icon-journey{position: relative;right: 5px;top: 3px;}
.content-button-journey{position: relative;top: -3px;left: 3px;font-size: 13px;}
/* @media only screen and (max-width: 992px){ */
 /* .content-button-journey{ position:relative;} */
/* } */

.text-top-level{    margin: 3px 0px 6px 26px;
    float: left;}
.text-hour-level {
    margin: 3px 0px 6px 1px;
    float: left;
}
.text-meridian-level {
    margin: 3px 0px 6px 13px;
    float: left;
}
.text-operater-level {
    margin: 3px 0px 6px 77px;
    float: left;
}
.text-on-level {
    margin: 3px 0px 6px 108px;
    float: left;
}
.fix-content-show{    border-radius: 5px;
    padding: 0px 20px 20px 20px !important;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    margin-top: 9px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px 1px #CCC;}

.text-top-level-mail {
     margin: 3px 0px 6px 6px;
    float: left;
}
.text-on-user-response {
    margin: 3px 0px 6px 77px;
    float: left;
}
.text-top-level-split {
    margin: 3px 0px 6px 35px;
    float: left;
}
.operator-icon-journey-dext {
    position: relative;
    right: 46px;
    top: 3px;
}
.operator-button-journey-allow {
    position: relative;
    right: 38px;
    top: -3px;
    font-size: 13px;
}
.email-response-msg p{text-align: center;
    background: #f0eded;
    width: 50%;
	margin: 0 auto !important;
    padding: 5px;
}
.delete-button{float: right;
    width: 11px;
    height: 13px;
    border-radius: 50%;
    padding: 1px 2px 2px 1px;
    color: #ff0000;
    position: absolute;
    top: -3px;
    font-size: 9px;
    right: 0px;
}

.delete-button-right {
    float: right;
    width: 11px;
    height: 13px;
    border-radius: 50%;
    padding: 1px 2px 2px 1px;
    color: #ff0000;
    position: absolute;
    top: -2px;
    font-size: 9px;
    right: -12px;
}
.delete-button-icon-oprater {
    float: right;
    width: 11px;
    height: 13px;
    border-radius: 50%;
    padding: 1px 2px 2px 1px;
    color: #ff0000;
    position: absolute;
    top: -15px;
    font-size: 9px;
    right: 0px;
}
.delete-button-icon {
    float: right;
    width: 11px;
    height: 13px;
    border-radius: 50%;
    padding: 1px 2px 2px 1px;
    color: #ff0000;
    position: absolute;
    top: -9px;
    font-size: 9px;
    right: 0px;
}
.delete-button-split {
	float: right;
    width: 11px;
    height: 13px;
    border-radius: 50%;
    padding: 1px 2px 2px 1px;
    color: #ff0000;
    position: absolute;
    top: -17px;
    font-size: 9px;
    right: -11px;
}
.delete-button-icon-content {
    float: right;
    width: 11px;
    height: 13px;
    border-radius: 50%;
    padding: 1px 2px 2px 1px;
    color: #ff0000;
    position: absolute;
    top: -13px;
    font-size: 9px;
    right: 0px;
    z-index: 9;
}

.choose-operators {
    height: 74px;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 20px !important;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    margin-top: 9px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px 1px #CCC;
}
.image-person{position:relative;}
.image-person-image{font-size: 34px;position: absolute;top: -12px;}
/* .input-type-container{} */

@media only screen and (max-width: 600px){
.btnState {
    width: 100%;
}
.choose-time{
	width: 92%;
}
.text-top-level {
    margin: 3px 0px 6px 10px;
}
.text-hour-level {
    margin: 3px 0px 6px -3px;
    float: left;
}
.text-meridian-level {
    margin: 3px 0px 6px 9px;
    float: left;
}
.choose-operator{width: 100%;}
.sticky-position {
    position: relative;
    top: 2px;
    z-index: 9;
}

.journey-segment-container{
	flex-direction: column;
}

.journey-builder-container, .content-container, .content-preview{
	width: 100% !important;
}

.content-parent-div{
	margin-top: 15px;
	margin-left: 0 !important;
	width: 100% !important;
}
}
@media only screen and (max-width: 950px) {
.sticky-position {
    position: relative;
    top: 2px;
    z-index: 9;
}
}
.md-dialog-width-content {
    min-width: 80%;
    max-width: 80%;
    min-height: 500px;
}
.dropify-wrapper {
   height: 300px !important;
}
@media only screen and (min-width: 993px)
{
.card-content ul.stepper.horizontal .step-content {
    padding-left: 5px;
    padding-right: 5px;
	margin-left: 41px ; /* anjali */
    margin-right: 24px;/* anjali */
    padding-bottom: 20px;
}
}
.detete-button-right{
	position:relative;
}
.scrollbar
{
	background: #F5F5F5;
	/* overflow-y: auto; */
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}

.md-input-invalid md-radio-group{
  color: rgb(221,44,0);
}
.send-icon-send {
    font-size: 36px;
    margin-top: 10px;
}
.journey-date-picker{border: 1px solid rgb(197, 197, 197); border-radius: 5px; padding: 9px 0px 4px 0px;  position: relative;top: 11px;}
.journey-date-picker .md-datepicker-input-container .md-datepicker-triangle-button {
    height: 36px;
    width: 36px;
    position: absolute;
    padding: 8px;
	top: 11px;
}
.event-border-show{
	border: 1px solid rgb(197, 197, 197);
    border-radius: 5px;}
.md-dialog-width-content-add{
    min-width: 95%;
    max-width: 80%;
    min-height: 500px;
    min-height: 95%;
}
.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color: rgba(111, 108, 108, 0.95);
}
md-radio-button {
    outline: none;
}
.upload-button{    background: #434343;
    padding: 8px 26px;
    color: white;
	border-radius: 2px;}




/*Journey builder new*/

/* .journey-rule-wrapper, .journey-append{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.toggle{
	display: inline-block !important;
}

.showList{
	margin-top: 25px;
    margin-left: 0;
}

.eventList{
	display: none;
	background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	margin-top: 35px;
}

.eventList ul{
	margin: 0;
}

.eventList li{
	height:40px;
	color:rgba(33,33,33,0.87);
	padding: 10px 15px 10px 10px;
	cursor: pointer;
}

.eventList li:hover{
	background-color: rgb(238,238,238);
}

.eventList li i{
	color: rgba(33,33,33,0.87);
	vertical-align: bottom;
    margin-right: 8px;
}

.eventList md-select{
	margin: 12px 15px 12px 15px;
}

.addEvent{
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
}

.addEvent i{
	font-size: 15px;
}

.addEvent p{
	margin: 10px 0 !important;
}

.connector i{
	vertical-align: middle;
    font-size: 44px;
    margin-top: 18px;
} */


/*Journey Builder style from Springboard*/

#springboard-content{
	overflow: auto;
	background-color: #fafafa;
}

.journey-builder-container {
	width: 100vw;
	height: 100vh;
	position: relative;
}

.journey-builder-container {
	transform-origin: 50% 0% !important;
}

.journey-builder-container md-input-container{
	max-height: 40px;
	margin: 0 0 10px 0 !important;
}

.journey-builder-container md-input-container input {
	border: 1px solid #ddd!important;
}

.journey-builder-container md-input-container input.ng-touched.ng-invalid {
	border: 1px solid red !important;
}

.journey-builder-container .trigger-container md-input-container input.ng-touched.ng-invalid {
  border-bottom: 1px solid red !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}

.journey-builder-container input[type=number]:focus:not([readonly]){
	border: 0 !important;
	box-shadow: none;
}

#springboard-content .journey-builder-controls {
	position: relative;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	margin-right: 8px;
}

#springboard-content .journey-builder-controls .btn-zoom-in {
	height: 44px;
	width: 44px;
	background-color: #E3E3E3;
	border-radius: 22px;
	background-image: url('../images/icon_zoom_in.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-bottom: 8px;
}

#springboard-content .journey-builder-controls .btn-zoom-out {
	height: 44px;
	width: 44px;
	background-color: #E3E3E3;
	border-radius: 22px;
	background-image: url('../images/icon_zoom_out.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-bottom: 8px;
}

#springboard-content .journey-builder-controls .btn-reset {
	height: 44px;
	width: 44px;
	background-color: #E3E3E3;
	border-radius: 22px;
	background-image: url('../images/reset_icon.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-bottom: 8px;
}

.journey-builder-container .journey-obj {
	position: absolute;
	font-size: 12px;
}

.journey-builder-container .journey-obj.entry-segment-container .menu-icon,
.journey-builder-container .journey-obj.entry-source-container .menu-icon,
.journey-builder-container .journey-obj .menu-icon {
	box-sizing: border-box;
	height: 43px;
	width: 43px;
	border: 4px solid #FFFFFF;
	border-radius: 22px;
	/* background-color: #9BA5B6; */
	/*	background-image: url('../images/icon_star_entry.png'); */
	/* background-image: url('../images/icon_star_entry.svg'); */
	background-image: url('../images/Segment_Grey.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	top: -4px;
	left: -24px;
	/* display: inline-block; */
	float: left;
	/* z-index: 2; */
	/*	background-color: #50A6F8; */
}

.journey-builder-container .journey-obj.entry-segment-container .menu-icon {
	background-color: #3996E8;
	background-image: url('../images/Segment.png');
}

.journey-builder-container .journey-obj .menu-icon {
	z-index: 2;
}

.journey-builder-container .journey-obj .open-menu-icon {
	z-index: 8;
}

.journey-builder-container .journey-obj.entry-segment-container.entry-empty .menu-icon,
.journey-builder-container .journey-obj.entry-source-container.entry-empty .menu-icon,
.journey-builder-container .journey-obj.entry-empty .menu-icon {
	background-color: #9BA5B6;
	background-image: url('../images/Segment_Grey.png');
}

.journey-builder-container .journey-obj.trigger-container .menu-icon {
	/*	background-image: url('../images/icon_event_calendar.png');*/
	/* background-image: url('../images/icon_controls_trigger.svg'); */
	background-image: url('../images/Trigger.png');
}

.journey-builder-container .journey-obj.event-container .menu-icon {
	/*	background-image: url('../images/icon_event_calendar.png');*/
	background-image: url('../images/icon_controls_event.svg');
}

.journey-builder-container .journey-obj.channel-container .menu-icon {
	/*	background-image: url('../images/icon_controls_channel.png');*/
	/* background-image: url('../images/icon_controls_channel.svg'); */
	/* background-image: url('../images/icon_controls_channel.svg'); */
	background-image: url('../images/Channel_Grey .png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.email {
	background-color: #761af1;
	/*	background-image: url('../images/icon_channel_email_wh.png');*/
	/* background-image: url('../images/icon_channel_email_wh.svg'); */
	background-image: url('../images/Mail.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.sms {
	background-color: #68d636;
	/*	background-image: url('../images/icon_channel_sms_wh.png');*/
	/* background-image: url('../images/icon_channel_sms_wh.svg'); */
	background-image: url('../images/Text.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.social {
	background-color: #509dff;
	/*	background-image: url('../images/icon_channel_social_wh.png');*/
	/* background-image: url('../images/icon_channel_social_wh.svg'); */
	background-image: url('../images/Social.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.push {
	background-color: #f7d24d;
	/*	background-image: url('../images/icon_channel_push_wh.png');*/
	/* background-image: url('../images/icon_channel_push_wh.svg'); */
	background-image: url('../images/Push.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.direct {
	background-color: #f97530;
	/*	background-image: url('../images/icon_channel_direct_wh.png');*/
	/* background-image: url('../images/icon_channel_direct_wh.svg'); */
	background-image: url('../images/Direct.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.phone {
	background-color: #f4497d;
	/*	background-image: url('../images/icon_channel_phone_wh.png');*/
	/* background-image: url('../images/icon_channel_phone_wh.svg'); */
	background-image: url('../images/Phone.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.split-container .menu-icon {
	/*	background-image: url('../images/icon_controls_split_wh.png');*/
	/* background-image: url('../images/icon_controls_split_wh.svg'); */
	background-image: url('../images/Split.png');
}

.journey-builder-container .journey-obj.wait-container .menu-icon {
	/*	background-image: url('../images/icon_controls_wait_wh.png');*/
	/* background-image: url('../images/icon_controls_wait_wh.svg'); */
	background-image: url('../images/Wait.png');
}

/* .journey-builder-container .journey-obj.end-container {
	width: 100px;
} */

.journey-builder-container .journey-obj.end-container .menu-icon {
	/*	background-image: url('../images/icon_controls_wait_wh.png');*/
	/* background-image: url('../images/icon_controls_end_wh.svg'); */
	background-image: url('../images/End.png');
	background-color: red;
}

[type="radio"]:not(:checked) + label.label-ampm:before{
	border-radius: 20px;
	border: 1px solid #ddd;
	width: 53px;
	height: 30px;
	margin-top: -3px;
}

[type="radio"]:checked + label.label-ampm:after, [type="radio"]:checked + label.label-ampm:before{
	border-radius: 20px;
	border: 1px solid #3996E8;
	background-color: transparent !important;
	width: 53px;
	height: 30px;
	margin-top: -3px;
}

.label-ampm {
	display: inline-block !important;
	width: 20%;
	color:#ddd;
}

.label-ampm span {
	margin-left: 15px;
	color: #ccc;
}

[type="radio"]:checked + label.label-ampm span{
	color:#3996E8;
}

.journey-obj-menu {
	/*	height: 184px; */
	width: 206px;
	border: 1px solid #F1F1F1;
	border-radius: 0 12px 12px 12px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 0px;
	z-index: 7;
	background-color: #ffffff;
	display: none;
	overflow: hidden;
	font-size: 12px;
}

.journey-builder-container .journey-obj.join-highlight {
	border: 2px solid #2B9CFF;
}

.journey-builder-container .journey-obj .menu-icon.join-highlight {
	border: 3px solid #50A6F8;
	background-size: 45px;
}
.journey-builder-container .journey-obj.join-highlight.join-source,
.journey-builder-container .journey-obj .menu-icon.join-highlight.join-source {
	border-style: dashed;
}


.journey-builder-container .entry-segment-container,
.journey-builder-container .entry-source-container,
.journey-builder-container .journey-obj {
	height: 47px;
	/* 69px; */
	width: 206px;
	border-radius: 0 12px 12px 12px;
	border: 1px solid #EEEEEE;
	border-radius: 0 12px 12px 12px;
	background-color: #FFFFFF;
	line-height: 14px;
}

.journey-builder-container .journey-obj .ellipses-icon {
	background-image: url('../images/icon_journey_obj_menu.png');
	/* background-image: url('../images/Menu_grey.svg'); */
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 16px;
	position: absolute;
	right: 0px;
	top: 14px;
	cursor: pointer;
}

.journey-builder-container .journey-obj.entry-empty .ellipses-icon {
		background-image: url('../images/icon_journey_obj_menu_wh.png');
	/* background-image: url('../images/icon_journey_obj_menu_wh.svg'); */
}

.journey-builder-container .journey-obj.wait-container {
	height: 47px;
}

.journey-builder-container .wait-container md-input-container,
.journey-builder-container .wait-container ul,
.journey-builder-container .split-container md-input-container,
.journey-builder-container .split-container ul {
	margin: 0 !important;
}

.journey-builder-container .obj-content-wrapper {
	font-size: 12px;
	height: 100%;
	cursor: pointer;
}

.journey-builder-container .obj-content-wrapper .obj-content {
	float: left;
	margin-left: -21px;
}

.journey-builder-container .entry-segment-container.entry-empty,
.journey-builder-container .entry-source-container.entry-empty,
.journey-builder-container .journey-obj.entry-empty {
	height: 47px;
	background-color: #9BA5B6;
}

.journey-builder-container .entry-source-container .entry-name,
.journey-builder-container .journey-obj .entry-name {
	font-weight: 600;
	position: relative;
	top: 9px;
	left: 4px;
	margin: 0;
	/* padding-top: 9px;
	padding-left: 4px; */
}

.journey-builder-container .journey-obj .entry-description{
	/* padding-left: 4px; */
	position: relative;
	left: 4px;
	top: 8px;
	margin: 0;
}

.journey-builder-container .entry-segment-container .entry-name,
.journey-builder-container .channel-container .entry-name {
	font-weight: 600;
	position: relative;
	top: 14px;
	left: 7px;
	margin: 0;
	/* padding-top: 14px;
	padding-left: 7px; */
}

.journey-builder-container .entry-segment-container.entry-empty .entry-name,
.journey-builder-container .entry-source-container.entry-empty .entry-name,
.journey-builder-container .journey-obj.entry-empty .entry-name {
	color: #ffffff;
	position: relative;
	top: 14px;
	left: 7px;
	margin: 0;
	/* padding-top: 14px;
	padding-left: 7px; */
}

.journey-builder-container .entry-segment-container.entry-empty .entry-description,
.journey-builder-container .entry-source-container.entry-empty .entry-description {
	display: none;
}

.journey-builder-container .entry-segment-container .entry-description,
.journey-builder-container .entry-source-container .entry-description {
	display: block;
}

.journey-obj-menu .journey-obj-menu-head {
	padding: 13px 16px;
	color: #9B9B9B;
}

/* .journey-obj-menu .journey-obj-menu-body {} */

.journey-obj-menu .journey-obj-menu-body.obj-fade {
	box-shadow: 0 -6px 10px -6px #cccccc;
}

.journey-obj-menu .journey-obj-menu-body ul,
.journey-obj-menu .menu-panel ul {
	border-top: 1px solid #F1F1F1;
	max-height: 250px;
	overflow: hidden;
	overflow-y: scroll;
	margin-bottom: 0px;
}

.journey-obj-menu .menu-panel ul {
	/* ::-webkit-scrollbar-track { */
	/*	color: #4A90E2;
	-webkit-box-shadow: inset 0 0 6px #4A90E2; */
	scrollbar-face-color: #4A90E2;
}

.journey-obj-menu .menu-panel ul::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 0, 0, 0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.journey-obj-menu .menu-panel-1 ul {
	overflow: auto;
	overflow-y: visible;
}

.journey-obj-menu .journey-obj-menu-body ul li,
.journey-obj-menu .menu-panel ul li {
	padding: 13px 16px;
	color: #1669B0;
	border-bottom: 1px solid #F1F1F1;
	cursor: pointer;
}

.journey-obj-menu .journey-obj-menu-body ul li:focus,
.journey-obj-menu .menu-panel ul li:focus {
  outline: none;
}

.journey-obj-menu .menu-panel ul li.icon-chevron-right {
	background-image: url('../images/icon_chevron_right.png');
	background-position: right 13px center;
	background-repeat: no-repeat;
}

.journey-obj-menu div.icon-cheveron-left {
	width: 12px;
	height: 12px;
	background-image: url('../images/icon_chevron_left.png');
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 26px;
	left: 21px;
	cursor: pointer;
}

.event-container .journey-obj-menu .menu-panel ul li.check,
.rule-container .journey-obj-menu .menu-panel ul li.check {
	padding-left: 34px;
	background-image: url('../images/icon_radio.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}

.rule-container .journey-obj-menu .menu-panel {
	display: none;
}

.event-container .journey-obj-menu .menu-panel ul li.check.checked,
.rule-container .journey-obj-menu .menu-panel ul li.check.checked {
	background-image: url('../images/icon_checked.png');
}

.wait-container .journey-obj-menu .menu-panel ul li.radio {
	padding-left: 34px;
	background-image: url('../images/icon_radio.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}

.wait-container .journey-obj-menu .menu-panel ul li.radio.checked {
	background-image: url('../images/icon_radio_selected.png');
}

.wait-container .journey-obj-menu .menu-panel ul li{
  padding: 13px;
}

.wait-container .journey-obj-menu .menu-panel ul li input[type="checkbox"] + label:before{
  border: 1px solid #434343;
  width: 13px;
  height: 13px;
}

.wait-container .journey-obj-menu .menu-panel ul li input[type="checkbox"]:checked + label:before{
  width: 8px;
  height: 15px;
  border-right: 1px solid #434343;
  border-bottom: 1px solid #434343;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

.wait-container .journey-obj-menu .menu-panel ul li input[type="checkbox"] + label{
  padding-left: 18px;
  height: 15px;
  line-height: 18px;
  font-size: 12px;
  color: #434343;
}

.waitDatePicker {
  padding: 0;
}

.wait-container .journey-obj-menu .menu-panel md-datepicker {
  padding-right: 0;
  margin-right: 0;
}

.wait-container .journey-obj-menu .menu-panel .md-datepicker-input-container{
  width:78%;
  padding: 0;
}

.wait-container .journey-obj-menu .menu-panel md-datepicker input{
  width: 130px;
}

.wait-container .journey-obj-menu .menu-panel button.md-datepicker-button.md-icon-button.md-button.md-ink-ripple{
  display: inline-block !important;
  background: none;
  padding: 0;
  margin: 0;
  width: 30px;
}

.wait-container .journey-obj-menu .menu-panel md-datepicker button md-icon{
  display: block !important;
  background: none;
  margin: 0;
}

.wait-container .journey-obj-menu .menu-panel .md-datepicker-triangle-button.md-button.md-icon-button{
  background: none;
  height: 12px;
  width: 0px;
  position: absolute;
  padding: 8px;
  margin: 0;
  right: -20px;
  top: 9px;
}

.journey-obj-menu .menu-panel ul li.add-event-type,
.journey-obj-menu .menu-panel ul li.add-rule-type,
.journey-obj-menu .menu-panel ul li.add-split-type {
	padding-left: 34px;
	background-color: #FBFBFB;
	background-image: url('../images/icon_channels_add.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}

.journey-obj-menu input {
	font-size: 12px;
	margin-bottom: 0px;
	color: #4A4A4A;
	/*#9B9B9B;*/
	background-color: #F9F9F9;
	height: 36px;
	border-bottom: 0px;
	padding-left: 10px;
	/*padding-right: 26px;*/
	width: 160px;
}

.journey-builder-container .journey-obj.trigger-container input{
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  background: none;
  box-shadow: none;
}

.journey-obj-menu textarea {
	font-size: 12px;
	margin-bottom: 0px;
	color: #4A4A4A;
	/*#9B9B9B;*/
	background-color: #FBFBFB;
	height: 70px;
	border: 0px;
	padding: 15px;
	/*width: 136px;*/
}

.journey-obj-menu button {
	height: 40px;
	width: 206px;
	background: linear-gradient(190.69deg, #3A95E8 0%, #3765E9 100%);
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	border: 0px;
	border-radius: 0px;
}

.menu-panel {
	/*	position: absolute; */
	transition: transform .6s ease-in-out;
	/*	float: left;
	width: 206px;
	height: 100%; */
}

.journey-obj-menu .menu-panel-2,
.journey-obj-menu .menu-panel-3,
.journey-obj-menu .menu-panel-4,
.journey-obj-menu .menu-panel-5,
.journey-obj-menu .menu-panel-6 {
	display: none;
	/*	float: right;*/
	/*	width: 0px;*/
	/*	margin-right: -206px;*/
}

.journey-obj-menu-foot .panel-dots {
	text-align: center;
}

.journey-obj-menu-foot .panel-dots div {
	height: 6px;
	width: 6px;
	transform: scaleX(-1);
	background-color: rgba(155, 165, 182, 0.5);
	;
	border-radius: 3px;
	display: inline-block;
	margin-right: 3px;
}

.journey-obj-menu-foot .panel-dots div:last-child {
	margin-right: 0px;
}

.journey-obj-menu-foot .panel-dots div.highlight {
	background-color: #386EE9;
}

.journey-obj-menu-foot .journey-obj-tip {
	padding-top: 0px;
	padding-bottom: 13px;
	padding-left: 33px;
	padding-right: 17px;
	line-height: 14px;
	color: #9B9B9B;
	background-image: url('../images/icon_inline_tip.png');
	background-position: 12px top;
	background-repeat: no-repeat;
	margin-top: 13px;
}

.channel-v1 .journey-obj-menu.channel-menu {
	width: 347px;
	height: 320px;
	overflow: visible;
	z-index: 1010;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu {
	width: 53px;
	overflow: visible;
	top: 0px;
	left: -53px;
	position: absolute;
	background-color: #F1F5FA;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul {
	width: 53px;
	overflow: visible;
	max-height: 320px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li {
	height: 53px;
	width: 53px;
	border: 1px solid #373636;
	background-color: #4a4a4a;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.active {
	background-color: #F1F5FA;
	border: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li:first-child,
.journey-obj-menu.channel-menu .left-menu ul li.active:first-child {
	border-top-left-radius: 10px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li:last-child,
.journey-obj-menu.channel-menu .left-menu ul li.active:last-child {
	border-bottom-left-radius: 10px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_email {
	background-image: url('../images/icon_channels_email_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_sms {
	background-image: url('../images/icon_channels_sms_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_social {
	background-image: url('../images/icon_channels_social_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_push {
	background-image: url('../images/icon_channels_push_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_direct {
	background-image: url('../images/icon_channels_direct_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_phone {
	background-image: url('../images/icon_channels_phone_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_email.active {
	border-top-left-radius: 10px;
	background-image: url('../images/icon_channels_email.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_sms.active {
	background-image: url('../images/icon_channels_sms.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_social.active {
	background-image: url('../images/icon_channels_social.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_push.active {
	background-image: url('../images/icon_channels_push.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_direct.active {
	background-image: url('../images/icon_channels_direct.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_phone.active {
	background-image: url('../images/icon_channels_phone.png');
}

.channel-v1 .journey-obj-menu.channel-menu .btn-add-channel {
	height: 53px;
	width: 121px;
	border-left: 1px solid #EEEEEE;
	background: none;
	background-color: #ffffff;
	background-image: url('../images/icon_channels_add.png');
	background-position: 18px center;
	background-repeat: no-repeat;
	color: rgba(155, 165, 182, 0.5);
	float: right;
	font-size: 14px;
	font-weight: 300;
	padding-left: 30px;
}

.channel-v1 .journey-obj-menu.channel-menu .btn-close {
	height: 53px;
	width: 53px;
	border-left: 1px solid #EEEEEE;
	background: none;
	background-color: #fcfcfc;
	background-image: url('../images/icon_channels_close.png');
	background-position: center;
	background-repeat: no-repeat;
	float: right;
}


/* New Top Menu for V2 of channel design */

.channel-v2.open-menu {
	background-color: transparent !important;
	/* color: transparent !important; */
	border: 0px !important;
}

.channel-v2.open-menu .menu-icon {
	z-index: 1011;
}

.channel-v2.open-menu .ellipses-icon {
	visibility: hidden;
}

.channel-v2.open-menu .entry-name {
	color: transparent !important;
}

.channel-v2 .journey-obj-menu.channel-menu {
	width: 367px;
	/*	height: 320px; */
	overflow: visible;
	z-index: 11;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	top: 20px;
	left: -90%;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu {
	width: 100%;
	overflow: visible;
	background-color: #ffffff;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul {
	width: 100%;
	overflow: visible;
	max-height: 320px;
	border-top: 1px solid #EEEEEE;
	margin-bottom: 0px;
	height:63px;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul li {
	height: 62px;
	width: 16.66%;
	/*61px;*/
	background-color: #ffffff;
	display: inline-block;
	margin-left: -4px;
	font-size: 10px;
	position: relative;
	padding: 0px;
	/*opacity: 0.3; */
	color: #000000;
	background-position: center 17px;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul li span {
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul li.active {
	background-color: #ffffff;
	border: 0px;
	opacity: 1;
}

.channel-v2 .journey-obj-menu.channel-menu .menu-panel.open-panel {
	display: block;
}

.journey-obj-menu.channel-menu .top-menu ul li:first-child,
.journey-obj-menu.channel-menu .top-menu ul li.active:first-child {
	margin-left: 0px;
}

/*
.journey-obj-menu.channel-menu .top-menu ul li:last-child,
.journey-obj-menu.channel-menu .top-menu ul li.active:last-child {}
*/

.journey-obj-menu.channel-menu .top-menu ul li.icon_email {
		background-image: url('../images/icon_channels_email.png');
	/* background-image: url('../images/icon_channels_email.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/EmailHead.png');  */
	background-repeat: no-repeat;
	color: #8B51F5;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_sms {
		background-image: url('../images/icon_channels_sms.png');
	/* background-image: url('../images/icon_channels_sms.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/SmsHead.png'); */
	background-repeat: no-repeat;
	color: #37A420;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_social {
		background-image: url('../images/icon_channels_social.png');
	/* background-image: url('../images/icon_channels_social.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/SocialHead.png'); */
	background-repeat: no-repeat;
	color: #338CEB;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_push {
		background-image: url('../images/icon_channels_push.png');
	/* background-image: url('../images/icon_channels_push.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/PushHead.png'); */
	background-repeat: no-repeat;
	color: #F1CD3B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_direct {
		background-image: url('../images/icon_channels_direct	.png');
	/* background-image: url('../images/icon_channels_direct.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/DirectHead.png'); */
	background-repeat: no-repeat;
	color: #ED7C1B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_phone {
		background-image: url('../images/icon_channels_phone.png');
	/* background-image: url('../images/icon_channels_phone.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/PhoneHead.png'); */
	background-repeat: no-repeat;
	color: #D13676;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_email.active {
		background-image: url('../images/icon_channels_email.png');
	/* background-image: url('../images/icon_channels_email.svg'); */
	/* background-image: url('../images/EmailHead.png'); */
	border-bottom: 2px solid #8B51F5;
	color: #8B51F5;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_sms.active {
		background-image: url('../images/icon_channels_sms.png');
	/* background-image: url('../images/icon_channels_sms.svg'); */
	/* background-image: url('../images/SmsHead.png'); */
	border-bottom: 2px solid #37A420;
	color: #37A420;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_social.active {
		background-image: url('../images/icon_channels_social.png');
	/* background-image: url('../images/icon_channels_social.svg'); */
	/* background-image: url('../images/SocialHead.png'); */
	border-bottom: 2px solid #338CEB;
	color: #338CEB;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_push.active {
		background-image: url('../images/icon_channels_push.png');
	/* background-image: url('../images/icon_channels_push.svg'); */
	/* background-image: url('../images/PushHead.png'); */
	border-bottom: 2px solid #F1CD3B;
	color: #F1CD3B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_direct.active {
		background-image: url('../images/icon_channels_direct.png');
	/* background-image: url('../images/icon_channels_direct.svg') */
	/* background-image: url('../images/DirectHead.png'); */
	border-bottom: 2px solid #ED7C1B;
	color: #ED7C1B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_phone.active {
		background-image: url('../images/icon_channels_phone.png');
	/* background-image: url('../images/icon_channels_phone.svg'); */
	/* background-image: url('../images/PhoneHead.png'); */
	border-bottom: 2px solid #D13676;
	color: #D13676;
}

.journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-head {
	padding: 0px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #EEEEEE;
}

.journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-head h5 {
	padding: 16px;
	font-size: 20px;
	display: inline-block;
	margin: 0px;
	height: 53px;
	color: #4A4A4A;
	font-weight: 300;
}

.channel-v2 .journey-obj-menu.channel-menu .journey-obj-menu-head h5 {
	padding-top: 10px;
	font-size: 20px;
	display: inline-block;
	margin: 0px;
	height: 40px;
	color: #4A4A4A;
	font-weight: 300;
}

.channel-v2 .journey-obj-menu.channel-menu .btn-add-channel {
	height: 40px;
	width: 87px;
	border: 1px solid #3996E8;
	border-radius: 33.5px;
	background-color: #3996E8;
	color: #ffffff;
	float: right;
	font-size: 16px;
	font-weight: 300;
}

.channel-v2 .journey-obj-menu.channel-menu .btn-close {
	height: 40px;
	width: 40px;
	background: none;
	background-image: url('../images/icon_channels_close.png');
	background-position: center;
	background-repeat: no-repeat;
	float: right;
}

.channel-v2 .journey-obj-menu.channel-menu .panel-instructions {
	height: 44px;
	width: 339px;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
	background-color: #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 16px;
	display: none;
}


/* Channel V2 End */

.journey-obj-menu.channel-menu .panel-instructions {
	height: 44px;
	width: 339px;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
	background-color: #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 16px;
}

.journey-builder-container .rule-container {
	border-top-right-radius: 0px;
	border-top: 0px;
}

.journey-builder-container .rule-container .journey-obj-menu {
	display: block;
	border-top-right-radius: 0px;
	border-top: 0px;
}

.journey-builder-container .rule-container .journey-obj-menu .journey-obj-menu-head {
	padding: 0px;
}

.journey-builder-container .rule-container .journey-obj-menu .journey-obj-menu-head input {
	width: 100%;
}

.journey-builder-container .journey-obj.rule-added {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: none;
	cursor: pointer;
	background-image: url('../images/rule_drop_arrow.png');
	background-position: 94% center;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj .obj-rule-wrapper .rule-count {
	width: 30.88px;
	display: inline-block;
	padding: 6px 12px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper .rule-type {
	display: inline-block;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-email {
	background-color: #761af1;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-email .rule-count {
	/*background-color: rgba(117, 31, 241, 0.17);*/
	background-color: #8546f2;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-email .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-sms {
	background-color: #4fd021;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-sms .rule-count {
	background-color: #6bd84a;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-sms .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-social {
	background-color: #509dff;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-social .rule-count {
	background-color: #57aaff;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-social .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-push {
	background-color: #f7c833;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-push .rule-count {
	background-color: #f8d156;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-push .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-direct {
	background-color: #f97530;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-direct .rule-count {
	background-color: #fc864a;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-direct .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-phone {
	background-color: #e93969;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-phone .rule-count {
	background-color: #ec5c83;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-phone .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-obj-menu.channel-menu .btn-clear {
	height: 44px;
	width: 87.6px;
	border: 1px solid #F0F0F0;
	border-radius: 0 6px 6px 0;
	background: none;
	background-color: #FAFBFB;
	color: #9BA5B6;
	float: right;
}

.journey-obj-menu.channel-menu .menu-panel {
	overflow: hidden;
}

.channel-v2 .journey-obj-menu.channel-menu .menu-panel {
	display: none;
}

.channel-v1 .journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-body {
	background-color: #f9fafa;
	overflow: hidden;
	overflow-y: scroll;
	height: 267px;
	margin-right: -16px;
}

.channel-v2 .journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-body {
	background-color: #f9fafa;
	overflow: hidden;
	overflow-y: scroll;
	height: 267px;
	/*	margin-right: -16px; */
	padding-bottom: 15px;
}

.journey-obj-menu.channel-menu .channel-field {
	padding-left: 16px;
	padding-right: 16px;
	clear: both;
}

.journey-obj-menu.channel-menu .channel-field label {
	padding-left: 8px;
	padding-right: 16px;
	font-size: 10px;
	font-weight: 300;
	color: #4A4A4A;
	display: block;
	/* margin-top: 12px; */
	margin-bottom: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .channel-field input {
	padding-left: 16px;
	padding-right: 16px;
	background-color: #ffffff;
	color: #4A4A4A;
	/* color: rgba(155,165,182,0.5); */
	font-size: 12px;
	width: 280px;
	height: 40px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.channel-v2 .journey-obj-menu.channel-menu .channel-field input {
	padding-left: 16px;
	padding-right: 16px;
	background-color: #ffffff;
	color: #4A4A4A;
	/* color: rgba(155,165,182,0.5); */
	font-size: 12px;
	width: 286px;
	height: 40px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.journey-obj-menu.channel-menu .channel-field input:focus {
	border-bottom: 1px solid #E9EFF7 !important;
}

.journey-obj-menu.channel-menu .channel-field textarea {
	padding-left: 16px;
	padding-right: 16px;
	background-color: #ffffff;
	color: #4A4A4A;
	/* color: rgba(155,165,182,0.5); */
	font-size: 12px;
	height: 64px;
	width: 314px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.journey-obj-menu.channel-menu .channel-field select {
	height: 40px;
	width: 313px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
	display: inline-block;
	color: #4A4A4A;
}

.channel-v1 .journey-obj-menu.channel-menu .channel-field textarea {
	width: 314px;
}

.channel-v2 .journey-obj-menu.channel-menu .channel-field textarea,
.channel-v2 .journey-obj-menu.channel-menu .channel-field select {
	width: 319px;
}

.journey-obj-menu form{
	padding: 0;
}

.journey-obj-menu.channel-menu .channel-field select.input-send-time {
	width: 176px;
	height: 40px;
	display: inline-block;
	margin-top: 8px;
}

.journey-obj-menu.channel-menu .channel-field button.btn-send-am,
.journey-obj-menu.channel-menu .channel-field button.btn-send-pm {
	height: 40px;
	width: 62px;
	border: 1px solid #E9EFF7;
	border-radius: 20px;
	background: none;
	background-color: #FFFFFF;
	color: rgba(155, 165, 182, 0.5);
	font-size: 12px;
	font-weight: 300;
	margin-right: 4px;
}

.journey-obj-menu.channel-menu .channel-field button.btn-send-am:focus,
.journey-obj-menu.channel-menu .channel-field button.btn-send-pm:focus,
.journey-obj-menu.channel-menu .channel-field button.btn-send-am:hover,
.journey-obj-menu.channel-menu .channel-field button.btn-send-pm:hover {
	color: #3996E8;
	border: 1px solid #3996E8;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field label.input-label {
	float: left;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field label.input-label span {
	margin-left: 15px;
	color: #ccc;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field [type="radio"]:checked+label span {
	color: #4a4a4a;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field [type="radio"]:not(:checked)+label:before {
	border: 1px solid #3983E8;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field [type="radio"]:checked+label:after {
	border: 2px solid #3983E8;
	background-color: #3983E8;
}


/* Split Inputs */

.split-container .journey-obj-menu .split-percentage {
	height: 41px;
	width: 25%;
	/* border: 1px solid #F1F1F1; */
	display: inline-block;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

.split-container .journey-obj-menu .split-percentage input {
	height: 41px;
	width: 32px;
	padding: 0px;
	text-align: right;
	margin: 0px;
	background-color: #ffffff;
}

.split-container .journey-obj-menu .split-percentage input[type='number'] {
  -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
.split-container .journey-obj-menu .split-percentage input[type=number]::-webkit-inner-spin-button,
.split-container .journey-obj-menu .split-percentage input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
.split-container .journey-obj-menu .split-percentage input:disabled + span{
	margin-left: -3px;
}
*/

/* .split-percentage-span{
	color: #000;
} */

.split-container .journey-obj-menu .split-name {
	height: 41px;
	width: 72%;
	/*159px;*/
	border-left: 1px solid #F1F1F1;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.split-container .journey-obj-menu .default-split{
	/* width: 135px !important; */
	background: #f9f9f9;
}

.split-container .journey-obj-menu .split-name.has-scroll {
	width: 144px;
}

.split-container .journey-obj-menu .split-name input {
	height: 41px;
	width: 87px;
	padding: 0px;
	text-align: left;
	margin: 0px;
	padding-left: 12px;
}

.split-container .journey-obj-menu-body ul li.split-row {
	padding: 0px;
	overflow: hidden;
	/* background: #f9f9f9; */
}

.journey-obj-menu .menu-panel ul li.split-row .remove-split {
	width: 50px;
	height: 41px;
	background-image: url(../images/close_Icon.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0px;
	background-color: #f9f9f9;
}

.journey-builder-container .dashed-line-vertical {
	position: absolute;
	border-left: 2px dashed #9BA5B6;
	width: 1px;
	/* height: 40px; */
	height: 32px;
}

.journey-builder-container .dashed-line-horizontal {
	position: absolute;
	border-top: 2px dashed #9BA5B6;
	width: 100px;
	height: 10px;
}

.journey-builder-container .dashed-line-left {
	position: absolute;
	border-bottom: 2px dashed #9BA5B6;
	border-right: 2px dashed #9BA5B6;
	width: 200px;
	height: 10px;
	border-bottom-right-radius: 10px;
}

.journey-builder-container .dashed-line-right {
	position: absolute;
	border-bottom: 2px dashed #9BA5B6;
	border-left: 2px dashed #9BA5B6;
	width: 58px;
	height: 10px;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .dashed-line-left.trigger-dash,
.journey-builder-container .dashed-line-right.trigger-dash {
	width: 150px;
}

.journey-builder-container .rule-oval {
	box-sizing: border-box;
	height: 21px;
	width: 21px;
	border: 1px solid #9BA5B6;
	border-radius: 11px;
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

.journey-builder-container .split-number {
	padding: 2px 8px;
	border-radius: 20px;
	background-color: #ffffff;
	position: absolute;
	font-size: 10px;
}

.journey-builder-container .rule-oval.arrow-left {
	background-image: url('../images/rule_green_arrow.png');
}

.journey-builder-container .rule-oval.arrow-right {
	background-image: url('../images/rule_red_arrow.png');
}

.journey-builder-container .trigger-oval {
	box-sizing: border-box;
	height: 21px;
	width: 21px;
	border-radius: 11px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

.journey-builder-container .trigger-oval.trigger-left {
	/* background-image: url('../images/icon_trigger_left.svg'); */
	background-image: url('../images/Met.png');
	background-size: 24px;
	background-color: #3996E8;
}

.journey-builder-container .trigger-oval.trigger-right {
	/* background-image: url('../images/icon_trigger_right.svg'); */
	background-image: url('../images/Not.png');
	background-size: 24px;
	background-color: #9BA5B6;
}

.journey-builder-container .add-controls-menu-icon {
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background-color: #ffffff;
	/* 	background-image: url('../images/icon_zoom_in.png');*/
	/* background-image: url('../images/icon_zoom_in.svg'); */
	background-image: url('../images/Plus.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	cursor: pointer;
	z-index: 2;
}

.journey-builder-container .add-controls-menu-icon.active {
	background-color: #FFC100;
	/* background-image: url('../images/icon_controls_plus_active.svg'); */
	background-image: url('../images/YellowPlus.png');
  background-size: 38px;
  z-index: 4;
}

.add-control-primary-icon,
.add-control-secondary-icon {
	position: absolute;
	border-radius: 30px;
	cursor: pointer;
	text-align: center;
	z-index: 3;
}

.add-control-primary-icon span,
.add-control-secondary-icon span {
	/* color: #898989; */
	color: #555;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 300;
	line-height: 11px;
	text-align: right;
	position: absolute;
	bottom: -15px;
	left: -7px;
	width: 100%;
}

.add-split-icon span,
.add-trigger-icon span {
	bottom: -15px;
	width: auto;
	left: 8px;
}

.add-trigger-icon span {
	left: 2px;
}

.add-control-primary-icon {
	background-color: #FFF;
}

.add-control-secondary-icon {
	/*	background-color: #E9EFF7; */
	background-color: #FFF;
}

.add-trigger-icon {
	/* background-image: url('../images/icon_controls_trigger.svg'); */
	background-image: url('../images/AddTrigger.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-event-icon {
	/*	background-image: url('../images/icon_controls_event.png');*/
	background-image: url('../images/icon_controls_event.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.add-channel-icon {
	/*	background-image: url('../images/icon_controls_channel.png');*/
	/* background-image: url('../images/icon_controls_channel.svg'); */
	background-image: url('../images/AddChannel_Grey.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-rule-icon {
	/*	background-image: url('../images/icon_controls_rule.png');*/
	background-image: url('../images/icon_controls_rule.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.add-split-icon {
	/*	background-image: url('../images/icon_controls_split_wh.png');*/
	/* background-image: url('../images/icon_controls_split_wh.svg'); */
	background-image: url('../images/AddSplit.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-wait-icon {
	/*	background-image: url('../images/icon_controls_wait_wh.png');*/
	/* background-image: url('../images/icon_controls_wait_wh.svg'); */
	background-image: url('../images/AddWait.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-join-icon {
	/*	background-image: url('../images/icon_controls_join_wh.png');*/
	/* background-image: url('../images/icon_controls_join_wh.svg'); */
	background-image: url('../images/AddJoin.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-end-icon {
	/*	background-image: url('../images/icon_controls_end_wh.png');*/
	/* background-image: url('../images/icon_controls_end_wh.svg'); */
	background-image: url('../images/AddEnd.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-rule-icon.disabled {
	cursor: not-allowed;
}

#shareModal, #Talk, #triggerDeleteModal{
	background: transparent;
	box-shadow: none;
}

#shareModal .modal-dialog, #Talk .modal-dialog, #triggerDeleteModal .modal-dialog {
	width: 300px;
	box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
}

#shareModal .modal-dialog .modal-header, #triggerDeleteModal .modal-dialog .modal-header {
	border-bottom: 0px;
	padding: 20px;
}

#shareModal .modal-dialog .modal-header .modal-title, #triggerDeleteModal .modal-dialog .modal-header .modal-title {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	color: #393939;
	text-transform: none;
	letter-spacing: 0px;
	font-family: "Roboto", sans-serif !important;
	margin-left: 15px;
}

#triggerDeleteModal .modal-dialog .modal-header .modal-title{
	word-break: break-word;
	white-space: normal;
	text-align: center;
	line-height: 27px;
	width: 218px;
	display: inline-block;
}

#shareModal .modal-dialog .modal-header .close, #triggerDeleteModal .modal-dialog .modal-header .close {
	width: 20px;
	height: 20px;
	opacity: .8;
	background-image: url('../images/close_Icon.png');
}

#shareModal .modal-dialog .modal-header .close:hover, #triggerDeleteModal .modal-dialog .modal-header .close:hover {
	opacity: 1;
}

#shareModal .modal-dialog .modal-body, #triggerDeleteModal .modal-dialog .modal-body {
	padding: 0px;
}

#triggerDeleteModal .modal-dialog .modal-body{
	text-align: center;
}

#shareModal .modal-dialog .modal-content, #triggerDeleteModal .modal-dialog .modal-content {
	background-color: #FCFDFD;
	padding: 0px 0 20px 0;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo{
	text-transform: none;
	background-color: transparent;
	color: #5a5a5a;
	border: 1px solid #5a5a5a;
	margin-bottom: 10px;
	width: 175px;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo:hover,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo:active,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo:focus{
	background-color: #5a5a5a;
	color: #fff;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes{
	text-transform: none;
	background-color: transparent;
	color: #3996E8;
	border: 1px solid #3996E8;
	margin-bottom: 10px;
	width: 175px;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes:hover,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes:active,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes:focus{
	background-color: #3996E8;
	color: #fff;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth{
	text-transform: none;
	background-color: transparent;
	color: #a6184d;
	border: 1px solid #a6184d;
	margin-bottom: 10px;
	width: 175px;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth:hover,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth:active,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth:focus{
	background-color: #a6184d;
	color: #fff;
}

#triggerDeleteModal img{
	height: 24px;
	padding: 0 4px;
}

/* #shareModal .modal-dialog .modal-form{
	height:315px;
} */

#shareModal .modal-dialog .modal-selection{
	padding: 8px 24px 12px;
}

#shareModal .modal-dialog .modal-content label {
	color: #9B9B9B;
	font-size: 10px;
	font-weight: 300;
	line-height: 20px;
}

#shareModal .modal-dialog .modal-content input {
	height: 40px;
	width: 96%;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
	padding-left: 10px;
	font-size: 12px;
}

#shareModal .modal-dialog .modal-content input:focus {
	border: 1px solid #bbbbbb;
	box-shadow: none;
}

.checkbox label {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 15px;
	height: 17px;
	min-height: 17px;
	margin-top: 2px;
	background-color: #FFF;
	border: 1px solid #3983E8;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 300ms ease, colour 300ms ease, box-shadow 300ms ease;
}

.checkbox span {
	color: #555 !important;
	font-size: 13px !important;
	margin-left: 22px;
}

.checkbox [type="checkbox"]+label:before {
	border: 0;
}

.checkbox [type="checkbox"]:checked+label:before {
	display: block;
	color: #FFF;
	border-left: 0;
	border-bottom: 1px solid #fff;
	border-radius: 1px;
	margin-top: 6px;
	margin-left: 4px;
	width: 5px;
	height: 10px;
	border-right: 1px solid #FFF;
	border-top: 0;
}

.checkbox :checked+label {
	background-color: #3983E8;
	border-color: #3983E8;
	/* box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.4); */
}

.checkbox:not(last-of-type) {
	display: inline-block;
	margin-right: 15px;
}

.checkbox {
	position: relative;
	margin-top: 0;
}

.journey-builder-container .journey-obj .obj-menu {
	top: 47px;
	right: -73px;
}

.obj-menu {
	width: 172px;
	font-size: 16px;
	box-shadow: 0px 0px 7px #EAEAEA;
	background-color: #ffffff;
	position: absolute;
	top: 33px;
	right: -62px;
	color: #4A4A4A;
	z-index: 1003;
	display: none;
}

.triangle {
	position: relative;
	margin-left: 20%;
	/*  padding: 1em; */
	box-sizing: border-box;
	background: #ffffff;
}

.triangle::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin-left: -0.5em;
	bottom: -1em;
	left: 50%;
	box-sizing: border-box;
	border: .5em solid black;
	border-color: transparent transparent #ffffff #ffffff;
	transform-origin: 0 0;
	transform: rotate(135deg);
	box-shadow: -1px 1px 1px 0 #EAEAEA;
}

.obj-menu ul {
	padding: 0;
	margin-bottom: 0px;
}

.obj-menu ul li {
	padding: 12px 23px;
	border-bottom: 1px solid #EAEAEA;
	list-style-type: none;
	cursor: pointer;
	text-align: left;
}

.obj-menu ul li:last-child {
	border-bottom: 0px;
}
.user-list-show{
    position: absolute;
    top: 8px;
    width: 450px;
    height: 242px;
    background: #e0dfdf;
    overflow-y: scroll;
    padding: 0px 12px;
    border-radius: 5px;
    color: #616161;
    z-index: 9;
    border: 1px solid #c4c2c2;}
/* anjali */
/*  enrollment form:media query is missing for width 1300 to 1350 */
@media only screen and (max-width: 1350px) and (min-width: 1300px) {
  .container {
	width: 100% !important;
  }
}

.externalSurvey80{
  width:60%;
}

.externalFormMargin{
  width: 92%;
  background: #FFF;
  margin: -60px auto 50px auto;
  padding: 30px 75px;
}
.externalFormMargine1{
    width: 40%;
    background: #FFF;
    margin: 0px auto 0px auto;
    padding: 0px 42px;
}

.externalFormMargin md-input-container label{
  color: #555;
  font-weight: bold;
  text-shadow: none !important;
	margin-bottom: 13px;
	white-space: normal !important;
}

.jk-rating-stars-container .button .material-icons{
  font-size: 41px !important;
  color: #6AC9C8 !important;
}

.jk-rating-stars-container .star-button.star-off .material-icons{
  color: #6AC9C8 !important;
}

.jk-rating-stars-container .star-button{
  text-shadow: none !important;
}

.jk-rating-stars-container .star-button.star-on .material-icons{
  color: #6AC9C8 !important;
}

.jk-rating-stars-container.ng-isolate-scope.layout-row:focus {
  outline: none;
}

.spanNumber{
  padding: 0 8px 0 15px;
 }

.spanNumber span{
  color: #6AC9C8;
  border: 1px solid #eee;
  padding: 1px 2px;
}
.user_list_select{cursor:pointer}
.selectQues {
	cursor:pointer;
}
.csv_file{position: relative; bottom: 32px;}
@media only screen and (max-width: 900px) {

  .externalSurvey80{
    width:100% !important;
  }

  .externalFormMargin{
    padding: 45px;
  }

  .unsub{
    padding: 45px 25px !important;
  }

  .kettering.unsubscribe, .thankYou{
    height: 58vh !important;
	}

	.formSubmit{
		margin-left:0;
	}


  #unsubscribe h1,#unsubscribeConfirm h1{
    font-weight: bold;
  }
  /* .externalFormMargin md-input-container.md-block {
    display: inline-block;
  } */

  .externalFormMargin md-input-container {
    margin-top: 50px;
  }

  .spanNumber{
    padding: 0 7px 0 16px;
  }

  .jk-rating-stars-container .button .material-icons{
    font-size: 40px;
  }
  .csv_file{position: relative; bottom: 32px;right:0px;}
}

.mce-edit-area {
	height: 200px;
}

md-input-container {
padding: 5px;
}
.container .row {
    margin-left: 0rem;
    margin-right: 0rem;
}
.dropify-wrapper {
    max-width: 96% !important;
}
/*Unsubscribe Page Style*/
.unsub {
  padding: 50px !important;
}

.kettering.unsubscribe, .thankYou{
	height: 47vh;
	text-align: left;
}

.thankYou{
  margin-top:-20px;
  margin-left:-20px;
}

#unsubscribe h2, #unsubscribeConfirm h2{
	margin: 40px 0;
	font-size: 27px;
}

#unsubscribeConfirm p{
  color:#555;
}

#unsubscribe button {
	display: inline-block;
	height: 44px;
	width: 170px;
	border: 1px solid #EEEEEE;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #9B9B9B;
	font-size: 20px
}



.shorten{
	    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* input:-webkit-autofill ~ .mdl-textfield__label {
  top: $input-text-vertical-spacing - ($input-text-floating-label-fontsize + $input-text-padding);
  color: $input-text-highlight-color;
  font-size: $input-text-floating-label-fontsize;
} */

@media screen and (max-width: 720px){
 .csv_file{position: relative;bottom: 15px;right:0px;}
}
.md-input-fields {
    margin: -2px 0;
}

/* Splitting navbar items in between enrollment & report */
nav.hide-xs ul {
  display: flex;
}
nav.hide-xs ul .spacer {
  flex-grow: 100;
}
.footer-bottoms{position:fixed;bottom:0px; z-index: 1;background: #fdfdfd;padding-top: 5px;width: 100% !important;}
.login-padding{padding: 0 .75em;}
.login-heading-pad{padding: 0 1.5rem !important;}
.page-content-privacy{width: 75%;margin: 0 auto;}
.page-content-privacy p {font-size: 17px;line-height: 22px;color: #4a4a4a;}
.page-content-privacy h1{font-size: 35px;text-align: center;line-height: 80px;font-weight: 600;}
.page-content-privacy h3 {font-size: 1.7rem;line-height: 110%;margin: 1.46rem 0 1.168rem 0;font-weight: 600;}


/* Add hover for journey add element flyout icons */
.add-end-icon:hover {
  background-image: url(../images/EndIcon2.png);
}
.add-channel-icon:hover {
  background-image: url(../images/ChannelIcon2.png);
}
.add-wait-icon:hover {
  background-image: url(../images/WaitIcon2.png);
}
.add-trigger-icon:hover {
  background-image: url(../images/TriggerIcon2.png);
}
.add-split-icon:hover {
  background-image: url(../images/SplitIcon2.png);
}
.add-join-icon:hover {
  background-image: url(../images/JoinIcon2.png);
}


/* STOP NG-ANIMATE ANIMATIONS */

.no-animate {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* Prelaoder */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #0c0c0c94;
  }
  
  #preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 20px);
	border: 6px solid #f2f2f2;
	border-top: 6px solid #11ceda;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
  }
  
  @-webkit-keyframes animate-preloader {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  @keyframes animate-preloader {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  .preloaderText{position: fixed;top: calc(50% - -8px);color: #fff;width: 100%;text-align: center;}

  .bg-image {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
  }
  .text-box-poc{
	width: 88% !important;
	float:right !important;
	margin-right:12px !important;  
  }
  .error-margine{
	margin-left:45px!important;
  }
  @media screen and (max-width: 380px){
	.text-box-poc {
		width: 84% !important;
		float: right !important;
		margin-right: 12px !important;
	}
	.error-margine{
		margin-left:39px!important;
	  }
   }
   @media screen and (max-width: 1024px){
	.text-box-poc {
		width: 85% !important;
		float: right !important;
		margin-right: 12px !important;
	}
   }