/* Minification failed. Returning unminified contents.
(421,81): run-time error CSS1019: Unexpected token, found '='
(534,33): run-time error CSS1030: Expected identifier, found 'textarea'
(534,41): run-time error CSS1031: Expected selector, found ')'
(534,41): run-time error CSS1025: Expected comma or open brace, found ')'
(940,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(941,8): run-time error CSS1035: Expected colon, found '{'
(979,61): run-time error CSS1046: Expect comma, found '0'
(979,65): run-time error CSS1046: Expect comma, found '/'
(985,73): run-time error CSS1046: Expect comma, found '0'
(985,77): run-time error CSS1046: Expect comma, found '/'
(1003,83): run-time error CSS1046: Expect comma, found '247'
(1003,90): run-time error CSS1046: Expect comma, found ')'
(1029,70): run-time error CSS1046: Expect comma, found '0'
(1029,74): run-time error CSS1046: Expect comma, found '/'
(1169,94): run-time error CSS1038: Expected hex color, found '#ffff'
(1859,82): run-time error CSS1038: Expected hex color, found '#ffff'
(2311,152): run-time error CSS1019: Unexpected token, found '{'
(2311,162): run-time error CSS1030: Expected identifier, found ' '
(2311,171): run-time error CSS1031: Expected selector, found ';'
(2311,171): run-time error CSS1025: Expected comma or open brace, found ';'
(2311,179): run-time error CSS1030: Expected identifier, found ' '
(2311,180): run-time error CSS1031: Expected selector, found '0'
(2311,180): run-time error CSS1025: Expected comma or open brace, found '0'
(2311,189): run-time error CSS1030: Expected identifier, found ' '
(2311,190): run-time error CSS1031: Expected selector, found '350px'
(2311,190): run-time error CSS1025: Expected comma or open brace, found '350px'
(2311,208): run-time error CSS1030: Expected identifier, found ' '
(2311,213): run-time error CSS1031: Expected selector, found ';'
(2311,213): run-time error CSS1025: Expected comma or open brace, found ';'
(2311,222): run-time error CSS1030: Expected identifier, found ' '
(2311,223): run-time error CSS1031: Expected selector, found '1px'
(2311,223): run-time error CSS1025: Expected comma or open brace, found '1px'
(2311,250): run-time error CSS1030: Expected identifier, found ' '
(2311,251): run-time error CSS1031: Expected selector, found '20px'
(2311,251): run-time error CSS1025: Expected comma or open brace, found '20px'
(2311,261): run-time error CSS1030: Expected identifier, found ' '
(2311,262): run-time error CSS1031: Expected selector, found '53px'
(2311,262): run-time error CSS1025: Expected comma or open brace, found '53px'
(2311,279): run-time error CSS1030: Expected identifier, found ' '
(2311,280): run-time error CSS1031: Expected selector, found '6px'
(2311,280): run-time error CSS1025: Expected comma or open brace, found '6px'
(2311,324): run-time error CSS1030: Expected identifier, found ' '
(2311,325): run-time error CSS1031: Expected selector, found '0'
(2311,325): run-time error CSS1025: Expected comma or open brace, found '0'
(2311,346): run-time error CSS1030: Expected identifier, found ' '
(2311,347): run-time error CSS1031: Expected selector, found '9'
(2311,347): run-time error CSS1025: Expected comma or open brace, found '9'
(2311,349): run-time error CSS1019: Unexpected token, found '}'
(2895,124): run-time error CSS1046: Expect comma, found '223'
(2895,131): run-time error CSS1046: Expect comma, found ')'
(2917,233): run-time error CSS1046: Expect comma, found '223'
(2917,240): run-time error CSS1046: Expect comma, found ')'
(2926,61): run-time error CSS1046: Expect comma, found '223'
(2926,68): run-time error CSS1046: Expect comma, found ')'
(3634,102): run-time error CSS1046: Expect comma, found '100'
(3634,109): run-time error CSS1046: Expect comma, found '/'
(3644,86): run-time error CSS1046: Expect comma, found '0'
(3644,90): run-time error CSS1046: Expect comma, found '/'
(3922,116): run-time error CSS1019: Unexpected token, found '}'
(3963,70): run-time error CSS1046: Expect comma, found '216'
(3963,77): run-time error CSS1046: Expect comma, found '/'
(3964,71): run-time error CSS1046: Expect comma, found '216'
(3964,78): run-time error CSS1046: Expect comma, found '/'
(4180,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4186,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4196,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4206,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4207,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4216,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4229,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4235,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4243,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4250,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4251,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4257,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4264,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4271,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4278,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4285,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4292,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4293,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4299,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4300,7): run-time error CSS1035: Expected colon, found ','
(4327,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4338,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4353,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4364,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4379,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4380,7): run-time error CSS1035: Expected colon, found ','
(4407,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4408,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4414,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4415,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4420,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4425,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4426,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5137,298): run-time error CSS1038: Expected hex color, found '#ffff'
(5242,60): run-time error CSS1046: Expect comma, found '235'
(5242,67): run-time error CSS1046: Expect comma, found ')'
(5245,205): run-time error CSS1046: Expect comma, found '0'
(5245,209): run-time error CSS1046: Expect comma, found '/'
(6162,17): run-time error CSS1038: Expected hex color, found '#ffff'
(6250,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6251,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6255,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6256,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6260,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(6261,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6790,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6791,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6795,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6796,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6800,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6801,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6806,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6807,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6812,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6813,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
.builderTopbar{line-height: 51px; padding:0 15px 10px 0; font-size: 14px; max-width: 690px; margin: 20px auto 0;}
.pageIcon{font-size: 20px!important;margin-right: 5px;}

.ch-main {margin: 0 auto;padding: 0;position: relative; display:table; table-layout:fixed; width:100%; height:100%; border-top: 1px solid #c8d0d6;}
.ch-right { width: 320px; display:table-cell; vertical-align: top;}
.ch-right .scrollerContainer{position:relative;}
.ch-left {padding:0;  position: relative;  display:table-cell; width:100%;}

.ch-tabs {list-style: none;margin: 0; border-radius: 0; position: relative;  z-index:9;}
.ch-tabs>li:first-child>a{ border-radius:4px 4px 0 0;}

.ch-tab-content {padding-top: 15px;overflow-y: auto; margin-top:-1px;}
.ch-tab-content .tab-content{ padding:0;}
.ch-tab-content .ch-tab-pane {padding: 0 15px; display:none;}
.ch-add-field-type-list{ margin:0; padding: 15px; background:transparent;}
.ch-add-field-type-list .panel-body{padding: 15px 0px;}
li.draggableFieldItem {display: block;}
li.draggableFieldItem:last-child{border-bottom:0;}
li.draggableFieldItem a{font-size: 12px; display: block; border-bottom: 1px solid #d7e0e4; font-weight: 600; padding: 24px 15px 24px 70px; position: relative;}
li.draggableFieldItem a:hover{ cursor: move; text-decoration: none; color: #4b8dee; background: #ffffff; box-shadow: 0 0 3px 1px #d7e0e4; border-radius: 5px;}
.ch-add-field-type-list.small > li.draggableFieldItem a {padding:13px 15px 13px 50px;}
.ch-add-field-type-list.small > li.draggableFieldItem a:before { display: block; width: 26px; height: 26px; margin-top: -14px; line-height: 26px; font-size: 16px; border-radius:8px; left: 10px}
.saveBtn{ position: relative; right: 35px; top: 15px;}


.ch-properties-accordian >li{ display:block; list-style:none; padding-left:20px;}
.ch-properties-list > li{display:block; list-style:none;}
.form-control{height:28px; border-color: #e1e9ee; box-shadow: inset 0 1px 1px rgba(119, 128, 147, 0.075);}
.form-group {margin-bottom: 10px;}
.ch-properties-panel .panel-heading a{ color:#1f1f1f; background:url(../images/expanded.png) no-repeat 0 6px; display:block; padding:4px 0 4px 26px;}
.ch-properties-panel .panel-heading a.collapsed{ background:url(../images/collapsed.png) no-repeat 0 6px;}
#properties_accordion .panel{ background: transparent; margin-top: 0;}
#properties_accordion  .form-controlm, #properties_accordion  input[type="text"], #properties_accordion  input[type="password"], #properties_accordion  input[type="password"], #properties_accordion  input[type="email"], input[type="date"], #properties_accordion  input[type="time"], #properties_accordion  input[type="month"], #properties_accordion  input[type="search"]{ height:28px;}
.propertiesTabs .tab-content {overflow:auto;}


.builder-top-actions{position: absolute;top: 0px;right: 0px; width:100%;}
.builder-top-actions .btnSect {background: #ffffff; padding: 8px 15px;box-sizing: border-box;border-bottom: 1px solid #e0e5e8;}

.builder-emptyFormState {text-align: center;margin-top: 50px;}
.builder-emptyFormState h2 {font-size: 21px;margin-bottom: 10px;font-weight: normal;}
.builder-emptyFormState h4 {font-size: 14px;font-weight: normal;}
.builderTitle{position: absolute;left: 320px;top: 0; z-index: 9;}

/* FORM BUILDER ICONS */
li.draggableFieldItem a:before { display: block; width: 36px; height: 36px; position: absolute; left: 17px; top: 50%; margin-top: -18px; border-radius: 9px; font-family: "Material Design Icons"; text-align: center; line-height: 36px; font-size: 24px; color: #fff; font-weight: 300; }
a.f_Lookup:before, .selectedFieldType  a.f_Lookup:before{ content: "\F4F1"; background: #eeaa17; }
a.f_Phone:before, .selectedFieldType a.f_Phone:before{ background: #f1642c; content: "\F3F2"; }
a.f_Currency:before, .selectedFieldType a.f_Currency:before{ background: #647bf1 url(../Images/objectbuilder/amount-field.png) no-repeat center center; content: ""; }
a.f_Number:before, .selectedFieldType a.f_Number:before{ background: #12c8ff; content: "\F4BE"; content: "\F3A4";}
a.f_Text:before, .selectedFieldType a.f_Text:before{ background: #c170ff url(../Images/objectbuilder/single-line-field.png) no-repeat center center; content: ""; }
a.f_MultilineText:before, .selectedFieldType a.f_MultilineText:before{ background: #24dec4 url(../Images/objectbuilder/multiline-field.png) no-repeat center center; content: ""; }
a.f_Date:before, .selectedFieldType a.f_Date:before{ background: #56c548; content: "\F0ED"; }
a.f_Boolean:before, .selectedFieldType a.f_Boolean:before{ background: #eeaa17; content: "\F132"; }
a.f_Picklist:before,  .selectedFieldType a.f_Picklist:before{ background: #f75362; content: "\F04A"; }
a.f_MultiPicklist:before, .selectedFieldType a.f_MultiPicklist:before{ background: #45a1ff; content: "\F138"; }
a.f_Email:before,  .selectedFieldType a.f_Email:before{ background: #f1642c; content: "\F1EE"; }
a.f_Website:before,  .selectedFieldType a.f_Website:before{ background: #647af1; content: "\F59F"; }
a.f_Rollup:before,  .selectedFieldType a.f_Rollup:before{ background: #12c8ff; content: "\F295"; }
a.f_AutoNumber:before,  .selectedFieldType a.f_AutoNumber:before{ background: #2dca82; content: "\F3A0"; }
a.f_typeof:before,  .selectedFieldType a.f_typeof:before{ background: #2dca82; content: "\F495"; }
a.f_Section:before, .selectedFieldType a.f_Section:before {background: #eeaa17;content: "\f5af";}
a.f_Form:before, .selectedFieldType a.f_Form:before {background: #c170ff;content: "\f21a";}
a.f_Tag:before, .selectedFieldType a.f_Tag:before { background: #c170ff; content: "\f4f9"; }

.builderDraggableListItem {display:block; width:272px; height:66px;}
.builderDraggableListItem a {background-color: #F3FBFF;}

/* Query builder */
.formSearchWrap{ height: 52px;}
.searchInputWrap{ padding-left: 50px; background: url(../images/search-icon.png) no-repeat 16px 17px;}
.searchInputWrap input{ width: 100%; padding: 5px 0; background: transparent!important; border:0 none!important;  padding:5px 10px 5px 0; height: 50px; }

.query_accordion li{display:block;  cursor: pointer; position: relative;}
.query_accordion > li { cursor: pointer; font-weight: 600;}
.query_accordion ul{ display:none;}
.query_accordion ul li{ position: relative;-webkit-border-radius:3px; border-radius:3px; cursor: default;}
.query_accordion a{text-decoration:none}
.query_accordion a:hover{text-decoration:underline}
.collapseIcon{ width: 22px; height: 22px; background: url(../images/collapsed.png) no-repeat 0 4px; position: absolute;  top: 50%; margin-top: -11px;}
.query_accordion .collapseIcon{left: 15px;}
li.activePos .collapseIcon{ background: url(../images/expanded.png) no-repeat 0 4px;}

.queryTableAcco li, .draggableItemStyle{ padding: 5px 15px; margin-bottom: 5px;background: #fff ;border: 1px dashed #CBD0C5; -webkit-border-radius:3px; border-radius:3px; cursor:move; display:block; }
.queryTableAcco li:hover { border-color: #9CBFD0;background: #F4FBFF;}
.queryTableAcco li i{ margin:0 7px 0 0;   font-size: 10px; color: #999;}
.queryTableAcco ul{ padding-left: 40px; padding-right: 15px;}
.queryTableAcco ul li{padding: 5px 15px; margin-bottom: 5px;background: #F3EEEB ;border: 1px dashed #D1CBC5;}

.queryfieldsAcco li{padding:7px 0px 3px 27px;}
.queryfieldsAcco ul{ padding-left: 27px; padding-right: 15px;}
.queryfieldsAcco ul li{padding:5px 15px 5px 0; margin-bottom: 5px;}
.queryfieldsAcco .collapseIcon{left: 0;}
.queryFieldsWrap{ min-width: 312px; min-height: 58px; padding: 15px;  margin-left: 27px; display: inline-block; -webkit-border-radius:5px; border-radius:5px;}
.queryDragableItem{ width: 285px; min-height: 27px; margin-bottom:5px; font-weight: 600; background: #fff; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; -webkit-border-radius:3px; border-radius:3px; line-height: 28px; padding: 0px 0 0 12px; position: relative;}
.queryfieldsAcco label{ line-height: normal;}
.fieldTxtOverflow {display: block;max-width: 190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.allDropSapn{display: inline-block; }
.queryfieldsAcco ul{ padding:5px 0 0 0;}
.queryfieldsAcco ul li{ padding: 0;}
.queryfieldsAcco .dropdown-menu{ background: #fff;}
.queryfieldsAcco .form-control {padding: 0px 12px;}
.queryfieldsAcco .dropdown-menu{-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);}
.queryFieldActions{/*position: absolute;right: 0;top: 0px;*/}
.queryFieldActions .btn { -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent;}
.border-zero{ border: 0;}
.settingArrow{position: absolute;top: 12px;margin-left: 3px!important;}
.selectedQueryDragableItem {   font-weight: 700; border-left: 3px solid #73B421;}
.selectedValList li { margin-right: 6px;border-radius: 3px;font-size: 13px;}

.queryfieldsAcco{ padding: 30px 20px;}
.queryDragableItem .checkbox, .queryDragableItem .radio, .queryDragableItem  .checkbox label, .queryDragableItem .radio label {padding-left: 0px;}
.checkWrap{ padding: 0 15px 0 0; margin-top: -3px !important;margin-bottom: 10px !important; line-height: 17px;}
.builderTabContent,  .builderTabsPanel > .tab-content{ background: #fff; margin-left: 91px; height: 100%;  border-left: 1px solid #d2d2d2; position: relative; z-index: 9; padding: 0;}
.builderTabs .nav,  .builderTabsPanel > .nav-stacked{ margin-left:-1px; border-bottom:0; padding-top: 15px; position: relative;right: -1px; float:left; padding-left:12px;}
.builderTabs .nav >li > a,  .builderTabsPanel > .nav-stacked >li > a{ padding: 0; width: 80px; height: 75px; border: 1px solid #d2d2d2; -webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;padding-top: 45px;text-align: center; position: relative; z-index: 99; border-right: 0; color: #312e29;}
.builderTabs .nav >li,  .builderTabsPanel > .nav-stacked > li{ margin-bottom: 5px;}
.builderTabs .nav >li.active a,  .builderTabsPanel > .nav-stacked >li.active a{background-color: #fff;border-right: 1px solid #fff; font-weight: 600;}
.builderTabs{ padding-left: 12px;}
.designTab a{ background-image:url(../images/design.png); background-repeat: no-repeat; background-position: center 14px;}
.dataTab a{ background-image: url(../images/data.png); background-repeat: no-repeat; background-position: center 13px;}
.codeTab a{ background-image: url(../images/code.png); background-repeat: no-repeat; background-position: center 17px;}
.previewTab a{ background-image: url(../images/preview.png); background-repeat: no-repeat; background-position: center 17px;}
.builderTabsPanel > .nav-stacked >li.active a{ border-left: 3px solid #e2812a; border-bottom: 1px solid #ddd;}
.designTab.active a { background-position: center -56px;}
.dataTab.active a{ background-position: center -58px;}
.codeTab.active a{ background-position: center -54px;}
.previewTab.active a{ background-position: center -54px;}
.builderTabs .nav > .previewTab.active{ background-position: center -54px;}
.elementWrap{  position:relative; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.component_drop_zone .elementWrap { width: 50%; display: inline-block; margin-right: -4px; vertical-align: top; padding: 0 10px; }
.elementWrap label {font-weight: 500; font-size: 12px; margin-bottom: 3px; word-wrap: break-word;}

.component_drop_zone .ui-sortable-placeholder {min-height:60px; background:url(../images/darg.png); display:inline-block; width:50%; margin-right:-4px; margin-bottom:10px;}
#drop_zone{  min-height: 140px;  max-width: 680px; padding: 4px 0; }
.dropableArea{min-height:100px; border:1px dashed #ccc;}
#drop_zone input[type=checkbox], input[type=radio] {margin-top:0; position:relative; top:2px; margin-right: 3px;}
.clone-list li { width:50px; height:50px; background:#f2f2f2;}
.tabsLined .tab-content{ padding-top:15px;}
.draggableSectionTitle {font-weight: 600; font-size: 14px; background: #ffffff; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; pointer-events: none; position: relative; left: 0; width: 100%; top: 0; word-wrap: break-word; padding: 29px 35px 0; line-height: normal; color: #7b66ec;}
.drop_zone { margin: 0 auto 25px;}
 
.fieldSection{ background: #fff; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 10px; box-shadow: 1px 1px 3px rgb(231, 228, 236);}
.fieldSection .targetEle {border: 1px solid transparent; background: #fff; border-radius: 3px;}
.component_drop_zone .elementWrap:not(.selected):hover .targetEle {  border: 1px solid #c8d0d6;}
.fieldSection .elementWrap .targetEle {padding: 15px 15px 17px 50px;}
.fieldSection .targetEle textarea { height: 30px;}
.fieldSection .elementWrap .targetEle .input-group-btn .btn { padding: 3px 10px;font-size: 15px; color: #a1b0c0;}
.fieldSection .elementWrap:hover, .eleHovered { cursor:pointer;}
.fieldSection .selected .targetEle{ border-color: #a2dbec; background: #f6fdff;}
.fieldSection .selected .targetEle  label {color:#4b8dee;}
.selected .fieldSection {border-color: #c8d0d6; background: #ffffff;}
.selected .fieldSection .draggableSectionTitle, .drop_zone > .elementWrap.eleHovered:hover .draggableSectionTitle {}
.fieldSection .btn-default { border-color: #e1e9ee;}
.fieldSection #drop_zone {padding:25px;}
.deleteComponent {display: none; color: #abccd6; position: absolute; right: 6px; top: -7px; background: #fff; font-size: 14px; width: 20px; text-align: center; border-radius: 20px;}
.deleteComponent:hover { color: #ff7844; }
.drop_zone > .elementWrap.selected a.deleteComponent.removeField.removeSection { display: block; z-index: 9; right: -5px;}
.component_drop_zone .elementWrap:hover .deleteComponent { display:block;}
.form_feildsActions { position: absolute; top: 50%; margin-top: -15px; left: 23px; width: 30px; overflow: hidden; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.form_feildsActionList {width: 30px;}
.form_feildsActionList  li {display: block; float: right;}
.form_feildsActionList li a { display: block; width: 30px; height: 30px; text-align: center; font-size: 14px; color: #b9b5c3; line-height: 30px; cursor: move; }
.form_feildsActionList li a:hover {color:#1E82B5;}
.selected > div > .form_feildsActions, .fieldSection .elementWrap:hover .form_feildsActions, .drop_zone > div:hover > .form_feildsActions{opacity:1;}
.drop_zone > .elementWrap  > div >  .form_feildsActions { z-index: 9; top: 24px; right: 6px;}
.drop_zone > .elementWrap > div > .form_feildsActions ul li:first-child a {border-radius: 3px 0 0 3px;}
.drop_zone > .elementWrap > div > .form_feildsActions ul li:last-child a {margin-left:-1px; border-radius: 0 3px 3px 0;}
.drop_zone > .elementWrap.eleHovered  > div:hover >  .form_feildsActions{opacity:1;}
.emptyFieldSection {background: url(/images/empty-fieldset.png) no-repeat center 42px; min-height: 195px!important;;}
.minimizeSections {height:42px; overflow:hidden;}
.shiftDropdown { position: absolute; right: 54px; top:18px; z-index: 9; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; opacity:0;}
.shiftDropdown .label { display: block; height: 40px; padding: 0; line-height: 40px; color: #4b8dee; position: relative; font-size: 12px; font-weight: 600;}
.shiftDropdown .label::after { content: ''; border: 3px solid transparent; border-top: 4px solid #4b8dee; position: absolute; top: 19px; margin-left: 4px; }
.shiftDropdownList { -webkit-transition:all 1s ease; transition:all 1s ease; display:none; opacity:0; background: #fff; border-radius:4px;  min-width: 210px; position: absolute; right: -47px; border: 1px solid #c8d0d6; box-shadow: 5px 5px 13px rgba(104, 100, 117, 0.3); }
.shiftDropdownList ul { padding: 15px; max-height: 150px; overflow: auto; }
.shiftDropdownList li { display: block; font-size: 12px; padding: 7px 11px; border-bottom: 1px solid #E5EDF3; }
.shiftDropdownList li:last-child {border-bottom:0 none;}
.shiftDropdownList::before { position: absolute; top: 0; content: ''; border: 7px solid transparent; border-bottom: 7px solid #c8d0d6; margin-top: -15px; right: 54px; }
.shiftDropdownList::after { position: absolute; top: 0; content: ''; border: 7px solid transparent; border-bottom: 7px solid #fff; margin-top: -13px; right: 54px; }
.shiftDropdown:hover .shiftDropdownList{display:block; opacity:1;}
.shiftDropdownList li:hover { background: #F6F8FA; cursor: pointer; }
.drop_zone > .elementWrap.eleHovered:hover .shiftDropdown, .selected .fieldSection .shiftDropdown{opacity:1;}
.drop_zone > .elementWrap.selected .fieldSection{box-shadow: 0 0 0px 2px #9066ec; border-radius: 10px;}


/*.fieldActions{ display: none;}
 .queryDragableItem:hover .f1ieldActions{ display: block;}*/

.dataSourceWrap{ height: 100%; overflow:hidden;}
.dataSourcesListWrap{ background: #fff; width: 30%;  float: left; height: 100%; padding: 0 20px;}
.sectionTitle{ height: 52px; border-bottom: 1px solid #e0dad5; line-height: 52px; font-size: 16px;}
.dataSourcesList li{ display: block; border-bottom: 1px solid #e0dad5; position:relative;}
.dataSourcesList li a{display: block; padding: 10px 0px 10px; }
.dataSourceName{ color: #313131; margin-bottom: 5px;}
.dataSourceDcsption{ font-size: 13px; color: #948c83;}
.dataSourcesDetailsWrap{background: #F5F2EE; width: 69.9%;  float: left; height: 100%; border-left: 1px solid #e0dad5; padding: 0 20px;
box-sizing: border-box;}
.datasourceArrow{ background: url(../images/datasource-arrow.png) no-repeat 0 0;display: none;height: 21px;margin-top: -10px; position: absolute;right: -30px;top: 50%;width: 20px;}

.activeDatasource .datasourceArrow {display: block;}
/*.tab-content > .tab-pane{ height: 100%;}*/
.queryLabel{ color: #948c83;}
span.queryLabelVal {top: 8px;position: relative;margin-left: -15px;}
.editDataSourcesDetailsWrap {background:#fff;width: 99.9%;height: 100%;border-left: 1px solid #E0DAD5;padding: 0px 20px;box-sizing: border-box;float: left;}

.targetEle  select, .targetEle  textarea,  .targetEle input:not([type=checkbox]):not([type=radio]){font-size: 13px; }
.targetEle select[multiple] {margin-top: 0;}
.checkboxList{margin: 12px 0;max-height: 180px; overflow-y: auto;}
.checkboxList .checkWrap label{position: relative;top: -2px;padding-left: 4px; margin-bottom: 0;}

.nav-tabs > li > a{padding: 9px 15px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ font-weight: 600;}
.nav-tabs.top-border, .propertiesTabs > ul.nav-tabs, .tabsHorizontal ul.nav-tabs, .tabsLined ul.nav-tabs{ padding: 13px 0 0 15px;}
.tabsHorizontal ul.nav-tabs {height:50px; margin-bottom:15px;}

.builderSearchWrap{ padding: 24px 15px 14px;}
.builderSearchWrap input{ background: transparent; border:0; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;}
.builderSearchWrap input:focus{-webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;}
.builderSearchWrap .btn{ background: transparent;}

.fieldsWrap{ position: relative; padding:0 0 15px 100px; font-weight:400;}
.fieldsWrapLabel{ position: absolute; width: 85px; text-align: right; top: 20px; left: 0; font-weight:600;}
.fieldsWrap .queryFieldsWrap{ margin-left: 0;}
.chartTypeWrap .btn{ border: 0;}
.chartType{display: inline-block; text-align: right; width: 94px; padding-right: 9px;  font-size: 13px;}

.selectedValList{padding: 14px 0 10px 0; border-bottom: 1px solid #eee;}
.selectedValList li{ display: inline-block;padding: 5px; }
.selectedValList li .fa{ font-size: 11px;}
.valuesList{ padding: 10px 0; max-height: 150px; overflow-y: auto;}
.valuesList li{ display: inline-block; width: 49%; padding:2px 5px; cursor: pointer;}
.valuesList li input[type=checkbox] { position:relative; top:3px; margin-right:4px;}
.draggableListItem{border: 1px dashed #B8C3CE!important; margin-top: 5px; border-radius: 3px;}
.draggableListItem a{ padding: 6px 10px!important; cursor:move;}
.draggableItemStyle {padding-left: 20px!important; position:relative; color: #324752;}
.fieldsList .draggableItemStyle {    background: #EBF0F5;}
.draggableItemStyle.ui-draggable-dragging {min-width:200px!important;}
.draggableItemStyle i.fa.fa-ellipsis-v {     position: absolute; left: 11px; top: 9px;}
.builderAccordian {margin-left: -15px;margin-top: 10px;}

.fieldsList {display:none;}
.fieldsList li {display:block;}
.builderLeftScroller {padding:0px 15px 0 30px;}
.reportFieldsScroller, .builderLeftScroller {overflow:auto;}
ul.tableSortList li { display: block; position: relative;padding: 0 30px;  background: #fff;border: 1px solid #c8d0d6; border-radius: 3px; margin-bottom:5px;}
ul.tableSortList li.ui-sortable-placeholder {background: url("/images/darg.png"); border:0; min-height:32px;}
.ellipsisIcon { position: absolute; left: 0; display: block;  width: 30px; text-align: center;  line-height: 30px; cursor:move;}
button.btnRight {position: absolute; right: 0; top: 0; box-shadow: 0 0 0 transparent; border-color: transparent; padding: 5px 8px; border-radius: 0 3px 3px 0; height: 30px;}
ul.tableSortList li input[type=text]{ border: 0; border-radius: 0; background: #ffffff; box-shadow: 0 0 0; font-size: 12px; padding-left: 0;}

/* Tabs */
ul.ch-border-tabs { display: block; border-bottom: 1px solid #c8d0d6; padding: 0 15px; margin-top:10px;}
ul.ch-border-tabs > li { display: inline-block; }
ul.ch-border-tabs > li > a { display: block; color:#324752; height: 45px; line-height: 45px; padding: 0 15px; position:relative;}
ul.ch-border-tabs > li > a.sm { padding: 0 10px;}
ul.ch-border-tabs > li > a:hover, ul.ch-border-tabs > li > a:focus, ul.ch-border-tabs > li > a:active { text-decoration:none;}
ul.ch-border-tabs > li > a:hover { color:#23527c;}
ul.ch-border-tabs > li > a::after { content:''; position:absolute; display:block; height:3px; background:#4b8dee; width:100%; bottom:0; left:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);}
ul.ch-border-tabs > li.active > a::after { transform:scale(1);}
ul.ch-border-tabs > li > a.disabled{opacity: 0.8; cursor: not-allowed;}
ul.ch-border-tabs.sm {padding: 0 10px;}
ul.ch-border-tabs.sm > li > a{padding: 0 10px;}
.ch-border-tabs-container .ch-border-tab-panel{display:none;}
.ch-border-tabs-container .ch-border-tab-panel.active{display:block;}
.ch-border-tabs-container .ch-border-tab-panel b, .ch-border-tabs-container .ch-border-tab-panel label {font-weight:600; font-size: 12px;}
.ch-border-tabs-container .ch-border-tab-panel  input[type=checkbox] {vertical-align: middle; margin-right: 3px; margin-top: 0;}
.ch-border-tabs-container { padding-bottom: 35px; }
.ch-border-tabs-container span.sortListFilters{ font-size: 11px; visibility:hidden; }
.ch-border-tabs-container .sortListFilters a { display: inline-block; margin: 0 0 0 8px; font-size: 14px; }
.ch-border-tabs-container:hover .sortListFilters { visibility:visible; }

a.listOfRecordsLink { word-break: break-word; font-weight: 500; display: block; position: relative; white-space: inherit; padding: 17px 15px 17px 65px; line-height: 15px; color: #303040; border-color: #647bf1; background: #eff8ff; margin: 0 15px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); text-align: left;}
a.listOfRecordsLink i {position: absolute; left: 17px; margin-top: -2px; font-size: 19px; color: #ffffff; background: #647bf1; display: block; width: 35px; height: 35px; line-height: 35px; border-radius: 30px; text-align: center;}
.input-group.add-new-group .input-group-addon{background: #61cc40; border-color: #5CB85C; color: #fff; font-size: 12px; border-radius:0 3px 3px 0;}
.selectedFieldType { font-size: 14px; font-weight: 600; margin-bottom: 20px; }
.slectedFieldTypeIcon {pointer-events:none;}
.selectedFieldType a:before { display: inline-block; width: 36px; height: 36px; left: 17px; top: 50%; border-radius: 9px; font-family: "Material Design Icons"; text-align: center; line-height: 36px; font-size: 24px; color: #fff; font-weight: 300; background: #eeaa17; vertical-align: middle; margin-right: 8px; }
.addSectionBtnWrap { text-align: center; position: relative; padding: 12px 0; }
.addSectionBtnWrap .addSectionBtn { position: relative; font-size: 18px; color: #56c548; }
.addSectionBtnWrap:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid #dae1e4; }
.addSectionBtnWrap:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid #dae1e4; }
body, html{ color: #253858 }
a{ color: #4ba0f8;}
#ch-sidebar{background-color: #fff; border-right: 1px solid #c8d0d6;}
.bgGrey{ background: #fafafa;}
#ch-navbar { background:#fff;}
.form-control, input[type=text], input[type=email], input[type=password], input[type=number] { color:#324752;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #f4f6f9;}

/* TEXT COLORS */
.txt-dark{ color: #253a43;}
.txt-medium{ color: #324752}
.txt-light, .txtFaint{ color: #939cb1;}
.text-success {color: #459867;}
.txtGreen {color: #6cb113;}

/* NAVBAR */
#ch-navbar .navbar-nav>li>a{ color: #a1b0b8;}
.navbar-brand {color: #6b777e}
.navbar-toggle .icon-bar {background-color: #80878E;}
.sidebarMenu ul li a { color: #8895a7;}
.sidebarMenu ul li > a {color: #626e82;}
.sidebarMenu ul li a:hover {color: #5b9bd1;}
.sidebarMenu ul li > a:hover, .sidebarMenu ul li > a:focus, .sidebarMenu ul li > a:active{color: #93a3b5;}
.sidebarMenu ul li.active a, .sidebarMenu ul li a:hover { color: #263549;  font-weight: 600!important;}
.sidebarMenu ul li.active a i[class^="ch"], .sidebarMenu ul li:hover a i[class^="ch"]{opacity: 1;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover{background-color: #fff;}
.activeLine { background:#61cc40;}
.navShadow{-webkit-box-shadow: 0 0 3px #AEB7C7; box-shadow: 0 0 3px #AEB7C7;}
.navScrollShadow { -webkit-box-shadow: 0px 1px 3px #ddd!important; -moz-box-shadow: 0px 1px 3px #ddd!important; box-shadow: 0px 1px 3px #ddd!important; }
.tooltip-inner { background-color: #202F43; border-radius: 3px;}
.tooltip.top .tooltip-arrow { border-top-color: #202F43;}
.sidebarMenu  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(255,255,255,.4);}

.primarySidebarMenu li.crm-menu-followups i[class^="ch"] {color: #f4ac57; }
.primarySidebarMenu li.crm-menu-activities i[class^="ch"] {color: #427aeb;}
.primarySidebarMenu li.crm-menu-task i[class^="ch"] {color: #469a35;}
.primarySidebarMenu li.crm-menu-deal i[class^="ch"] { color: #f35951;  }
.primarySidebarMenu li.crm-menu-contact i[class^="ch"] { color: #f48453; }
.primarySidebarMenu li.crm-menu-company i[class^="ch"] { color: #8453f4; }
.primarySidebarMenu li.crm-menu-quote i[class^="ch"] { color: #3a86f9; }
.primarySidebarMenu li.crm-menu-salesorder i[class^="ch"] { color: #00adff; }
.primarySidebarMenu li.crm-menu-reports i[class^="ch"] { color: #d53afc; }
.primarySidebarMenu li.crm-menu-settings i[class^="ch"] { color: #879ec0; }
.primarySidebarMenu li.crm-menu-customize i[class^="ch"] { color: #da851b; }
.primarySidebarMenu li.crm-menu-automate i[class^="ch"] { color: #5c31e2; }

.primarySidebarMenu li.crm-menu-followups .activeLine {background-color: #f4ac57; }
.primarySidebarMenu li.crm-menu-activities .activeLine {background-color: #427aeb;}
.primarySidebarMenu li.crm-menu-task .activeLine{background-color: #469a35;}
.primarySidebarMenu li.crm-menu-deal .activeLine{ background-color: #f35951;  }
.primarySidebarMenu li.crm-menu-contact .activeLine{ background-color: #f48453; }
.primarySidebarMenu li.crm-menu-company .activeLine{ background-color: #8453f4; }
.primarySidebarMenu li.crm-menu-quote .activeLine{ background-color: #3a86f9; }
.primarySidebarMenu li.crm-menu-salesorder .activeLine{ background-color: #00adff; }
.primarySidebarMenu li.crm-menu-reports .activeLine{ background-color: #d53afc; }
.primarySidebarMenu li.crm-menu-settings .activeLine{ background-color: #879ec0; }
.primarySidebarMenu li.crm-menu-customize .activeLine{ background-color: #da851b; }
.primarySidebarMenu li.crm-menu-automate .activeLine{ background-color: #5c31e2; }


/* PAGE */
.pageTitle{border-bottom: 1px solid #c8d0d6;}
.linkSeperator{ color: #98a1a6;}

/* FOLLOWUPS */
ul.followupsList > li{ border-bottom: 2px solid #f2f5f9; background: #fff;}
h2.followupName, .followupName a{/*color: #324752;*/ }
h5.followupDesignation{color: #939cb1;}
.chatIcon{ color: #B0C4CE;}
.hotnessInidicators li .indicator.indicator-very-hot { background:#e75843;}
.hotnessInidicators li .indicator.indicator-hot { background:#f1b847;}
.hotnessInidicators li .indicator.indicator-warm { background:#89c937;}
.hotnessInidicators li .indicator.indicator-cold { background:#309fd9;}

/* BUTTONS */
.btn {box-shadow: 1px 1px 3px #F1F1F1;}
.btn.active, .btn:active {-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0px 1px 2px rgba(0,0,0,.125);}
.btn-default {color: #516873;background-color: #fff;border-color: #e9eced;}
.btn-default:hover {background-color: #f2f5f9;border-color: #dee4ef;}
.btn-default.active, .btn-default:active, .btn-default:focus, .open>.dropdown-toggle.btn-default {background-color: #fafafa;border-color: #E1E5E6;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {background-color: #fafafa;border-color: #E1E5E6; outline: 0 none;}
.btn-primary {color: #fff; background-color: #4596fb; border-color: #4182e1; box-shadow: 1px 1px 3px #C3C3C3;}
.btn-primary:hover {color: #fff;background-color: #397adb; border-color: #3370ca;}
.btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .open>.dropdown-toggle.btn-primary,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{ color: #fff; background-color: #2966c0; border-color: #235eb4;}
.btn-success { background-color: #2a9924; border-color: #0f820d;}
.btn-success:hover{ background-color: #32a92c; border-color: #0e840d;}
.btn-success:active, .btn-success:focus{ background-color: #0c8030; border-color: #0c8030; outline:0 none;}
.btn-primary:disabled,   .btn-primary:disabled:hover,   .btn-primary:disabled:active,   .btn-primary:disabled:focus { background-color: #70B9E4; border-color: #68B1DC;}
.btn-white{ background: #fff; border-color: #ebedef; color: #4b8dee; border-color: #4b8dee;}
.task-empty-state, .deals-empty-state{ padding: 15px; border: 1px dashed #e6e6e6;}
.btn-primary.processing{ background:#2889bb url(/images/processing-blue.gif)!important; pointer-events:none; cursor:wait;}
.btnPurple.processing { background:#2889bb url(/images/processing-blue.gif)!important; pointer-events:none; cursor:wait;}
.btn-success.processing { background:#55b155 url(/images/processing-green.gif); pointer-events:none; cursor:wait;}
.btn-default.processing { background:url(/images/processing-white.gif); pointer-events:none; cursor:wait;}
.btn-danger.processing { background:#db4104 url(/images/processing-red.gif); pointer-events:none; cursor:wait;}
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.125); box-shadow: inset 0 1px 3px rgba(0,0,0,.125);}

/* DROPDOWN */
.dropdown-transparent, 
.dropdown-transparent:hover, 
.dropdown-transparent:active, 
.dropdown-transparent:focus, 
.dropdown-transparent:active:hover,
.dropdown-transparent:active:focus,
.btn-group.open .dropdown-transparent, 
.btn-group.open .dropdown-transparent:hover, 
.btn-group.open .dropdown-transparent:active, 
.btn-group.open .dropdown-transparent:focus{ 
	background-color: transparent; text-decoration: none; outline: 0 none; color: #4ba0f8; box-shadow: 0 0 0 transparent; border-color: transparent; text-transform: capitalize;} 

/* TABS */
.nav-tabs.tabs-bottom-border > li > a{border:0; color: #939cb1;}
.nav-tabs.tabs-bottom-border > li.active > a, .nav-tabs.top-border > li.active > a:focus, .nav-tabs.top-border > li.active > a:hover{border:0; color: #324752;}
.nav-tabs.tabs-bottom-border > li > a:focus, .nav-tabs.bottom-border > li > a:hover {background-color: transparent;}

/* PROFIL */
.profileContainer-left{border-right: 1px solid #c8d0d6; background: #f7f7f7;}
.socialLinks li a{ color:#ced7db;}
.socialLinks li a:hover{ color:#ced7db;}
.activityHLine{ background: #dfe3e8}
.activityTypeIcon.recentActivityIcon { background: #ff7b1d; color: #fff; }

.activityTopTable li{ color: #324752;}
.emailBody{ border-top: 1px solid #f5f5f5;}
.dealIcon{background-color: #039be5;color: #fff;}
.dealInfoTable .dealInfoValues{ color: #ffdc8d}

/* Modal */
.modal-header-deafult { background: #f8f8f8;}

/* Messages */

/* Modal */
.modal-header-deafult { background: #f8f8f8;}

/* Messages */
.alert-warning {color: #BD8930;background-color: #FFF9EA;border-color: #faebcc;}=
.alert-success { color: #3B753C;background-color: #FEFFF9;border-color: #EAF3E4;}
.alert-danger {color: #D0413E;background-color: #f4f9ff;border-color: #E4D3CF;}
.alert.alert-primary{background: #ecf4ff; box-shadow: 1px 1px 3px #ced9e6; color: #6290d4;}
.validationErrorWrap { background: #FFF7E8;}
.validationSuccessWrap {background:#F3FFE8;}
.successTitle h4, .successTitle .successIcon { color: #0CAD09!important;}
.alert-saving {color: #497E9A;background-color: #F1FAFF;border-color: #D3F0FF;}

/* Loading */
.loadingBar .loading { background-color: #4b8dee;}

/* Pipeline */
.titleToggleBtn{color: #263238;}
.pipeline-col-title{ color: #263238;}
.pipeleine-item-inn{ background: #fff; }
.pipeleine-item-inn:hover{ cursor:move;}
.pipeleine-item:hover .item-title{color: #1B87B5;}
.item-description{color: #939cb1; }
.item-title{ color:#3d5965;}
.pipeline-avtar{color: #ddddec;}
.radioBtnGroup .notActive{color: #309FD9;background-color: #fff;border-color: #E2E4E6;box-shadow: 1px 1px 3px #F3F3F3;}
.dealsTotalStage{color: #B6C3CA;}
ul.pipeline-item-actions li.lostDeal a {color:#ff7b1d;}
ul.pipeline-item-actions li.wonDeal a {color: #61a749;}
ul.pipeline-item-actions li.wonDeal a i.ch { background:#4bb045;}
ul.pipeline-item-actions li.lostDeal a i.ch { background:#ff7b1d;}
ul.pipeline-item-actions li a:hover { background: #ffead9; }
/* Record View */
.recordViewTitle{border-bottom: 1px solid #dae6eb; }
.recordCell.labelTxt{ color: #3d5965;}
.recordCell.recordOutputVal{ color: #324752;}
.recordViewTable.readOnly .recordCell.recordOutputVal{border-bottom: 1px solid #f5f5f5;}
.panel-default.lessFieldsPanel {border: 1px solid #e8ecee; background:#fff;}
.has-error .form-control, .has-error .checkListDropdown .btn{ border-color: #ea8483 !important;}
.has-error .input-group-addon { color: #ea8483; background-color: #fdecec; border-color: #ea8483; }

/* Lookup */
.lookup-dropdown{box-shadow: 1px 1px 10px rgba(0,0,0,.3); border-color: #D6D6D6;}
.lookup-group .lookup-addon {background: #F0FAFF;border-color: #B8CCD6;color: #309FD9;}	
.lookup-search-wrap{border-bottom: 1px solid #a5b9d2;}
.lookup-search-list li.selected{ background:#F5FAFD; }
.lookup-search-list li .match{ color:#309FD9;}
.lookup-search-list li input[type=radio]{ border: 1px solid #c6cdd7; box-shadow: inset 0 0 2px #dbdfe5;}
.lookup-search-list li input[type=radio]:hover{ box-shadow: inset 0 0 2px #4badf8; border-color: #4caef8;}
.lookup-search-list li input[type=radio]:checked{    background: #fff; box-shadow: inset 0px 0px 0px 4px #4faff8; border: 1px solid transparent;}
.lookup-search-list > li .arrow {color: #ADADAD;}
.lookup-btn-wrap{border-top: 1px solid #a5b9d2;background: #f8f8f8;}
.lookup-search-list .detailsList{    border-top: 1px solid #E5EDF3; border-bottom: 1px solid #E5EDF3; }

/* List View */
.listViewSearchWrap input{ background: transparent; border: 0 none; box-shadow: 0 0 transparent; height: 32px;}
.listViewSearchWrap input:focus {box-shadow: 0 0 0 transparent;}
.listViewSearchWrap .input-group-addon {color: #909bae; border: 0 none; background: transparent;}
.ch-table-style >tbody>tr:nth-of-type(odd) , .ch-table-style >tbody>tr:nth-of-type(even) {background-color: #fff;}
.ch-table-style >tbody>tr>td{ border-bottom: 1px solid #eff2f3; color: #253a43;}
.ch-table-style >thead>tr>th{ border-bottom: 1px solid #eceff1; background: #fff;}
.listViewPagination{ color: #a1a1a1}
.cstmPaginationDropDown{ color: #253a43; font-weight: 600;}

/* Admin pages */
.secondarySidebar{background:#f8f8f8;}
.secondarySidebar .titleIcon{color:#46afe3;}
ul.sidebarList li {border-bottom: 1px solid #e5e8eb;}
ul.sidebarList li a {color: #4c4b4b;}

/* Panels */
.panel-default.lessFieldsPanel .panel-title { border-bottom: 1px solid #e8ecee;color: #192930;}
.panel-read-only .col-lg-4, .panel-read-only .col-lg-7 {border-bottom: 1px solid #e8ecee;font-weight: 600;color: #192930;}

/* Buildre */
.toggleBuilderSidebar{background:#f7f8f9; border: 1px solid #eef1f2;  border-top: 0;  color: #D1CFCD; }
.ch-add-field-type-list li a{color: #253858;}
.ch-right .nav-tabs > li.active > a, .ch-right .nav-tabs > li.active > a:focus, .ch-right .nav-tabs > li.active > a:hover{ background: #F8F8F8; border-color: #c7d6e3;
    border-bottom-color: transparent;}
.ch-tabs {border-bottom: 1px solid #eef1f2;}
.ch-rightSect, .ch-right { background: #fff;border-left: 1px solid #e1eaf3;}
.ch-left { background: #f8f7fa;}
.queryFieldsWrap{  background: #f8f8f8;border-left: 1px solid #eef1f2;}
.chartTypeWrap .btn{ color: #9DABB7;}
.chartTypeWrap .btn.active{ color: #32A1D8; background: #EFFAFF;}
.selectedValList li.selected {border: 1px solid #E7E0D9;background:#FEFBF7;}
.selectedValList li .fa{ color:#B7AA9D;}
.selectedValList li .fa:hover{ color: #D17727;}
.valuesList li:hover{ background: #FEFBF7;}
.singleLineActivity {background: #f4fcff; color: #324752;}
.propertiesTabs > .nav-tabs { border-bottom: 1px solid #c7d6e3;}
body, html { font-family: 'Work Sans', sans-serif; font-size: 13px; width: 100%; height: 100%; }
html{touch-action: manipulation;}
ul, li { margin: 0; padding: 0; }
a { cursor: pointer; }
a:focus, a:active, .btn:focus, .btn:active, input:focus, input:active { outline: 0 none; }
.transitionsAll { -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.form-control, input[type=text], input[type=email], input[type=password], input[type=number] { height: 30px; border-radius: 3px; font-size: 13px; font-weight: 400; padding: 0 10px; }
textarea.form-control, textarea { padding: 5px 10px; }
.txt-small { font-size: 13px; }

/* Input Style  */
input:not([type="checkbox"]):not(.mce-textbox):not([type="radio"]):not(.form-control):not(.chWebToLeadFormField):not([type=button]):not([type=file]), select, textarea:not(.form-control):not(.chWebToLeadFormField), select:not(.form-control):not(.chWebToLeadFormField),
input:not([type="checkbox"]):not(.mce-textbox):not([type="radio"]):not(.form-control):not(.chWebToLeadFormField):focus, select:not(.form-control):not(.chWebToLeadFormField):focus, textarea:not(.form-control):not(.chWebToLeadFormField):focus, div.ch-input { width:100%; height: 30px; padding: 0px 10px; font-size: 13px; line-height: 1.42857143; background-color: #fff; background-image: none; border-color: transparent; border-radius: 0; -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out; border-bottom-color: #e7eff3; border-bottom-width: 1px; outline:0 none; height: 35px;  font-weight: 500;}
input:not([type="checkbox"]):not(.mce-textbox):not([type="radio"]):not(.form-control):not(.chWebToLeadFormField):focus, select:not(.form-control):not(.chWebToLeadFormField):focus, textarea:not(.form-control):not(.chWebToLeadFormField):focus{border-bottom-color: #2a97d0!important;}
input:not(.show-placeholder):not(.mce-textbox):not(.form-control):not(.chWebToLeadFormField)::-webkit-input-placeholder, textarea:not(.show-placeholder):not(.chWebToLeadFormField):not(.form-control)::-webkit-input-placeholder {color:#a4b6bf; font-weight:400; opacity:0;}
input:not(.show-placeholder):not(.mce-textbox):not(.form-control):not(.chWebToLeadFormField):-moz-placeholder, textarea:not(.show-placeholder):not(.chWebToLeadFormField):not(.form-control):-moz-placeholder {color:#a4b6bf; font-weight:400;  opacity:0;}
input:not(.show-placeholder):not(.mce-textbox):not(.form-control):not(.chWebToLeadFormField)::-moz-placeholder, textarea:not(.show-placeholder):not(.chWebToLeadFormField):not(.form-control)::-moz-placeholder {color:#a4b6bf; font-weight:400;  opacity:0;}
input:not(.show-placeholder):not(.mce-textbox):not(.form-control):not(.chWebToLeadFormField):-ms-input-placeholder, textarea:not(.show-placeholder):not(.chWebToLeadFormField):not(.form-control):-ms-input-placeholder {color: #a4b6bf; font-weight:400;  opacity:0;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:#a4b6bf; font-weight:400; opacity:1!important;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#a4b6bf; font-weight:400;  opacity:1;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:#a4b6bf; font-weight:400;  opacity:1;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: #a4b6bf; font-weight:400;  opacity:1;}
.ch-table-search-template .input-group > input {display: block; width: 100%; height: 30px!important; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #d6e1e6!important; border-radius: 4px 0 0 4px!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.input-group-addon {color: #8f9eb3; background-color: #ffffff; border: 1px solid #d6dfeb; font-size: 15px;}
input.show-placeholder::-webkit-input-placeholder, textarea.show-placeholder::-webkit-input-placeholder {color:#a4b6bf!important; font-weight:400!important; }
.ch-form-element .input-group-addon, .ch-dynamic-form-input .input-group-addon{ color: #8f9eb3; background-color: transparent!important; border: 1px solid transparent; border-bottom-color: #e7eff3;  font-size: 16px; border-radius: 0; border-right-color: transparent!important;}
textarea:not(.quickAddContainer textarea){margin-top:8px; min-height:60px; resize: vertical;}
select[multiple], select[multiple]:focus {margin-top:8px; min-height:60px; height: inherit; }

@font-face { font-family: 'BLOKKNeue-Regular'; src: url('../fonts/BLOKKNeue-Regular.eot'); src: url('../fonts/BLOKKNeue-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BLOKKNeue-Regular.woff') format('woff'), url('../fonts/BLOKKNeue-Regular.svg#BLOKKNeue-Regular') format('svg'); font-weight: normal; font-style: normal; }
.fontBlokk { font-family: 'BLOKKNeue-Regular'; pointer-events: none; }
.fontBlokk * { word-spacing: -16px; color: #e5e8ec!important; font-size: 9px!important; }
.fontBlokkList { border-bottom: 1px solid #ECECEC; }

/* WRAPPER */
#wrapper { height: 100%; }
#ch-sidebar { width: 205px; left: 0; height: 100%; position: fixed; overflow: hidden; -webkit-box-shadow: 1px 0px 3px #e0e0ea; box-shadow: 1px 0px 3px #e0e0ea; z-index: 1; }
#ch-wrapper { padding: 0 0 0 205px; height: 100%; }
#wrapper.sidebarInactive #ch-wrapper { padding-left: 0; }
#wrapper.sidebarInactive .scrollerContainer { padding: 0; }
#wrapper.sidebarInactive #ch-sidebar { left: -250px; }
.scrollerContainer { height: 100%;}

/* NAVBAR */
#ch-navbar { height: 50px; margin: 0; padding: 0 15px; border: 0 none; border-radius: 0; z-index: 99999; }
.navBarCell {height:50px;}
#ch-navbar .navbar-right { margin-right: 0; }
 #ch-navbar .navbar-right .userDropdown a {  font-size:13px;}
.navbar-brand { padding: 15px 0; font-size: 16px; }
.navbar-toggle { float: left; display: block; margin-right: 10px; }
.navbar-toggle .icon-bar { width: 17px; height: 1px; }
.user-pic { position: relative; font-size: 32px; }
#ch-navbar .navbar-nav>li>a.addUserBtn { margin-right: 10px; font-weight: 600; color: #253858; padding: 0; margin-top: 10px; }
#ch-navbar .navbar-nav>li>a.addUserBtn i { display: inline-block; width: 28px; height: 28px; text-align: center; line-height: 28px; border-radius: 100%; background: #4596fb; color: #fff; transform: rotate(-45deg); margin-right: 6px; font-size: 16px; padding-left: 3px;}
.dropdown-menu.inviteUserDropdown {padding: 20px 20px; width: 300px; right: 10px; margin-top: 2px!important; border-radius: 3px!important; border-color: #c9d6dc;}
.inviteUserDropdown:before { content: ''; border: 10px solid transparent; border-bottom: 10px solid #c9d6dc; position: absolute; top: 0; right: 0; margin: -20px 14px; }
.inviteUserDropdown:after { content: ''; border: 9px solid transparent; border-bottom: 9px solid #ffffff; position: absolute; top: 0; right: 0; margin: -18px 15px; }
.sidebarMenu { font-size: 11px;position: relative; height: 100%;}
.sidebarMenu > .scroller { position: absolute; left: 0; top: 0; right:0; bottom:0; overflow:auto; overflow-x: hidden;}
.sidebarMenu .mCSB_inside > .mCSB_container { margin-right: 0;}
.primarySidebarMenu, .secondaySidebarMenu {position: absolute; left: 0; top: 0; bottom: 0; width: 205px; right: inherit;} 
.secondaySidebarMenu { left: 205px; }
.sidebarMenu ul li a:not(.menuAddBtn) { font-weight: 400; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.sidebarMenu ul li > a:not(.menuAddBtn) { font-size: 13px; padding: 10px 30px 10px 15px;}
.sidebarMenu ul li a:not(.menuAddBtn) i { margin-right: 8px; font-size: 20px; display: inline-block; width: 30px; height: 30px; vertical-align: middle; border-radius: 50px; text-align: center; line-height: 29px; opacity:1; }
.sidebarMenu ul li a:hover { background-color: transparent; }
.sidebarMenu ul li.active { border-bottom: none; }
.sidebarMenu .reportList li.dashboardListItem > a, .sidebarMenu .reportList li.reportListItem > a {padding-left: 35px!important; position: relative;}
.sidebarMenu .reportList li.dashboardListItem > a:before { content: "\F56E"; font-family: "Material Design Icons"; color: #ee6b43;position: absolute;left: 13px; font-size: 16px; top: 5px; font-weight:300;}
.sidebarMenu .reportList li.reportListItem > a:before { content: "\F41F"; font-family: "Material Design Icons"; color: #ee6b43;position: absolute;left: 13px; font-size: 13px; top: 5px; font-weight:300;}
.sidebarMenu .reportList li.dashboardListItem > a:hover:before, .sidebarMenu .reportList li.reportListItem > a:hover:before {color:#826df5;}
.sidebarMenu li.opened-folder > a i { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #ee6a43!important;}
li.userDropdown > a { padding: 18px 15px 12px; }
li.userDropdown > a .caret { position: relative; top: -9px; }
.activeLine { position: absolute; left: 0; top: 0; width: 3px; height: 100%; display: none; border-radius: 0 3px 3px 0; }
.sidebarMenu ul li.active .activeLine { display: block; }
.reportsMenuTitleCell {height: 60px; padding-top: 10px; border-bottom: 1px solid #c8d0d6;}
.reportsMenuScrollerContainer {position:relative; height:100%;}
.reportsMenuScrollerContainer > .scroller {position:absolute; left:0; right:0; top:0; bottom:0; overflow:auto;}
.reportsMenuTitle { font-size: 16px; font-weight: 600; padding: 0 15px; }
.reportsMenuTitle a.newReportBtn { display: inline-block; height: 30px; font-size:12px; text-align: center; color: #ffffff; padding: 5px 10px 5px 12px; vertical-align: top;}
.reportsMenuTitle a.newReportBtn i { position: relative; top: 0px; margin-right: 3px; }
.reportsMenuTitle a.newReportBtn + ul li > a{padding: 5px 15px; font-size: 12px;}
.reportsMenuTitle a.backBtn { font-size: 20px; display: inline-block; width: 22px; text-align: center; vertical-align: middle; margin: 10px 7px 0 -7px; background: #e2ebf9; border-radius: 30px; height: 22px; line-height: 22px; color: #624dd6; }
.reportsMenuTitle h2 {display: inline-block; font-size: 14px; margin: 15px 0 0 0; font-weight: 600; vertical-align: middle;}
a.ManageReportBtn { margin: 10px 20px; display: inline-block; font-size: 13px; font-weight: 600;color: #324752;}
a.ManageReportBtn i { margin-right: 5px; font-size: 20px; vertical-align: middle; color: #9666f0; }
.folderTxt { font-size: 14px; padding: 0 14px; height: 40px; border-bottom: 1px solid #384c66; line-height: 40px; color: #9babc0; }
.btn.btn-folder-setting { background: transparent; border: 1px solid transparent; box-shadow: 0 0 0 transparent; font-size: 16px; position: relative; top: 4px; color: #8895a7; position: relative; }
.sidebarMenu ul.nav > li > a:not(.menuAddBtn) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebarMenu .folderList > li { padding: 0; display: block;}
.sidebarMenu .folderList > li > a { display: block; padding: 7px 30px 7px 8px!important; }
.sidebarMenu .folderList > li > a i {width: 20px; height: 20px; border: 0 none; color: #f4ac57; opacity: 1!important }
.sidebarMenu .folderList > li > a:hover { text-decoration: none; }
.sidebarMenu .reportList { display: none; padding: 15px 0; background:#fffaf1;}
.sidebarMenu .reportList li { display: block; }
.sidebarMenu .reportList li a { display: block; padding: 10px 20px 10px 13px!important; font-size: 12px!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebarMenu .reportList li > a:hover, .sidebarMenu .reportList li a:focus, .sidebarMenu .reportList li a:active { text-decoration: none; }
.sidebarMenu li.opened-folder > a { color: #324752; font-weight: 600!important;}
.sidebarMenu .reportList li.current-report { position: relative; }
.sidebarMenu .reportList li i.ch { position: absolute; right: 5px; top: 50%; margin-top: -13px; color: #ee6a43; display: none; font-size: 18px; }
.sidebarMenu .reportList li.current-report a { color: #f16a43; }
.sidebarMenu .reportList li.current-report i.ch { display: block; }
.fa.salesOrder:after { content: '$'; display: block; position: absolute; z-index: 999; width: 10px; height: 10px; color: #8895a7; top: 25px; background: #202f43; font-size: 10px; left: 30px; border-radius: 100%; line-height: normal; font-weight: 700; }
.nav>li>a.menuAddBtn { position: absolute; right: 5px; top: 50%; color: #fff; padding: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; border-radius: 100%; font-weight: 700; margin-top: -15px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-transform: scale(0); transform: scale(0);}
.nav>li>a.menuAddBtn:before, .nav > li > a.menuAddBtn:hover:before { display: block; background: #35a84b;  color: #fff; width: 16px; height: 16px; border-radius: 100%;  position: absolute; margin: 7px;content: "+"; content: "\F415"; line-height: 16px; font-family:"Material Design Icons" !important; font-size: 13px;}
.nav > li > a.menuAddBtn:after {content: ''; display: block; width: 32px; height: 32px; border-radius: 100%; background: rgba(45, 156, 9, 0.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0);}
.nav > li > a.menuAddBtn:hover:after { transform: scale(1);}
.nav > li:hover > a.menuAddBtn {transform: scale(1);}
.sandboxTitleBar { border-top: 1px solid #665fe0; position: relative; z-index: 1000; margin:0 -15px; }
.sandboxTitleBar > div { position: absolute; border: 1px solid #665fe0; left: 50%; padding: 4px 40px 5px; font-size: 11px; font-weight: 600; border-top: 0 none; border-radius: 0 0 4px 4px; background: #e4ecff; color: #5850e4; margin-left: -64px; margin-top: -2px; box-shadow: 0 0 13px rgba(147, 146, 206, 0.5); }
.sidebarMenu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 7px; }
.sidebarMenu .mCSB_scrollTools .mCSB_draggerRail { width: 7px;}
.sidebarMenu .mCSB_scrollTools {width: 7px;}
.sidebarMenu .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(125, 132, 167, 0.3); border-radius: 0; }
.sidebarMenu .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color: rgba(125, 132, 167, 0.5);}
.sidebarMenu ul.nav > li.divider, ul.folderList > li.divider{ border-top: 1px solid #c8d0d6; margin: 10px 0;}
.sidebarMenu ul.userMenu { background: #fff; padding: 10px 10px; border: 1px solid #c8d0d6; position: fixed; left: 200px; bottom: 10px; border-radius: 5px; z-index: 4; display: none; }
.sidebarMenu ul.userMenu > li { display: block; padding: 1px 0; }
.sidebarMenu ul.userMenu > li > a { display: block; padding: 5px 15px; border-radius: 2px; text-decoration: none; font-weight:400!important; }
.sidebarMenu ul.userMenu li a:hover { text-decoration: none; background: #ff7100; color: #fff; }
.sidebarMenu ul.userMenu > li > form > a { display: block; padding: 5px 15px; border-radius: 2px; text-decoration: none; font-weight:400!important; }
.sidebarMenu ul.userMenu li > form > a:hover { text-decoration: none; background: #ff7100; color: #fff; }
li.crm-menu-logout {margin-bottom:25px;}
li.crm-menu-logout:hover ul.userMenu {display:block;}

/*Real-time Notification*/
.chNotificationDropdownToggle { z-index: 9;}
.chNotificationDropdownToggle .chNotificationCount {position: absolute; background: red; color: #fff; font-size: 11px; border-radius: 60px; font-weight: 700; left: 29px; height: 16px; padding: 0 6px; line-height: 17px; text-align: center;}
.chNotificationDropdownToggle > i{font-size: 21px; line-height: 0; position: relative; top: 5px;}
.chNotificationDropdown {background: #fff; width: 330px; position: absolute; box-shadow: 3px 3px 14px rgba(76, 72, 88, 0.3); border-radius: 5px; right: 0; border: 1px solid #cac5d4; padding: 15px;  z-index: 9;}
.chNotificationDropdown:before { content: ''; position: absolute; top: -14px; border: 7px solid transparent; border-bottom: 7px solid #cac5d4; right: 21px; }
.chNotificationDropdown:after { content: ''; position: absolute; top: -13px; border: 7px solid transparent; border-bottom: 7px solid #ffffff; right: 21px; }
.chNotificationDropdown ul.chNotificationsList > li { display: block; position: relative; padding: 12px 30px 12px 36px;border-bottom: 1px solid #c6cede; }
.chNotificationDropdown ul.chNotificationsList > li:last-child { border-bottom:0 none;}
.chNotificationDropdown .chNotificationIcon { position: absolute; left: 10px; top: 6px; font-size: 20px; color: #7c96c5; }
.chNotificationDropdown .chNotificationTxt {font-weight: 500;}
.chNotificationDropdown .chNotificationTime { font-size: 11px; margin-top: 5px; color: #9f9f9f;}
.chNotificationDropdown .chNotificationInfoIcon {position: absolute; right: 10px; top: 50%; font-size: 16px; line-height: 0; color: #7c96c5;}

/* DROPDOWN */
.dropdown-menu { font-size: 13px; display: none; }
.open > .dropdown-menu { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
.dropdown-menu { -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; border-color: #c4cdd3!important; box-shadow: 2px 5px 7px rgba(31, 38, 64, 0.3) !important; }
.dropdown-menu > li > a { padding: 5px 20px; font-size:13px; }
#ch-navbar .dropdown ul.dropdown-menu { border-radius: 4px; right: 15px; top:50px; }
#ch-navbar .dropdown ul.dropdown-menu:before { content: ""; border-bottom: 6px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -6px; right: 16px; z-index: 10; }
#ch-navbar .dropdown ul.dropdown-menu:after { content: ""; border-bottom: 6px solid #ccc; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -7px; right: 15px; z-index: 9; }
.sheduleDropdownBtn .dropdown-menu { -webkit-transform-origin: bottom; transform-origin: bottom; }
.dropup.sheduleDropdownBtn .caret {border-top: 4px solid;border-bottom: 0;border-right: 4px solid transparent;border-left: 4px solid transparent; margin-left: 2px;}
.bootstrap-datetimepicker-widget.dropdown-menu { -webkit-transform: inherit; transform: inherit; }
.bootstrap-datetimepicker-widget .btn { box-shadow: 0 0 0 transparent; }
.bootstrap-datetimepicker-widget table td span { width: 34px!important; height: 34px!important; line-height: 34px!important; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #f2f5f9;}
.dropdown-menu .divider { background-color: #dee5ed;}

/* PAGE */
.pageTitle { height: 50px; padding: 0 25px; position: relative; background: #fff; z-index: 999;}
.ch-tip-open .pageTitle {padding-right: 60px;}
.titleBtn { position: relative; top: -50px; min-width: 75px; }
.titleTxt { font-size: 15px; font-weight: 600; margin-top: 1px; height: 50px; line-height: 49px; margin-bottom:-1px;}
.titleTxtOverflow {display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: top; text-overflow: ellipsis; max-width: 180px;}
.pageTitleTable { position: absolute; right: 15px; top: 9px; }
.pageTitleTable.nav-tabs { border-bottom: 0; top:13px;}
.pageTitleActions { display: inline-block; margin-left: 10px;}
.btn-group.titleFilterBtn + ul.pageTitleActions { top: 3px; position: relative;}
.pageTitleActions li { display: inline-block; padding-right: 10px; }
.pageTitleActions li i.ch { font-size: 13px; margin-right: 5px; color:#4ba0f8;}
.pageTitleActions li a:not(.btn-primary) { font-size: 13px; font-weight: 300; color:#253858; }
.pageTitleActions li a.btn-primary i.ch {color:#fff;}
.pageTitleTable.nav-tabs li.moreTabs > .btn-group > .btn, 
.pageTitleTable.nav-tabs li.moreTabs > .btn-group > .btn:active,
.pageTitleTable.nav-tabs li.moreTabs > .btn-group.open > .btn:hover, 
.pageTitleTable.nav-tabs li.moreTabs > .btn-group > .btn:hover { margin-top: 4px; background: transparent; border-radius: 3px 3px 0 0; box-shadow: 0 0 0 transparent; border: 0; font-weight: 400;}
.pageTitleTable.nav-tabs li.moreTabs > .btn-group .dropdown-menu {margin-top:3px;}
.pageTitle .btn-group.titleFilterBtn > .btn, .pageTitle .btn-group.titleFilterBtn.open > .btn, .pageTitle .btn-group.titleFilterBtn > .btn:hover, .pageTitle .btn-group.titleFilterBtn > .btn:active, .pageTitle .btn-group.titleFilterBtn > .btn:focus {box-shadow: 0 0 0 transparent; background:transparent; border-color: transparent; border-radius: 0; color: #253858;  font-weight: 600; padding: 6px 13px 6px 0; top: 5px;}
.pageTitle .btn-group.titleFilterBtn > .btn > i { color: #f4734b; font-size: 17px; vertical-align: middle; }
.pageTitle .btn-group.titleFilterBtn li.newFilter a{  font-weight: 600; margin: 5px 5px 0; padding: 0 11px; height: 30px; line-height: 30px; border-radius: 3px;}
.pageTitle .btn-group.titleFilterBtn li.newFilter a i{ color: #4b8dee; font-size: 19px; vertical-align: middle; margin-right: 3px;}

/* Import - Missing Leads */
img.inportChLogo { width: 246px; }
.importProgressTransition { -webkit-transition: all 5s ease-in-out 0s; transition: all 5s ease-in-out 0s; }
.importContainer {background: #F7F7F7; width: 100%; height: 100%; margin: 0;padding: 0;display: none;position: fixed;left: 0;top: 0;z-index: 99;}
.importContainerInn { background: #f7f7f7; width: 90%; height: 70%; margin: 0; padding: 0; position: absolute; left: 5%; top: 15%; }
.step1Table { height: 100%; }
.importProgressWrap { background: #ebebeb; width: 500px; height: 15px; -webkit-box-shadow: inset 1px 1px 7px #bbb; box-shadow: inset 1px 1px 7px #bbb; padding: 1px; margin: 15px 0 10px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; }
.importProgressBar { height: 10px; position: absolute; left: 2px; top: 2px; -webkit-border-radius: 15px; border-radius: 15px; background: #77b923; box-shadow: inset 1px 1px 0px #C5EA31; border: 1px solid #6BA91C; }
.importSlideContainer_first { padding-top: 70px; }
.importSlideContainer_first h2 { font-weight: 600; font-size: 18px; }
.importSlideContainer_first h4 { font-size: 13px; font-weight: normal; color: #a0a1a1; }
.minimizeHeight { height: 30%; }
.minimizeHeight img.inportChLogo { width: 150px; }
.minimizeHeight .importSlideContainer_first { padding-top: 0px; }
.minimizeHeight .importSlideContainer_first h2 { font-size: 14px; }
.minimizeHeight .importSlideContainer_first h4 { font-size: 13px; font-weight: 300; }
.minimizeHeight .importProgressWrap { height: 10px; }
.minimizeHeight .importProgressBar { height: 6px; }
.minimizeHeight .importProgressWrap { width: 440px; }
.step2Table { height: 0%; opacity: 0; }
.step2Table h2 { font-weight: 600; font-size: 21px; margin-bottom: 40px; }
.step2Table .slide { display: none; }
.hotnessListIndicators { display: block; width: 270px; margin: 0 auto; margin-top: 35px; }
.hotnessListIndicators li { display: block; text-align: left; font-size: 14px; line-height: 25px; }
.hotnessListIndicators li .lableDiv { width: 75px; font-weight: 600; display: inline-block; text-align: left; }
.privacyConfirmModal { background: #FFF; box-shadow: 0 0 3px #ccc; width: 600px; border-radius: 3px; display: inline-block; padding: 50px; text-align: center; }
.privacyConfirmModal h2 { font-size: 20px; line-height: 36px; margin: 47px; }
label.fiellabel {display: block;padding: 9px 0; border-bottom: 1px solid #EAEEF3; margin-bottom: 0;}
label.fiellabel input[type=checkbox] {position:relative; top:5px;margin-right:5px}
.exportFieldsScroller {max-height: 300px;overflow: auto;     padding: 0px 25px;}

/* FOLLOWUPS */
ul.followupsList { padding: 20px 0px; }
ul.followupsList > li { display: block; font-size: 13px; position: relative; height: 66px; }
ul.followupsList > li .listWrap { padding: 15px; }
ul.followupsList > li:hover { z-index: 1; }
ul.followupsList li td { font-size: 13px; }
.followupAvatar { border-radius: 100px; width: 40px; }
.followupWrap { margin-left: 11px; }
h2.followupName { font-size: 13px; font-weight: 600; margin: 0 0 0 0; }
h2.followupName a { cursor: pointer; }
h5.followupDesignation { font-weight: 400; margin: 5px 0 0 0; font-size: 11px; }
a.btn.followupBtn { margin-left: 15px; padding: 4px 15px; }
a.btn.followupBtn i{ margin-right: 5px; font-size: 15px; vertical-align: middle;}
.followupForm .form-group { margin-bottom: 5px; }
.followupForm .form-group div { padding-top: 7px; }
.dropdownTrans { border: 0; box-shadow: 0 0 0 transparent; padding: 0; margin: 0 5px; }
.modal.followupModal { overflow-y: hidden!important; padding-left: 0!important; right: 0; width: 700px; left: inherit; bottom: 0; top: inherit;  z-index: 99999999!important; box-shadow: 0 0 45px rgba(59, 59, 83, 0.8);border-radius: 5px 5px 0 0;}
.followupModal > .modal-dialog > .modal-content > .modal-body { position: relative; display: table; padding: 0; width: 100%; table-layout:fixed;}
.followupModal > .modal-dialog > .modal-content { -webkit-border-radius: 0; border-radius: 0; height: 100%; background: transparent; box-shadow: 0 0 0 transparent; border:0 none;}
.followupModal > .modal-dialog { margin: 0; width: 100%; height: 567px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); box-shadow: 0 0 0 transparent; }
.followupModal.openClass > .modal-dialog { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.chatIcon { margin-right: 7px; }
.recipientsIcon { width: 24px; height: 24px; position: relative; top: -2px; text-align: center; border-radius: 30px; display: inline-block; float:left; vertical-align: top; margin-right: 5px; }
/*
.followupModalLeft { width: 720px; display: table-cell; vertical-align: top; position:relative;  border-right: 1px solid #dae6eb;}
.followupModalLeft.noPointer {pointer-events:none; }
.followupModalRight { display: table-cell; vertical-align: top; width:100%; }
.followupModalRight .profileContainer-left{border-right:0;}*/

.followupModalLeft { display: table-cell; vertical-align: top; position:relative;  border-right: 1px solid #dae6eb;}

.followupModalScroller { padding: 15px 24px; }

ul.followupsList > li.followupTransition { height: 0; background-color: #FFF9ED; box-shadow: 0 0 3px #C3B1AF; z-index: 9; overflow: hidden; }
.followupComposeLabelTo { margin-right: 27px; float: left;}
.followupComposeLabelContact { font-weight: 600; margin-right: 5px; float: left;}
.followupComposeLabelEmail { float: left; font-size: 12px; font-weight: 300; }
.pointerNone { background: #FFF9ED!important; cursor: not-allowed; pointer-events: none; }
.hotnessTransition, .hideHotness { width: 0; overflow: hidden; height: 15px; padding: 16px 0; float: right; }
.hotnessTransition .hotnessBar { width: 100%; }
.transitionsAll.hotnessTransition.ng-hide { display: block!important; }
.showHotness { display: inline-block; width: 100%; }
.activityWrap .mCSB_scrollTools .mCSB_draggerContainer { right: -30px; }
.enableHotnessStrip { text-align: center; padding: 10px; background: rgba(255,255,255,.7); position: absolute; width: 100%; margin-top: -16px; z-index: 9; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white; }
.hotnessInidicators { padding-bottom: 10px; }
.hotnessInidicators li { display: inline-block; margin-right: 25px; }
.hotnessInidicators li .indicator { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin-right: 5px; }
.contactBtnTransition { overflow: hidden; width: 240px; height: 30px; position: absolute; top: 50%; margin-top: -15px; }
.followupModalLeft label, .followupModalLeft .btn, .followupModalLeft .btn:active, .followupModalLeft .btn:focus, .followupModalLeft .btn:hover { font-weight: 600; }
.followupModalRight .profileContainer-left { padding: 0; }
.profileContainer-left .pageInfoWrap { margin: 0 -6px 10px;; }
.followupModalLeft .form-group { margin-bottom: 7px; }
.followupModalLeft .mCSB_container { height: 100%; }
.ccWrap { position: relative; padding-left: 26px; }
.cc { margin-right: 10px; position: absolute; left: 0; top: 7px; }
.sheduleTime { display: inline-block; width: 150px; vertical-align: top; margin-left: -5px; top: -8px; position: relative; }
.selectedSheduleTime, .selectedRemindTime { font-size: 11px; display: block; position: absolute; margin: -8px 0 0 11px; color: #939cb1; }
.remindTime { top: -6px; position: absolute; z-index: 9; margin-right: 10px; right: 0;}
.remindTime .shedul-dropdown{max-width: 174px; overflow: hidden;text-overflow: ellipsis; font-size:12px; padding:6px 8px;}
.remindTime .dropdown-menu > li > a { font-size:12px;}
.followupArrowBtns { position: absolute; top: 50%; margin-top: -17px; width: 35px; height: 35px; text-align: center; display: block; background: rgba(0,0,0,.1); color: #fff; z-index: 999; line-height: 35px; border-radius: 50px; }
.followupArrowBtns:hover { background: rgba(0,0,0,.5); color: #fff; }
.followup-arrow-next { right: 15px; }
.followup-arrow-prev { left: 15px; }
.followupHotnessWrap { background: #f8f8f8; position: absolute; top: 0; height: 100%; width: 100%; left: 0; z-index: 99; text-align: center; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; z-index: -9; }
.followupHotnessWrap.zoom { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 99; }
.followupHotnessWrap h2 { font-size: 18px; font-weight: 600; }
.followupHotnessWrap .hotnessTable, .hotnessCell { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.followupHotnessWrap .hotnessTable { display: table; }
.followupHotnessWrap .hotnessCell { display: table-cell; }
.followupHotnessWrap .setHotnessWrap { display: inline-block; padding: 50px; background: #fff; border-radius: 3px; box-shadow: 0 0 3px #ccc; }
.followupHotnessWrap .hotnessList { border-spacing: 2px; }
.followupHotnessWrap .hotnessList li { height: 8px; }
.followupHotnessWrap .hotnessHelp { font-size: 13px; margin-top: -34px; }
.infoWrapBlue { padding: 5px; }
.infoWrapBlue > .info { padding: 20px; border: 1px dashed #fff; background: #309fd9; }
.infoWrapBlue > .info > h2 { font-size: 16px; font-weight: 600; color: #fff; margin: 0; }
.infoWrapBlue > .info > h4 { font-size: 13px; font-weight: 400; color: #caeafa; margin: 9px 0 0 0; }
.contactNameOverflow {position:relative; padding-right:50px; white-space:nowrap; line-height:normal;}
.listNameTxtOverflow {display: inline-block; max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.LinkInlineEdit { min-width: 250px;}
a.listViewFollowupBtn {display:none; position: absolute; right: 0;  width: 26px; color: #5D728E; height: 26px; text-align: center; line-height: 23px;top: 0;border: 1px solid transparent;border-radius: 3px;}
a.listViewFollowupBtn:hover {border-color:#309FD9; background:#fff;}
.contactListViewTable tr:hover a.listViewFollowupBtn  {display:block;}
.noEmailWrap {position: absolute; left: 0; right: 0; width:100%; height:100%; background: rgba(255,255,255,0.8); z-index: 10;  }
.noEmailLayout{ display: table; text-align: center; width: 100%; height:100%}
.noEmailLayout > div {display:table-cell; vertical-align:middle; line-height:30px; padding:30px 80px;}
.noEmailLayout > div h2 { font-size: 13px; font-weight: 600; margin-bottom: 16px; line-height: 21px; margin-top:0; }
.noEmailLayout > div i{ font-size: 21px; color: #dca62b; margin-bottom: 16px;}
.noEmailLayout .msgBox { padding: 25px; background: #ffffff; border: 1px solid #d4e7ef; border-radius: 5px; display: inline-block; }
ul.listViewQuickActions { margin-left:7px; margin-right:25px; }
tr:hover ul.listViewQuickActions {opacity:1; }
ul.listViewQuickActions > li { display: inline-block; margin-left: 4px; width: 25px; vertical-align:middle;}
ul.listViewQuickActions > li > a {display: block; width: 19px; height: 19px; font-size: 20px; text-align: center; line-height: 23px; border-radius: 100%; color: #00a8ff; position: relative;}
ul.listViewQuickActions > li > a.emailIcon { color: #f4734b; }
ul.listViewQuickActions > li > a.newIcon { color: #469ee2;}
ul.listViewQuickActions > li > a.emailIcon + .tooltip > .tooltip-inner {padding:5px; font-family: 'Work Sans', sans-serif; min-width:85px;}
ul.listViewQuickActions > li > a.newIcon + .tooltip > .tooltip-inner {padding:5px; font-family: 'Work Sans', sans-serif; max-width:140px;}
ul.listViewQuickActions > li > a.call.active{ -webkit-animation: busy 1s infinite; animation: busy 1s infinite; pointer-events:none;}
ul.listViewQuickActions > li > a.call.disabled {pointer-events:none; opacity: 0.3;}
ul.listViewQuickActions > li > a.listHotnessBtn {background:url(../Images/hotness-icons.png) no-repeat;}
ul.listViewQuickActions > li > a.listHotnessBtn.vhot { background-position: center 3px; }
ul.listViewQuickActions > li > a.listHotnessBtn.hot {background-position: center -16px;}
ul.listViewQuickActions > li > a.listHotnessBtn.warm {background-position: center -34px;}
ul.listViewQuickActions > li > a.listHotnessBtn.cold {background-position: center -52px;}
ul.listViewQuickActions > li > a.listHotnessBtn.unknown { background-position: center -72px; height: 25px; margin-top: 10px;}
ul.listViewQuickActions > li > a.listHotnessBtn.vhot.flag { background-position: center -95px; }
ul.listViewQuickActions > li > a.listHotnessBtn.hot.flag { background-position: center -111px; }
ul.listViewQuickActions > li > a.listHotnessBtn.warm.flag { background-position: center -127px;}
ul.listViewQuickActions > li > a.listHotnessBtn.cold.flag { background-position: center -143px;}
ul.listViewQuickActions > li > a.listHotnessBtn.unknown.flag { background-position: center -160px;}


.hotnessPopupContainer .quickAddPopoverBody {min-width: 285px;}
.hotnessPopup { padding: 25px 20px;}
.hotnessPopup .title { font-weight: 600; padding-bottom: 5px; }
.hotnessPopup span.input-group-addon { border: 0; border-radius: 0; border-bottom: 1px solid #e8eff3; }
.hotnessPopupContainer .hotnessBar {max-width: 230px; padding-right: 0;}

.quickAddPopover { position: absolute;  background: #fff; border: 1px solid #c1c9d2; border-radius: 7px; box-shadow: 11px 11px 16px rgba(79, 92, 107, 0.5); display: none; z-index: 99; margin-left:25px;}
.quickAddPopoverTitle {-webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; background: #fff; padding: 10px 4px 0; }
.quickAddPopoverTitle .btn { color: #4ba0f8; font-size: 13px; background: transparent;}
.quickAddPopoverBody {min-width: 330px; max-width: 330px;}
.quickAddPopoverBody{font-size:13px;}
.quickAddPopoverFooter .btn{font-size: 16px; border-radius: 0 0 7px 7px;}
a.quickAddPopoverClose { position: absolute; right: 3px; top: 3px; font-size: 11px; color: #a1b0b8; width: 30px; height: 30px; text-align: center; line-height: 30px; }
.quickAddPopoverTitle .dropTrans  .dropdown-menu { top:30px;}
.quickAddPopoverTitle .dropTrans .dropdown-menu li a {font-size:13px;}
.btn-group.dropTrans .dropdown-menu:before { content: ''; border: 4px solid transparent; border-bottom: 4px solid #a0a7af; position: absolute; left: 16px; top: -9px; }
.btn-group.dropTrans .dropdown-menu:after { content: ''; border: 4px solid transparent; border-bottom: 4px solid #fff; position: absolute; left: 16px; top: -8px; }
.quickAddPopover:before { content: ''; border: 7px solid transparent; border-right: 7px solid #c1c9d2; position: absolute; left: -14px; top: 12px; }
.quickAddPopover:after { content: ''; border: 7px solid transparent; border-right: 7px solid #ffffff; position: absolute; left: -12px; top: 12px; }
.quickAddPopover.quickAddPopoverBottom:after {bottom: 12px; top: inherit;}
.quickAddPopover.quickAddPopoverBottom:before {bottom: 12px; top: inherit;}
.quickAddPopover .error-input::-webkit-input-placeholder {color:#e26e6e;}
.quickAddPopover .error-input:-moz-placeholder {color:#e26e6e;opacity: 1;}
.quickAddPopover .error-input::-moz-placeholder {color:#e26e6e;opacity: 1;}
.quickAddPopover .error-input:-ms-input-placeholder {color: #e26e6e;}
.quickAddPopover .error-input{border-color: #ef6363 !important;}
.quickAddPopover .quickActionsTextarea { resize: vertical; min-height:70px; max-height: 150px; border-bottom:0 none; }
.quickAddPopover .quickActionsTextarea:focus{min-height: 100px; }
.quickAddPopover .chFormFeildsCell.noBtmSpace {padding-bottom: 0!important;}
.quickAddPopover .meetingDurationCell {width:150px}
.quickAddPopover .sendInviteCell label{font-weight: normal; vertical-align: middle; margin: 13px 0 0 0; cursor: pointer;}
.quickAddPopover .sendInviteCell label input[type=checkbox] {vertical-align: text-bottom; margin: 0;}

/*Followup Window*/
.chFollowupWindow { position: relative; background: #fff; border-radius: 5px 0 0 0; }
.chFollowupWindowHeader { position: relative; padding: 8px 15px 0; border-bottom:1px solid #7c96c5; }
.close { font-size:18px; margin-top:6px;}
.chFollowupWindowHeader .nav-tabs>li { margin-bottom: -3px; }
.chFollowupWindowHeader .nav-tabs { border-bottom: 0 none; }
.chFollowupWindowBody { min-width: 670px; min-height: 520px; position: relative;}
.chFollowupWindowBody .tab-content, .chFollowupWindowBody .tab-content>.tab-pane { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.chFollowupWindowBody .tab-content .followupActivityFilterContaienr{ padding: 20px 25px 5px; border-bottom: 0 none;}
.chFollowupWindowBody .tab-content .followupActivityFilterContaienr .dropdownTrans .btn{ padding:6px 0; font-size:13px;}
.chFollowupWindowBody .taskDetails.taskCol { padding-left: 25px; }
.chFollowupWindowBody .taskAssigneePic { width: 18px; height: 18px; }
.chFollowupWindowBody a.assigneTo { font-size: 12px; }
.chFollowupWindowBody .taskDivider { padding: 20px 25px 7px; }
.chFollowupWindowBody .chActivityWrapper { padding: 0 25px 25px 25px; margin-top: 10px; height: 100%; overflow: auto;}
.chFollowupWindow .addActivityFields,  .chFollowupWindow .addActivityContainer .activityTabs{display:none;}
.chFollowupWindow .chEmailTo .ch-layout-table-cell, 
.chFollowupWindow .chEmailSender .ch-layout-table-cell, 
.chFollowupWindow .chEmailCC .ch-layout-table-cell, 
.chFollowupWindow .chEmailSubject .ch-layout-table-cell{ height: 35px; vertical-align: middle;}
.ch-layout-table-cell.chEmailSenderLabel, .ch-layout-table-cell.chEmailToLabel, .ch-layout-table-cell.chEmailCCLabel { width: 40px; padding-right: 10px; }
.chFollowupWindow .chEmailSender, .chFollowupWindow .chEmailTo, .chFollowupWindow .chEmailCC { padding: 0 25px;}
.chRecepients.lookupWrap { cursor: text; }
.chRecepientTag { display: inline-block; border: 1px solid #d4dde5; position: relative; padding: 2px 8px 2px 8px; border-radius: 15px; font-size: 12px; vertical-align: middle; margin:2px; }
.chRecepientTag .chRecepientTagRemove {display: inline-block; cursor: pointer; }
.chRecepientTag.invalidEmail { border-color: #ff6588; }
.chRecepientTag > span { display: inline-block; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.chRecepients.lookupWrap .chRecepientsTextarea { width: inherit!important; border: 0 none!important; resize: none; vertical-align: middle; height:20px;}
.chRecepients.lookupWrap .dropdown-menu.lookup-dropdown .thinScrollbar{max-height: 260px; overflow: auto;}
.chRecepients.lookupWrap .dropdown-menu.lookup-dropdown .loadingIcon {font-size: 20px; color: #ff7b1d; position: absolute; right: 15px; top: 13px; background: #fff;}
.suggestedContacts{padding: 15px; font-size: 13px;}
.chRecepients.lookupWrap ul.recipientList li {cursor:pointer; outline: 0 none;}
.chRecepients.lookupWrap ul.recipientList li.selected { background: #ffeedf; }
.chRecepients.lookupWrap .dropdown-menu.lookup-dropdown {min-width:300px;}
.chEmailComposeContainer { height: 100%; }
.chFollowupWindow .chEmailTo .chEmailToName { font-weight: 500; }
.chFollowupWindow .chEmailSubject { border-top: 1px solid #e4e0ed; border-bottom: 1px solid #e4e0ed; position: relative; margin-top: 10px; padding:0 115px 0 25px;}
.chEmailSubjectInput { height: 40px!important; font-weight: 400!important; }
.followupEmailHeader > .ch-layout-table-cell { padding-top: 10px; }
.chFollowupWindow .btn.emailSenderDropdown { border: 0 none; box-shadow: 0 0 0 transparent; padding: 4px; color: #253858; font-weight: 500; }
.followupEmailBody > .ch-layout-table-cell { padding:5px 0 0 0; }
.followupEmailFooter .btn { font-size:12px; padding:6px 10px;}
.followupEmailFooter .input-group.date.bootstrapDate input {letter-spacing: -0.8pt; font-size: 11px; padding: 0 3px;}
.followupEmailFooter .input-group-addon {padding: 6px 8px;}
.followupEmailFooter > .ch-layout-table-cell { padding: 15px; }
.followupEmailFooter .dropdown-menu > li > a { font-size:12px;}
.btn.emailSenderDropdown + ul > li .txtLg { display: block; font-weight: 500; font-size: 12px; }
.btn.emailSenderDropdown + ul > li .txtSm { color: #9c9c9c; font-size: 12px;}
.chFollowupWindow .nav-tabs.tabs-bottom-border > li > a {max-width:inherit;}
.chFollowupWindow .mce-stack-layout-item { padding: 0 7px;}
.chFollowupWindow .mce-splitbtn .mce-open, .chFollowupWindow .mce-colorbutton .mce-open { padding-right: 4px; padding-left: 0px; }
.chFollowupWindow .mce-splitbtn:hover .mce-open, .chFollowupWindow .mce-colorbutton:hover .mce-open { border-left-color: #ffffff; }
.chFollowupWindow .mce-colorbutton .mce-preview {margin-left: -14px;}
.chFollowupWindow .mce-btn { border-radius: 4px; }
.chFollowupWindow a.followupWindowExpand { position: absolute; right: 50px; top: 13px; color: #9e9e9e; font-size: 15px; }

/* Hotness Bar */
.hotnessBar { padding: 0 25px 0 0; position: relative; }
.hotnessList { display: table; width: 100%; border-spacing: 1px; border-collapse: separate; table-layout: fixed; }
.hotnessList li { display: table-cell; height: 6px; position: relative; text-align: center; cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.hotnessList li.inactive { background-color: #efefef!important; box-shadow: inset 1px 1px 1px #ccc; }
.hotnessArrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #8A9EA9; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; cursor: pointer; }
.hotnessList li:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.hotnessList li:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.listItemLabel { font-size: 10px; font-weight: 600; position: absolute; width: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: 0; pointer-events: none; white-space: nowrap; letter-spacing: -1px;}
.hotnessList li:hover .listItemLabel, .hotnessList li.active .listItemLabel { -webkit-transform: translate(0, -17px); transform: translate(0, -17px); opacity: 1; }
.hotnessNone { color: #32B2F5; }
.hotnessCold { color: #309fd9; }
.hotnessWarm { color: #89c937; }
.hotnessHot { color: #f1b847; }
.hotnessVery { color: #e75843; }
.hotnessHelp { width: 48px; height: 18px; margin: 0 auto; border-radius: 50px; text-align: center; font-size: 11px; margin-top: -27px; position: absolute; font-weight: 600; left: 50%; margin-left: -39px; }
#check { fill: none; stroke: green; stroke-width: 20; stroke-linecap: round; stroke-dasharray: 180; stroke-dashoffset: 180; animation: draw 1s ease; }
.exploreContainer {display: none;}

@keyframes draw {
    to { stroke-dashoffset: 0; }
}

/* BUTTONS */
.btn { border-radius: 3px; font-size: 13px; font-weight: 500; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 6px 15px;}
.btn.btnTrack { padding-left: 25px; position: relative; }
.btnTrack input[type=checkbox] { top: 0; position: absolute; left: 8px; }
.btn-white i { margin-right: 3px; font-size: 16px; }
.btn-group.btn-toggle .btn-default{ border-color: #CCDAE0;}
.btn-group.btn-toggle .btn.btn-default.active {background: #F4F8FB;border-color: #A0D8EF;color: #039BE9;}
.btn.circleBtn { border-radius: 100%; width: 30px; height: 30px; line-height: 29px; text-align: center; padding: 0;}
.btn.btnPurple { background: #6a59ec; color: #fff; }
.btn.btnPurple:hover { background: #7c6cf7; }
.btn.btnPurple:active { border-color: #5d4dd6; }
.btn.btnOrange { background:#f1642c; color: #fff; }
.btn.btnOrange:hover { background:#fa6d35; }
.btn.btnOrange:active { border-color:#f1642c; }
.listPaginationBack {font-size: 18px; vertical-align: middle; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px;}
.listPaginationDropdown { display: inline-block;  position: relative;}
.listPaginationDropdown .activeListItem { display: inline-block; height: 49px; padding: 0 10px; position: relative; padding-right: 20px;vertical-align: middle; line-height: 49px; font-weight: 600; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.listPaginationDropdown .activeListItem.isDropdown { cursor: pointer; user-select: none; }
.listPaginationDropdown .activeListItem.isDropdown:before { content: ''; position: absolute; right: 6px; border: 3px solid transparent; border-top: 3px solid #25387c; top: 50%; margin-top: -2px; }
.listPaginationDropdown .btn.listPaginationBtn { padding: 4px 10px; box-shadow: 0 0 0 transparent; font-size: 12px; }
.listPaginationDropdown .listPaginationBtn i { font-size: 20px; vertical-align: middle; color: #4ba0f8; line-height: 0; }
.listPaginationDropdown .listPaginationBtn.btnNext { color: #939cb1; border: 1px solid #c8d0d6; border-radius: 15px; padding-right: 5px;}
.listPaginationDropdown .listPaginationBtn.btnNext:hover { color: #253858; }
.listPaginationDropdown .chFiltersDropdown { margin-top: -4px; z-index: 10; }
.listPaginationDropdown ul.chFiltersMultiList > li > ul.listPaginationStyle { padding: 15px 30px; }
.listPaginationDropdown ul.chFiltersMultiList > li > ul.listPaginationStyle > li > a { padding-left: 10px; font-weight: 600;}
.listPaginationDropdown .listPaginationWrap { position: relative; }
.listPaginationDropdown .listPaginationWrap .listPaginationBtn { position: absolute; top: 50%; margin-top: -17px; display: block; background:#fff; width: 18px; height: 35px; border: 1px solid #c8d0d6; line-height: 32px; font-size: 20px; z-index: 100; }
.listPaginationDropdown .listPaginationWrap .listPaginationBtn.prev { left: 0; border-left: 0; border-radius: 0 3px 3px 0; }
.listPaginationDropdown .listPaginationWrap .listPaginationBtn.prev i { left: -3px; position: relative; }
.listPaginationDropdown .listPaginationWrap .listPaginationBtn.next { right: 4px; border-right: 0; border-radius: 3px 0 0 3px; }
.listPaginationDropdown .chFiltersMultiListCol {overflow-y: scroll; min-height:150px;}
.listPaginationDropdown .listPaginationWrap .listPaginationBtn.disabled { opacity: 0.6; cursor: default; pointer-events: none; color: rgba(37, 56, 124, 0.5); }
.quoteElementList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.quoteElementList > a { display: flex; width: calc(50% - 5px); border: 1px solid #c8d0d6; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10px; border-radius: 5px; color: #253858; padding: 8px; text-decoration: none; position: relative; transition: all 0.3s ease-in-out;}
.quoteElementList > a:hover { box-shadow: 3px 3px 3px rgb(0 0 0 / 10%); color: #4596fb; }
.quoteElementList > a.disabled { opacity: 0.5; pointer-events:none; }
.quoteElementList > a .quoteElementIcon { font-size: 28px; }
.quoteTemplatesListItem { padding: 10px; border: 1px solid #c8d0d6; margin-bottom: 5px; cursor: pointer; border-radius: 5px; position:relative; }
.quoteTemplatesListItem img { max-width: 100%; }
.quoteTemplatesListItem.loading{pointer-events:none;}
.quoteTemplatesListItem.loading:before { content: ''; background: rgb(0 0 0 / 20%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 5px; }
.quoteTemplatesListItem.loading:after { content: ''; width: 30px; height: 30px; display: block; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; border: 3px solid #4596fb; border-radius: 100%; border-right-color: #fff; -webkit-animation: spinner 0.5s infinite linear; animation: spinner 0.5s infinite linear; }
.builderPropertiesFiedGroup { padding-bottom: 25px; }
.builderPropertiesFiedGroup:last-child { margin-bottom: 50px; }                                             
.qbuilderPropertiesFiedGroupLabel { display: flex; align-items: center; font-weight: 600; color: #f1642c; margin-bottom: 10px; position:relative; }
.qbuilderPropertiesFiedGroupLabel.collapsible { padding-left: 15px; cursor: pointer; }
.qbuilderPropertiesFiedGroupLabel.collapsible:before { content: ''; width: 7px; height: 7px; display: block; border-right: 2px solid #f1642c; border-bottom: 2px solid #f1642c; position: absolute; left: 0; transform: rotate( -45deg ); top: 50%; margin-top: -5px; }
.qbuilderPropertiesFiedGroupLabel.collapsible.active:before { transform: rotate( 45deg ); }
.builderPropertiesFieldLabel { font-size: 12px; font-weight:600; }
.builderPropertiesFieldRow { display: flex; grid-column-gap: 5px; }
.builderPropertiesFieldRow + .builderPropertiesFieldRow{margin-top:10px;}
.builderPropertiesFieldRow.col-3{grid-template-columns: auto auto auto; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.builderPropertiesFieldContainer input[type=color] {padding: 0 2px; border: 1px solid #c8d0d6;}
.builderPropertiesFieldContainer.inline { display: flex; align-items: center; padding: 7px 0; border-bottom: 1px solid #e1e9ee; width:100%; }
.builderPropertiesFieldContainer.inline:last-child, .builderPropertiesFieldContainer.inline.last{border-bottom:0 none;}
.builderPropertiesFieldContainer.inline .builderPropertiesFieldLabel { min-width: 130px; padding-right: 5px; text-transform: capitalize; }
.builderPropertiesFieldContainer.inline a.builderPropertiesFieldRemove { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; flex-shrink: 0; color: #516873; }
.builderPropertiesFieldRow.wrap { flex-wrap: wrap; }
.builderSelectedElement {border: 1px solid #f1642c!important; background: rgb(255 247 217); text-transform: lowercase; padding: 3px 9px; color: #f1642c; font-weight: 600; text-align: center; border-radius: 3px;}
.documentsTemplatesModal .modal-content {border-radius: 15px !important;}
.documentsTemplatesModal .modal-dialog {width:844px;}
.documentsTemplatesModal .modal-body {padding:0;}
.documentTemplatesModalHeader { position: relative; display: flex; justify-content: space-between; padding: 13px 20px 9px; font-weight: 600;}
.documentTemplatesModalHeader a { color: #253858; font-size: 14px; line-height: 15px; }
.documentTemplatesModalHeader:before, .documentTemplatesModalHeader:after { background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; top: 100%; }
.documentTemplatesModalHeader:before { background-image: linear-gradient( 135deg , #c8d0d6 25%, transparent 25%), linear-gradient( 225deg , #c8d0d6 25%, transparent 25%); margin-top: 1px; }
.documentTemplatesModalHeader:after { background-image: linear-gradient( 135deg , #ffffff 25%, transparent 25%), linear-gradient( 225deg , #ffffff 25%, transparent 25%); }
.documentTemplatesModalContent { display: flex; width: 100%; }
.documentTemplatesModalSidebar { width: 190px; overflow: auto; }
.documentTemplatesCategories { padding: 20px 0px 15px 15px; }
.documentTemplatesCategories > a { display: flex; justify-content: space-between; width: 100%; padding: 9px 20px 9px 15px; color: #253858; }
.documentTemplatesCategories > a.active {font-weight: 600;}
.documentTemplatesCategories > a:hover{background: #f7f7f9; border-radius: 5px 0 0 5px; text-decoration: none;}
.documentTemplatesCategories > a .ch { visibility: hidden; font-size: 16px; line-height: 16px;}
.documentTemplatesCategories > a.active .ch { visibility: visible; color:#f1642c;}
.documentTemplateSection { flex: 1; background: #f7f7f9; border-radius: 0 0 15px 0; padding:5px 24px 24px; max-height: 450px; overflow: auto; }
.documentTemplateSectionTitle { font-size: 15px; font-weight: 700; padding-left: 5px; margin-bottom: 5px; padding-top:20px;}
.documentTemplates { display: flex; width: 100%; flex-wrap: wrap; }
.documentTemplate { padding: 5px; width: 150px; font-size: 12px; flex-shrink: 0; cursor: pointer;}
.documentTemplateImg {padding: 5px; background: #fff; position:relative; height: 185px; border-radius: 5px; border: 1px solid #efefef; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 5px; }
.documentTemplateImg img {max-width:100%;}
.documentTemplateImg.blank { cursor: pointer; }
.documentTemplateImg.blank .ch { font-size: 42px; color: #4596fb; }
.documentTemplateImg.loading{pointer-events:none;}
.documentTemplateImg.loading:before { content: ''; background: rgb(0 0 0 / 20%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 5px; }
.documentTemplateImg.loading:after { content: ''; width: 30px; height: 30px; display: block; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; border: 3px solid #4596fb; border-radius: 100%; border-right-color: #fff; -webkit-animation: spinner 0.5s infinite linear; animation: spinner 0.5s infinite linear; }
.documentTemplate:hover { background: #f1f1f7; border-radius: 5px; }
.documentTemplate:hover .documentTemplateImg { border-color: #4596fb; }
.templatesLoader { position: relative; min-height: 400px; width: 100%;}
.templatesLoader:after { content: ''; width: 30px; height: 30px; display: block; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; border: 3px solid #4596fb; border-radius: 100%; border-right-color: #fff; -webkit-animation: spinner 0.5s infinite linear; animation: spinner 0.5s infinite linear; }



 /* PROFILE */
.overviewTabContentScroller {height:100%;}
.profileContainer{ height: 100%;}
.profileContainer-left { width: 73%; height:100%;}
.profileContainer-right { width: 27%; padding:15px;  height:100%; vertical-align:top;}
.profileContainer-right > .mCustomScrollBox > .mCSB_container{min-height: 300px;}
.profileInfoWrap { padding: 40px 40px 80px 111px; position: relative; background: #6743cd;}
.profileInfoWrap:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/profile-bg.png) repeat-y right top; }
.profilePic {width: 56px; height: 56px; -webkit-border-radius: 100px; border-radius: 100px; position: absolute; left: 40px; top: 30px;}
.profilePic:before { content: ''; display: block; width: 48px; height: 49px; background: #ffffff; position: absolute; border-radius: 100%; left: 2px; top: 5px; border: 5px solid #a264ff; }
.profilePic i { font-size: 52px; color: #6743cd; position: relative; line-height: 60px; }
.profilePicEditLink { position: absolute; z-index: 1; display: none; width: 24px; height: 24px; left: 80px; top: 61px; background: #4ba0f8; align-items: center; justify-content: center; border-radius: 100%; color: #fff; }
.companyIconWrap { display: block; width: 50px; height: 50px; background: #6743cd; border-radius: 100%; border: 3px solid #a264ff; text-align: center; line-height: 44px; color: white; font-size: 28px; position: absolute; left: 40px; top: 30px; }
ul.profilInfoList { position: relative; min-height:62px; }
ul.profilInfoList li { display: block; font-weight: 300; line-height:24px; color: #f8f5ff;}
li.profileNamelistItem { margin-bottom: 10px;  padding-top: 5px;}
.profilInfoList h2.profileName { font-size: 18px; font-weight: 600; margin: 0; text-transform: capitalize; display: inline-block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.profilInfoList li.iconListItem { position: relative; }
.profilInfoList li.iconListItem i.ch { font-size: 18px; vertical-align: middle; margin-right: 8px;}
.profilInfoList li.iconListItem a { color:#81efdf;}
.profilInfoList .iconLeft {vertical-align:middle; margin-right: 8px;}
.profilInfoList .phoneIon { margin: 0 10px 0 0;  vertical-align: middle;}
span.phoneSpan { vertical-align: middle; margin-right:10px; }
.phoneBtns {box-shadow: 0 0 0 transparent; margin-left:2px; padding: 3px; width: 30px; height: 30px; border-radius: 100%;}
.phoneBtns i{ color: #4082e2!important;}
.profileInfoWrap .followupBtn { position: absolute; right: 0; top: 0; }
.profileInfoWrap:hover .profilePicEditLink{display:flex;}
.socialLinks { display: inline-block; vertical-align: top; margin-left: 25px; }
.socialLinks > li { display: inline-block!important; vertical-align: middle; }
.socialLinks li a { font-size: 16px; line-height: 16px; text-align: center; color: #fff;}
.checkProfileInfoList .socialLinks { bottom: 30px; }
.checkProfileInfoList .followupBtn { margin-top: -5px; padding: 3px 15px;}
.checkProfileInfoList .followupBtn i {font-size: 16px; vertical-align: middle;}
ul.profileActionsBtns {position: absolute; right: 40px; bottom: 76px; display: flex;}
ul.profileActionsBtns > li { display: inline-flex; padding-left:5px; position:relative; }
ul.profileActionsBtns > li.profileActionsBtnMail {border-right:0;}
ul.profileActionsBtns > li.profileActionsBtnMail .btn-success { background-color: #2ec15b; border-color: #43ce6d; }
ul.profileActionsBtns > li > a.btn { padding: 4px 15px 3px; vertical-align: middle; box-shadow: 0 0 0 transparent; }
ul.profileActionsBtns > li > a.btn i { font-size: 17px; vertical-align: middle; margin-right: 3px; }
ul.profileActionsBtns > li > a.btn.btn-default i{ color: #ff7b1d;}
ul.profileActionsBtns > li > a.btn.call.active i{-webkit-animation: busy 1s infinite; animation: busy 1s infinite; pointer-events:none;}
.chDialNumberPopover { position: absolute; background: #fff; z-index: 9; border-radius: 7px; border: 1px solid #c8d0d6; box-shadow: 10px 10px 10px rgba(144, 144, 144, 0.2); }
.chDialNumberPopover:before { content: ''; position: absolute; border: 7px solid transparent; }
.chDialNumberPopover.bottomRight { right: 0; top: 40px; }
.chDialNumberPopover.bottomRight:before { border-bottom: 7px solid #fff; top: -13px; right: 31px; }
.chDialNumberPopover.topLeft { left: 30px; top: -5px; }
.chDialNumberPopover.topLeft:before { border-right: 7px solid #fff; left: -12px; top: 6px; z-index: 1; }
.chDialNumberPopover.topLeft:after { left: -14px; top: 6px; content: ''; border: 7px solid transparent; border-right: 7px solid #c8d0d6; position: absolute; }
.chDialNumberPopoverClose {position: absolute; right: 0; top: 0; padding: 5px 7px;}
.chDialNumberPopoverBody { padding: 25px; min-width: 340px; }
.chDialNumberPopoverHeading { font-weight: 600; margin-bottom: 15px; }
.chDialNumberPopoverBody .input-group { width: 100%; }
.chDialNumberPopoverBody .verticalLabelInputRow .ch-input-div .ch-input:not(.form-control), .chDialNumberPopoverBody .verticalLabelInputRow .input-group input { height: 30px!important; }
.chDialNumberPopoverBody .btn-primary.input-group-addon.btn { border-radius: 100%!important; width: 30px; height: 30px; padding: 0; background: #469ee2; color: #fff; }
.chDialNumberPopoverFooter .btn { border-radius: 0 0 7px 7px; }
.selectCountryCodeInputGroup .input-group-addon { padding: 0 5px 0 0; border-bottom: 0 none!important; }
.selectCountryCodeInputGroup input.form-control.countryCodeInput {height: 27px!important; width: 50px; border-radius: 3px!important; padding: 0 5px!important}
.chDialNumberPopoverBody .countryCodeInfo {font-size: 12px; display:flex; align-items: center;}
.chDialNumberPopoverBody .countryCodeInfo i{margin-right: 4px; font-size: 15px; vertical-align: middle; color: #ff7b1d;}
.checkProfileInfoList .profilInfoList { padding-top: 6px; }
.activityWrap { padding: 25px; }
.activityTitle { margin: 0; font-size: 14px; }
.toggleList li { display: inline-block; margin-left: 10px; font-size: 13px; }
i.activityIcon {text-align: center; line-height: 33px; font-size: 18px; z-index: 9; }
.activityList > li:hover .noteActions { display:block; }
.activityHLine { width: 1px; height: 100%; left: 15px; top: 0; position: absolute; }
.activityListInWrap { display: block; padding: 0px 0 10px 45px; position: relative; min-height: 50px; padding: 20px 20px 20px 60px; background: #fff; color: #252d43; font-size: 13px; margin-bottom: 15px; line-height: 18px; -webkit-box-shadow: 2px 2px 3px rgba(225, 222, 236, 0.6); box-shadow: 2px 2px 3px rgba(225, 222, 236, 0.6); border: 1px solid #c8d0d6; border-radius: 10px; }
.activityListInWrap.emailsThredClosed { cursor: pointer; }
.activityListInWrap.emailsThredClosed:before {content: ''; left: 9px; right: 9px; bottom: -4px; height: 2px; border-bottom: 1px solid #c8d0d6; position: absolute; background: #fff; border-top: 0 none; border-radius: 15px;}
.activityListInWrap.emailsThredClosed:after {content: ''; left: 12px; right: 12px; bottom: -7px; height: 2px; border-bottom: 1px solid #c8d0d6; position: absolute; background: #fff; border-top: 0 none; border-radius: 15px;}
.activityListInWrap .hasAttachments { display: block; width: 30px; height: 30px; line-height: 36px; text-align: center; font-size: 16px; color: #a2afbf; cursor: pointer; position: absolute; right: 14px; top: 34px; }
.activityTopTable { width: 100%; display: table; }
.activityTopTable li { display: table-cell; height: 50px; vertical-align: middle; }
.activityOverflow .row { max-height: 48px; }
.activityOverflow .row.textareaRow { max-height: 100px; }
.profilePicCell { padding: 0 15px; width: 30px; }
li.profileNameCell { /*width: 120px;*/ }
.activityTopTable .profileName { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.activityTopTable .dateCell { font-size: 13px; font-weight: 400; width: 95px; text-align: right; padding-right: 15px; }
.activitiesScroller { }
.multipleLinks {display: inline-block;}
.multipleLinks a { display: inline-block; margin-right: 6px; }
.multipleLinks a:after { content: ','; }
.multipleLinks a:last-child:after { display:none; }
.emailBody { padding: 15px; }
.addNoteWrap { padding-bottom: 30px; }
.noteActions { position: absolute; top: -9px; right: 12px; width: 120px; display:none; }
.noteActions.show {display:block;}
.noteActionList { width: 120px; display: flex; justify-content: flex-end;}
.noteActionList li {display: inline-block;}
.noteActionList >  li > a, .noteActionList li .trackingHistoryArrow  { display: block; width: 30px; height: 30px; line-height:36px; text-align: center; font-size: 16px; color: #a2afbf; cursor:pointer;}
.noteActionList li a:hover { color: #253a43; }
.noteActionList .trackingHistoryDropdown {right:0; top:29px;}
.profileSidebarSections { margin-bottom: 12px; border-radius: 10px; border: 1px solid #c8d0d6;}
.profileSidebarSectionContainer {padding: 15px;}
.empty-state .profileSidebarSectionContainer { padding: 25px 15px; }
.profileSidebarSectionTitle { font-weight: 600; position: relative; padding: 12px 15px; min-height:42px;}
.profileSidebarSectionTitle:before { top: 37px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #fff), color-stop(0.25, #fff)); background-image: linear-gradient(135deg, #afb9c7 25%, transparent 25%), linear-gradient(225deg, #afb9c7 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 20px; background-size: 8px 100%; content: ''; position: absolute; }
.profileSidebarSectionTitle:after { top: 36px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #fff), color-stop(0.25, #fff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 20px; background-size: 8px 100%; content: ''; position: absolute; }
.chHotnessWrap {position:relative; padding-right: 70px; margin-bottom: 15px;}
.chHotnessSnoozeBtn{position: absolute; right: 0; top: -12px; font-weight: 400}
.chHotnessSnoozeBtn .btn {font-weight: 400; font-size: 12px; padding: 6px 5px;}
.profileDealList > li { display: block; position: relative; }
.profileDealList > li .title { color: #253858; display: block; padding: 12px 10px 12px 45px; border-radius: 5px; }
.profileDealList > li .title .usdIcon { position: absolute; left: 15px; font-size: 20px; top: 5px; color: #ff7b1d; }
.profileDealList > li .title span.dealTitle { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }
.profileDealList > li .title span.description { font-size: 11px; margin-top: 5px; display: block; color: #939cb1;}
.profileDealList > li .title:hover { background: #f7f7f7; text-decoration: none; }
.profileTaskList > li { display: block; position: relative; padding: 12px 12px 12px 45px; }
.profileTaskList > li .profileTaskCheck { position: absolute; left: 15px; top: 26px; }
.profileTaskList > li .profileTaskCategory { font-size: 11px; color: #4bb06f; margin-bottom: 5px; }
.profileTaskList > li .profileTaskName { font-weight: 600; }
.profileTaskList > li .profileTaskDate { font-size: 11px; color: #939cb1; margin-top: 5px; }
.profileTaskList > li .profileTaskDescription { padding: 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; color: #939cb1; }
.profileTaskList > li:hover { background: #f7f7f7;}
.profileSidebarSectionContainer .ch-hotness-template { margin-top: 25px;}
.chTagsContainer { position: relative; user-select:none; }
.ch-dynamic-form-input > .chTagsContainer { border-bottom: 1px solid #e7eff3; }
.ch-dynamic-form.readOnly .ch-dynamic-form-input > .chTagsContainer { border-bottom: 0 none; }
.inlineEditContainerWrap .chTagsContainer { border: 1px solid #c8d0d6; background:#fff; padding: 10px; border-radius: 5px; max-width: 300px; }
.chTagList { display: inline-block; margin-right: 10px; }
.inlineEditContainerWrap .chTagsContainer .chTagList { white-space: normal; min-width: 277px; }
.chTagList > .chTag {display: inline-block; position: relative; background: #fff2e8; border: 1px solid #f5a783; border-radius: 3px 0px 0px 3px; padding: 2px 15px 2px 10px; margin:0 15px 4px 0; font-size: 12px;}
.chTagList > .chTag.nonEditable {padding-right:5px;}
.chTagList > .chTag  > .chTagRemove {position: absolute; top: 0; bottom: 0; line-height: 23px; right: -10px; width: 26px; text-align: center;  cursor: pointer;}
.chTagList > .chTag  > .chTagRemove:before {content: ''; border: 11px solid transparent; border-left: 10px solid #f0966d; position: absolute; right: -12px}
.chTagList > .chTag  > .chTagRemove:after {content: ''; border: 11px solid transparent; border-left: 10px solid #fff2e8; position: absolute; right: -11px;}
.chTagList > .chTag > .chTagRemove:hover { color: #f5a783; }
.chTagList > .chTag.nonEditable > .chTagRemove .ch-close {display:none;}
.chTagList > .chTag.nonEditable > .chTagRemove {width:13px; pointer-events:none;}
.chTagList input.chAddTagInput{display: inline-block; width: 130px!important; border-bottom: 0 none; padding: 0!important; height: 28px!important; font-size: 12px!important; background:transparent!important;}
.chTagsContainer .chTagDropdown { border: 1px solid #c8d0d6; position: absolute; background: #ffff; z-index: 11; padding: 15px; border-radius: 5px; box-shadow:3px 3px 3px rgba(154, 154, 154, 0.3); top:100%; left:0; right:0; max-height:300px; overflow:auto;}
.chTagsContainer .chTagDropdown .ch-spin { font-size: 20px; color: #ff7b1d; margin: 0 auto; width: 20px; display: block; }
.chTagListHorizotal > .chTag:hover { background: #f4a93f; color: #fff; }
.chTagListHorizotal > .chTag { padding: 4px 10px; font-size: 12px; border-radius: 5px; cursor: pointer; }
.chTag .tagTrim { display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.chTagListHorizotal .newTagLabel {font-size: 12px; border-bottom: 1px solid #c8d0d6; padding-bottom: 9px; font-weight: 600; margin-bottom: 10px;}
.chTagListHorizotal .newTagLabel .newTag {cursor:pointer; font-weight: 500; color: #ff7b1d; border: 1px solid #f5a783; margin-left:5px; padding: 1px 10px; border-radius: 3px; font-size: 12px; display: inline-block; max-width: 150px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis;}
.chTagListHorizotal .newTagLabel .newTag:hover { background: #f4a93f; color: #fff;}
.chTagList .chTagCount { display: inline-block; width: 30px; text-align: center; font-size: 12px; font-weight: 600; cursor: pointer; }
.chTag.highlight, .chTagList > .chTag.highlight > .chTagRemove:after { background: #ffd1ae;}
.inlineEditContainerWrap .chTagsContainer .chTagDropdown { border-radius: 0 0 5px 5px; left: -1px; right: -1px; margin-top:-2px;}
.tagInlineEditContainerWrap { max-width: 300px; min-width: 200px; }
.tagInlineEditContainerWrap:after {visibility:hidden;}
.dealIcon { display: inline-block; width: 18px; height: 18px; border-radius: 50px; text-align: center; font-size: 13px; }
.dealIcon .fa { padding-top: 3px; }
.dueDate { margin-top: -6px; }
.dueDate span { color: #514c47; }
.markTaskComplete { text-decoration: line-through; }
.newLink { position: relative; top: -6px }
.newLink i.ch { font-size: 20px; color: #4bb045;}
.divider-or { position: relative; }
.divider-or .divider-or-txt { position: absolute; padding: 0 10px; background-color: #fff; top: -10px; left: 50%; margin-left: -14px; font-weight: 700; color: #A5ADB0; font-size: 14px; }
.contactList li { display: block; }
.contactList li a { display: block; position: relative; min-height: 40px; padding-left: 50px; line-height: 40px; color: #253a43; padding-left: 10px;}
.contactList li a:hover { background: #f7f7f7; text-decoration:none;}
.contactList li a i { font-size: 20px; vertical-align: middle; margin-right: 4px; color: #a1b0b8; }
.contactList li img { position: absolute; left: 10px; top: 5px; }
.dealsInfoWrap { padding: 30px 0 75px 111px; position: relative; min-height: 95px; background:#6743cd; }
.dealsInfoWrap:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/profile-bg.png) repeat-y right top; }
.dealsInfoWrap ul.pipeline-item-actions {background:transparent;}
.dealsInfoWrap .deaIcon { text-align: center; font-size: 28px; width: 50px; height: 50px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 40px; top: 30px; line-height: 48px; background: #6743cd; color: #ffffff; box-shadow: 0 0 0px 3px #9d7dff;}
.dealsInfoWrap .dealTitle { margin-top:5px; color: #fff; font-size: 18px; font-weight: 600; margin: 0; text-transform: capitalize;  max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dealsInfoWrap a.companyLink { color: #81efdf; margin-top: 3px; display: inline-block; position: relative; }
table.dealInfoTable { margin-top: 15px; }
.dealInfoTable td { padding-right: 10px; vertical-align: middle; }
.dealInfoTable .dealInfoValues { font-size: 16px; font-weight: 500; margin-right: 20px; color: #fff;}
.dealInfoTable .labelTxt { color: #c0b5e0;}
.dealsActions { width: auto!important; position: absolute; right: 50px; top: 20px; display: block!important; border-top: 1px solid transparent!important;}
ul.dealsActions li a { font-size: 12px; border-radius: 10px!important; padding: 10px!important;}
ul.dealsActions li a:hover  { background:rgba(0, 0, 0, 0.2);}
ul.dealsActions li a.marked  { pointer-events:none; background:rgba(0, 0, 0, 0.2);}
ul.dealsActions li a { color: #c0b5e0!important; }
.mCSB_scrollTools {width:4px;}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0,0,0,.1);}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color: rgba(0,0,0,.2);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:3px;}

/* Send Message Modal */
.chSendMsgModal .modal-dialog { max-width: 440px; }
.chSendMsgModal .modal-content { border-radius: 10px; }
.chSendMsgModal button.close { position: absolute; right: -15px; top: -20px; color: #fff; opacity: 1; }
.chSendMsgModalBody { padding: 40px; }
.chSendMsgModal .sendMsgBtn { border-radius: 0 0 10px 10px; height: 38px; line-height: 38px; padding: 0; }

/* Inputs */
input.input-lg, select.input-lg { height: 35px; padding: 0 13px; font-size: 13px; border-radius: 3px; }
input[type=checkbox] { -webkit-appearance: none; width: 18px; height: 18px; background: url(/images/check.png) no-repeat center 0; border-radius: 3px; border: 1px solid transparent;}
input[type=checkbox]:focus, input[type=checkbox]:active { outline: 0 none;}
input[type=checkbox]:hover {background-position: center -18px; }
input[type=checkbox]:checked, input[type=checkbox]:checked:hover { background-position: center -36px; }
input.input-trans, input.input-trans:focus, input.input-trans:active, textarea.input-trans, textarea.input-trans:focus, textarea.input-trans:active { border: 0!important; box-shadow: 0 0 0 transparent!important; padding: 0!important; }
input[type="radio"] {-webkit-appearance: none; width: 14px; height: 14px; border: 1px solid #4a8df0; border-radius: 14px; background: #ffffff; box-shadow: inset 0 0 3px rgba(0, 168, 255, 0.3); transition: all 0.3s ease;}
input[type="radio"]:checked {background: #4a8df0;box-shadow: inset 0 0 0px 3px #FFF;}
input[type="radio"]:focus {outline: 0 none;}

/* Modal */
.modal {z-index: 105019;}
.modal-backdrop { z-index: 104019;}
.modal-header-deafult { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #dae6eb; }
.deleteInfoWrap { background: url(../images/error-icon.png) no-repeat 10px 20px; font-size: 14px; padding: 21px 15px 15px 55px; }
.deleteInfoWrap .text-danger {font-weight: 600;font-size: 14px;display: block; padding-bottom: 7px;}
.txt-sm { font-size: 13px; margin-top: 4px; }
.deleteConfirmModal, .deleteConfirmModalWrap .modal-dialog { width: 560px; }
.successInfoWrap {font-size: 14px; padding: 21px 15px 15px 55px;}
.successInfoWrap .successIcon {position: absolute; left: 35px; font-size: 27px; color: green; top: 48px;}
.successInfoWrap p {font-size:13px;}
.successInfoWrap h4{font-weight: 600;font-size: 14px;display: block; padding-bottom: 7px;}
.nav-tabs.tabs-bottom-border > li > a {  white-space: nowrap; overflow: hidden; max-width: 120px; text-overflow: ellipsis; }
.nav-tabs.tabs-bottom-border > li > a:hover, .nav-tabs.tabs-bottom-border > li > a:focus { background:transparent;  color: #324752;}
.modal.leftCloseTransitions .modal-dialog { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); }
.followupModal.in.leftOpenTransitions .modal-dialog { -webkit-transform: translate3d(0%, 0, 0)!important; transform: translate3d(0%, 0, 0)!important; }
.modal.fade:not(.in).left .modal-dialog { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); }
.modal.fade:not(.in).right .modal-dialog { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); }
.modal.fade:not(.in).bottom .modal-dialog { -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.followupNavLabels { position: absolute; top: 50%; font-size: 11px; margin-top: 22px; color: #253A43; width: 150px; opacity: 0; }
.hotnessModalOpened .followupNavLabels { opacity: 1; }
.followup-arrow-next .followupNavLabels { margin: 8px 0 0 -100px; }
.followup-arrow-prev .followupNavLabels { margin: 8px 0 0 -49px; }
.hotnessModalOpened .followup-arrow-next .followupNavLabels { margin: 8px 0 0 -84px; }
.hotnessModalOpened .followup-arrow-prev .followupNavLabels { margin: 8px 0 0 -70px; }
.hotnessModalOpened .followup-arrow-prev { left: 35px; }
.hotnessModalOpened .followup-arrow-next { right: 35px; }
.sessionExpiredWrap { background: url(../images/error-icon.png) no-repeat 10px 20px; font-size: 14px; padding: 21px 15px 15px 55px;  font-weight: 600;}
.ch-modal .modal-header { padding: 25px 25px 0px; border-bottom: 0 none;  background: transparent; font-size: 15px;font-weight: 600;}
.ch-modal .modal-header .close {font-size: 16px; padding-top: 4px; right: -15px; top: -18px; color: #fff; opacity: 1; position: absolute; text-shadow: 0 0 0 transparent;}
.ch-modal .modal-body { padding: 25px;}


/* Messages & On-boarding */
.checkImgWrap, .loadingImgWrap { position: relative; padding: 6px; font-weight: 600; }
.msgImg { position: relative; top: -2px; }
.alert { padding: 7px 15px; -webkit-box-shadow: 1px 1px 3px #eee; box-shadow: 1px 1px 3px #eee; }
.alert-info { color: #31648f; background-color: #ecf2ff; border-color: #d4def3; }
.messagesContainer { display: table; width: 100%; position: absolute; top: -150px; z-index: 9999999999; }
.messagesContainer.on { top: 7px; }
.message { display: table-cell; text-align: center; }
.messagesContainer .alert { word-break: break-word; display: inline-block; padding: 10px 15px;  padding-left: 35px; position: relative; max-width: 450px; padding-right: 32px; z-index: 9999; border-radius:3px; }
.messagesContainer .alert i { font-size: 19px; position: absolute; top: 7px; left: 11px; }
.messagesContainer .alert.alert-warning i { font-size: 16px; }
i.ch-close.message-close { position: absolute; cursor: pointer; right: -210px; color: rgba(0,0,0,.4); font-size: 10px!important; top: 10px; right: 10px; left: inherit; }
.messagesContainer .alert-success {background: #ffffff; color: #25b21c; border: 1px solid #73ce55; border-left-width: 4px;}
.messagesContainer .alert.alert-danger { background: #ffffff; color: #eb5f5f; border: 1px solid #eb5f5f; border-left-width: 4px; }
.messagesContainer .alert.alert-warning {background: #ffffff; color: #d99838; border: 1px solid #f1b343; border-left-width: 4px; }
.messagesContainer .alert.alert-saving { background: #f8fcff; color: #0c4a6a; border-color: #00a8ff; border-left: 4px solid #00a8ff;}
.followupModalLeft .checkImgWrap, .followupModalLeft .loadingImgWrap { display: inline-block; visibility: hidden; padding: 6px 0 0 5px; position: absolute; }
.validationErrorWrap, .validationSuccessWrap { padding: 18px; box-shadow: 0px 0px 3px rgba(0,0,0,.3); margin: 15px 0; position: relative; }
.errorTitle, .successTitle { position: relative; padding-left: 32px; min-height: 30px; }
.errorTitle h4, .successTitle h4 { color: #e12929; font-size: 14px; font-weight: 600; margin: 0; }
.errorTitle .errorIcon, .successTitle .successIcon { position: absolute; left: 0; top: -5px; font-size: 27px; color: #E42929; }
.errorDescriptionList li { display: block; font-weight: 400; margin-top: 5px; color: #8E5039; font-size: 13px; }
.errorDescriptionList li b { font-weight: 600; }
.validationErrorWrap .closeError { position: absolute; right: 12px; top: 10px; color: #E6DCCE; cursor: pointer; }
.selectionNotification { text-align: center; padding: 7px 15px; background: #D7F2FF;  margin: 15px 25px 0; font-weight: 400; box-shadow: 1px 1px 3px #D0E2E8; border: 1px solid #ADE2F7; border-radius: 3px;}
.successTitle{min-height: 21px;}
.validationSuccessWrap {margin:25px;}

.onboardingTopMsgs{  padding: 7px 15px 7px 41px; border-bottom: 1px solid transparent; position: relative;}
.onboardingTopMsgs .msgIcon{ font-size: 20px; position: absolute; left: 15px; top: 2px;}
.onboardingTopMsgs h2 { font-size: 12px; font-weight: 500; margin: 0; display: inline-block; }
.onboardingTopMsgsClose {position: absolute; right: 10px; top: 6px; color: #b19e9e; font-size: 14px;}
.onboardingTopMsgs.msgLayoutError {background: #fff2f2;  border-bottom-color:#f15253; }
.onboardingTopMsgs.msgLayoutError .msgIcon {color:#f15253;}
.onboardingTopMsgs.msgLayoutError h2 {color: #f15253;}
.onboardingTopMsgs.msgLayoutInfo {background: #fff;  border-bottom:2px solid #ab7be6; }
.onboardingTopMsgs.msgLayoutInfo .msgIcon {color: #ff860b;}
.trial-msgs-row, .trial-msgs-row .ch-layout-table-cell {height: 1px;}

.pageErrorLayout > div { display: table-cell; vertical-align: middle;  background: #f6f8fa;}
.pageErrorLayout { display: table; width: 100%; height: 100%; text-align: center; }
.pageErrorContainer { display: inline-block; margin-top:-50px; text-align: center; min-width: 500px; border: 1px solid #dae4ed; border-radius: 3px; }
.pageErrorImg { background: #fff; padding: 40px 0; border-radius: 3px 3px 0 0; }
.pageErrorMsgContent { background: #ecf6ff; padding: 20px; font-size: 15px; font-weight: 600; border-radius: 0 0 3px 3px; border-top: 1px solid #dae4ed; }
.pageErrorContainer.unknownPageErrorStyle {border-color:#e3e3e3}
.unknownPageErrorStyle .pageErrorMsgContent { background: #fff8ec;  border-top: 1px solid #e7dbc7; }

.listViewQuickActions a.newIcon.blinkMe { width: 30px; height: 30px; background: #f15252; color: #fff; line-height: 31px; font-size: 17px;}
.listViewQuickActions a.newIcon.blinkMe img {display: none;}
.onboadingPopoverLayout { position: absolute; background: #543abe; color: #fff; z-index: 99; padding: 15px 40px 15px 20px; border-radius: 3px; max-width: 500px; white-space: normal; -webkit-box-shadow: 4px 4px 13px 3px rgba(0,0,0,.4); box-shadow: 4px 4px 13px 3px rgba(0,0,0,.4);}
.onboadingPopoverLayout h2 { margin: 0; margin-bottom: 6px; font-size: 18px; font-weight: 600; }
.onboadingPopoverLayout h4 { font-size: 14px; margin: 0; line-height: 20px;}
.onboadingPopoverLayout h5 { font-size: 13px; margin: 0; line-height: 19px; font-weight: 400; }
.onboadingPopoverLayout .txtRed { color:#f67881;}
a.onboadingPopoverClose { position: absolute; right: 10px; top: 6px; color: #cfc4ff; }
.listViewQuickActions .onboadingPopoverLayout {margin: 10px 0 0 -6px; }
.onboadingPopoverLayout.arrowTopLeft:before { content: ''; position: absolute; border: 7px solid transparent; border-bottom: 7px solid #533bbe; margin-top: -28px; margin-left: -2px; }
.onboadingPopoverLayout.arrowTopRight:before { content: ''; position: absolute; right:15px; border: 7px solid transparent; border-bottom: 7px solid #533bbe; margin-top: -28px; }

.onboadingPopoverLayout.arrowTopCenterLeft:before { content: ''; position: absolute; border: 7px solid transparent; border-bottom: 7px solid #ffffff; margin-top: -28px; margin-left: 55px; }

.quickAddContainer  .onboadingPopoverLayout{ margin-top: 20px; left: 210px;}
.navbar-toggle.blinkMe { width: 100px; height: 100px; margin-top: -21px; margin-left: -23px; text-align: center; }
.navbar-toggle.collapsed.blinkMe .icon-bar { margin-left: 25px; background: #fff; height: 2px; }
.navbar-brand + .onboadingPopoverLayout.arrowTopLeft { margin-top: 67px; padding: 20px 50px 20px 30px; }
.navbar-brand + .onboadingPopoverLayout.arrowTopLeft h4 { font-size: 20px; }
.navbar-brand + .onboadingPopoverLayout.arrowTopLeft:before { border: 10px solid transparent; border-bottom: 10px solid #533bbe; margin-top: -38px; margin-left: -19px; }
.navbar-brand + .onboadingPopoverLayout.arrowTopLeft a.onboadingPopoverClose {font-size: 20px;}
.navbar-toggle.collapsed.blinkContinue { animation-name: blinker; animation-duration: 0.8s; animation-iteration-count: infinite; -webkit-animation-name: blinker; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; z-index: 99; background: red; height: 38px; position: absolute; border-radius: 55px; width: 38px; }
.navbar-toggle.collapsed.blinkContinue .icon-bar { background-color: #ffffff; height: 2px!important; }
.navbar-toggle.collapsed.blinkContinue + a.navbar-brand { margin-left: 50px; }


.enableEmailSyncModal .modal-body { padding: 0 0 20px;}
.enableEmailSyncModal .close { position: absolute; right: -14px; top: -20px; color: #fff; opacity: 1; text-shadow: 0 0 0; }
.enableEmailSyncModal .modal-footer { padding: 20px;}
.enableEmailSyncModal .modal-footer .btn{padding: 0 15px; height: 36px; line-height: 36px;}
.enableEmailSyncModal h2{font-weight: 600; font-size: 22px; margin: 30px 0 10px; display: block;}
.enableEmailSyncModal ul.numList { padding: 10px 20px 0px 54px; }
.enableEmailSyncModal .numList > li { margin-bottom: 5px; padding-left: 24px;}
.enableEmailSyncModal ul.numList > li:before {border: 1px solid #bcb7f3; width: 18px; height: 18px; text-align: center; line-height: 16px; border-radius: 20px; font-size: 12px;}
.followupSuggestionsOnboarding { position:relative; background: #fff; padding: 5px; box-shadow: 0 0 6px rgb(199, 208, 220); }
.followupSuggestionsOnboarding  img{ max-width: 300px;}
.followupSuggestionsOnboarding .ch-layout-table-cell { vertical-align: middle; }
.followupSuggestionsOnboarding .ch-layout-table-cell.content { padding: 0 30px;} 
.followupSuggestionsOnboarding h2 { font-size: 16px; font-weight: 600; line-height: 22px; margin: 0 0 15px; }
.followupSuggestionsOnboarding ul.numList > li { margin-bottom:0;}
.followupSuggestionsOnboarding .close {position: absolute; right: -10px; top: -11px; font-size: 14px; display: block; opacity: 1; background: white; color: #bbc7da; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 20px; box-shadow: 0 0 3px rgb(170, 183, 199);}


.chHelpContainer { text-align: center; padding: 25px 25px 15px; box-shadow: 0 0 3px rgba(72, 104, 153, 0.5); position: relative; z-index: 9999; border-top: 1px solid rgba(212, 222, 236, 0.5);}
.chHelpContainer h2 { font-size: 17px; font-weight: 600; margin: 0 0 8px;}
.chHelpContainer h4 { font-size: 14px; margin: 0 0 10px; font-weight:400; }
ul.chHelpLinks > li { display: inline-block; margin: 7px; }
ul.chHelpLinks > li > a { display: block; position: relative; font-size: 12px; color: #110a31; font-weight: 500;}
ul.chHelpLinks > li > a > i.icon { width: 26px; height: 26px; display: inline-block; line-height: 26px; font-size: 16px; color: #fff; border-radius: 100%; margin-right: 6px; }
.chHelpContainer ul.chHelpLinks > li > a i.arrow{font-size: 16px; vertical-align: middle; margin-left: 2px; color: #110a31; }
ul.chHelpLinks > li:nth-child(1) > a > i.icon { background:#3cb67b;}
ul.chHelpLinks > li:nth-child(2) > a > i.icon { background:#a061dc;}
ul.chHelpLinks > li:nth-child(3) > a > i.icon { background:#724ddf;}
ul.chHelpLinks > li:nth-child(4) > a > i.icon { background:#4587ff;}
ul.chHelpLinks > li:nth-child(5) > a > i.icon { background:#20b4c6;}
ul.chHelpLinks > li:nth-child(6) > a > i.icon { background:#f0b44d;}
ul.chHelpLinks > li:nth-child(7) > a > i.icon { background:#ed6f38;}
ul.chHelpLinks > li.howDoI { font-size: 14px; color: #7083a2; font-weight: 600; padding-right: 5px; }
ul.chHelpLinks > li.howDoI i {font-size: 18px; line-height: 0;vertical-align: middle; color: #f0b44d;}
.chHelpLayout {position:relative;  z-index: 9999;}
.chHelpLayout a.chHelpClose { position: absolute; right: 14px; display: block; width: 20px; height: 20px; top: 10px; font-size: 16px; color: #d7d3e4; z-index: 99999;}
.chHelpLayout a.chHelpToggle { position: absolute; right: 23px; bottom: -35px; font-size: 18px; display: block; width: 20px; height: 20px; color: #b1bac7; z-index: 9999;}
.chHelpLayoutFalse{padding: 0; box-shadow: 0 0 0px rgba(72, 104, 153, 0.5);}
.chHelpContainer:before { content: ''; position: absolute; border: 10px solid transparent; border-top: 10px solid #dee4ec; right: 23px; bottom: -21px; }
.chHelpContainer:after { content: ''; position: absolute; border: 9px solid transparent; border-top: 9px solid white; right: 24px; bottom: -18px; }
.chHelpLayoutFalse .chHelpContainer:before, .chHelpLayoutFalse .chHelpContainer:after {display:none;}
.chHelpVideosContainer { max-width: 80%; margin: 0 auto;}
/*this line need to remove*/
.chHelpContainer.hasVideoContainer {padding: 0;  position: inherit;}
.chHelpContainer.containsVidoes { padding: 0 25px; }
.chHelpContainer.yellowBg { background: #fffdeb; border-bottom: 1px solid #ff5b36; margin-bottom: 10px; border-top: 0 none; }
.chHelpContainer.yellowBg h2 { font-size: 16px; }
.chHelpContainer.yellowBg .vooPopup-trigger { color: #ff5b36; }
.chHelpVideosContainer .ch-layout-table-cell { padding: 25px 0; vertical-align: middle; position: inherit;}
.ch-layout-table-cell.chHelpVideosListCell { border-right: 1px solid #e0e9f1; width: 250px; }
ul.chHelpVideosTabs > li { display: block; border-bottom: 1px solid #e0e9f1; }
ul.chHelpVideosTabs > li:last-child { border-bottom: 0 none;}
ul.chHelpVideosTabs > li > a { display: block; padding: 10px 15px 10px 40px; text-align: left; position: relative; text-decoration: none; color: #253858;}
ul.chHelpVideosTabs > li > a.active { font-weight: 600; }
ul.chHelpVideosTabs > li > a.active:after { content: "\F13E"; font-family: "Material Design Icons"; position: absolute; right: 13px; color: #f16815; font-weight: 300; }
ul.chHelpVideosTabs > li > a i.icon { width: 22px; height: 22px; display: inline-block; line-height: 22px; font-size: 16px; color: #9d37ff; border-radius: 100%; margin-right: 6px; position: absolute; left: 7px; text-align: center; top: 8px; }
.ch-layout-table-cell.chHelpVideoCell { width: 350px; padding: 0 0 0 25px; }
.ch-layout-table-cell.chHelpVideoContentCell { padding: 0 15px; background: linear-gradient(to right, rgba(70,89,255,1) 0%, rgba(161,54,255,1) 100%); color: #fff; text-align: center}
.chHelpLayout .chHelpVideosContainer h2 { font-size: 16px; margin-bottom:10px; margin-top: 0;}
.chHelpLayout .chHelpVideosContainer h4 { font-size: 13px; margin: 0 0 10px; font-weight: 400; }
.chHelpLayout .chHelpVideosContainer .btn-transparent{border: 1px solid #d4c5ea; color: #fff; box-shadow: 0 0 0 transparent; margin-top: 10px;}
.vooPopup-active {background: rgba(0,0,0,.55)!important; z-index:999999!important;}
.vooPopup-container .vjs-control.vjs-close-control { width: 30px; height: 30px; line-height: 30px; right: -40px!important; top: -15px!important; padding:0!important; }
ul.videoIconList { white-space: nowrap; padding: 0 22px; }
ul.videoIconList > li { display: inline-block; padding: 0 2px; margin-right: -4px; }
ul.videoIconList > li > a { display: block; text-align: center; border: 1px solid #e3eaf3; width: 120px; padding: 15px 0 10px 0px; border-radius: 10px; font-size: 12px; font-weight: 600; color: #212121; text-decoration: none; }
ul.videoIconList > li > a i { display: block; font-size: 30px; color: #ff6000; line-height: 30px; margin-top: 6px; pointer-events:none; }
ul.videoIconList > li > a:hover { background: #f2f5f9;}
.floatingTipContainer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999999; background: #624cd6; color: #fff; box-shadow: 0 0 40px rgba(38, 29, 88, 0.5); }
.floatingTipContainer .chHelpContainer h2 { font-size: 28px; line-height: 35px; }
.floatingTipContainer .chHelpContainer h4 { font-size: 22px; line-height: 27px; color: #bcafff; }
.floatingTipContainer .chHelpContainer .vooPopup-trigger { font-size: 22px; color: #bcafff; }
.floatingTipContainer .chHelpContainer .vooPopup-trigger  i.ch { color: #ffaa50; font-size: 31px; margin-right: 3px; vertical-align: middle;}
a.chTouchTourBtn.btn { background: #18b132; border: 1px solid #2a801b; color: #ffffff; font-size: 25px; margin: 30px 0 15px; display: inline-block; padding: 10px 21px 10px 35px; box-shadow: 0 0 0 transparent;}
a.chTouchTourBtn.btn span { font-weight: 300; }
a.chTouchTourBtn.btn i.ch { font-size: 36px; line-height: 0; vertical-align: middle; }

/* Loading */
.loadingBar { margin: 0; height: 4px; position: absolute; width: 100%; left: 0; z-index: 99999999; }
.loadingBar .loading { width: 5%; height: 3px; left: 0; top: 0px; position: absolute; -webkit-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; z-index: 9; }
.loadingBar .loading:before{content: ''; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff;  -webkit-animation: animate-shine 2s ease-out infinite; -moz-animation: animate-shine 2s ease-out infinite; animation: animate-shine 2s ease-out infinite; }
.loadingBar-block { background: rgba(255,255,255,.4); width: 100%; height: 100%; position: fixed; left: 0; top: 0; }
.loadingRegion { text-align: center; padding: 85px 0; }
.loadingRegion img { width: 85px; }

/* Empty States */
.followup-empty-state-wrap { display: table; width: 100%; height: 100%; margin-top: -52px; }
.followup-empty-state { display: table-row; }
.followup-empty-state .empty-state { display: table-cell; vertical-align: middle; text-align: center; }
.followup-empty-state .empty-state-content { display: inline-block; padding: 50px 0 0 50px; text-align: left; }
.followup-empty-state .empty-state-content h2 { font-size: 24px; font-weight: 400; }
.followup-empty-state .empty-state-content h4 { font-size: 13px; font-weight: 400; color: #939cb1; }
.followup-empty-state .addContactBtn-lg { font-size: 14px; text-transform: capitalize; padding: 10px 20px; margin-top: 15px; }
.addContactBtn-lg i.ch { margin-right: 5px; }
.activity-empty-state-wrap {display: table; width: 100%; height: 300px;    background: #F6F8FA;box-shadow: 0 0 3px #CDD6E0;}
.activity-empty-state { display: table-row; }
.activity-empty-state .empty-state { display: table-cell; vertical-align: middle; text-align: center; }
.activity-empty-state .empty-state-content { display: inline-block; padding: 20px 0 0 0; }
.activity-empty-state .empty-state-content h2 { font-size: 18px; font-weight: 400; margin: 0; }
.activity-empty-state .empty-state-content h4 { font-size: 13px; font-weight: 400; color: #939cb1; }
.activity-empty-state .empty-state-content .btn-success { width: 110px; }
.empty-state-table { display: table; width: 100%; height: 100%; background: #FBF8EE; }
.empty-state-row { display: table-row; }
.empty-state-cell { display: table-cell; text-align: center; vertical-align: middle; }
.empty-state-cell-content { display: inline-block; }
.empty-state-action-btn { margin: 0 3px; font-size: 13px; text-transform: capitalize; }
.empty-state-action-btn i.ch{margin:0 5px; font-size: 16px; position:relative; top:1px;}
.empty-state h2 { font-size: 13px; font-weight: 600; margin-bottom: 10px; }
.task-deals-empty-state h2 { margin-bottom: 15px; }
.empty-state .btn-white { margin-right: 5px; padding: 3px 12px; line-height: 23px;}
.tasks-empty-state, .deals-empty-state { border: 1px dashed #e6e6e6; padding: 15px; }
.tasks-empty-state h2, .deals-empty-state h2, .tasks-empty-state h4, .deals-empty-state h4 { margin: 0 0 10px 0; }
.tasks-empty-state h4, .deals-empty-state h4 { font-size: 13px; font-weight: 400; margin-bottom: 15px; }
.empty-state-table { display: table; width: 100%; height: 100%; background: #f6f8fa; }
.empty-state-row { display: table-row; }
.empty-state-cell { display: table-cell; vertical-align: bottom; text-align: center; }
.empty-state-cell .empty-state-content { display: inline-block; padding: 50px 0 0 0; }
.empty-state-cell .empty-state-content h2 { font-size: 16px; font-weight: 600; color: #202f43; }
.empty-state-cell .empty-state-content h4 { font-size: 14px; font-weight: 400; color: #78868c; }
.empty-state-cell .empty-state-btn-lg, .empty-state-btn-lg { font-size: 13px; text-transform: capitalize; padding: 9px 20px; margin-top: 15px; }
.empty-state-btn-lg i.ch { margin-right: 5px; }
.browserWindow { background: #fff; box-shadow: 0 0 3px #B9C3CE; display: inline-block; }
.browserTop { background: #e5eaf0; position: relative; height: 26px; }
.browserTop .dotsList { position: absolute; top: 2px; left: 8px; }
.browserTop .dotsList li { width: 6px; height: 6px; border-radius: 6px; background: #f7f7f7; margin-right: 2px; display: inline-block; }
.browserWindow .imgWrap { padding: 20px 20px 0 20px; }
.dashboardBlankSlate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255, 255, 0.6); text-align: center; z-index: 9; padding-top: 150px; }
.dashboardBlankSlateBtnLg { min-width: 325px; margin-bottom: 15px; padding: 10px 0; font-weight: 400; }
.dashboardBlankSlateBtnLg .txtLg { font-size: 16px; }
.dashboardBlankSlateBtnLg .txtSmall { font-size: 13px; font-weight: 400; color: #bde6fc; margin-top: 4px; display: block; }
.fixedBtns { position: fixed; left: 50%; top: 50%; margin-left: -68px; margin-top: -44px; }
.reportBlankSlate { height: 100%; text-align: center; display: table; min-height: 230px; width: 100%; position: relative; }
.reportBlankSlateCell { display: table-cell; vertical-align: middle; }
.reportBlankSlate img { margin-bottom: 17px; }
.reportBlankSlateBgTrans { background: rgba(255,255,255,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.reportBlankSlateContent { display: inline-block; }
.noDataMsg { background: rgba(233, 247, 255, 0.7); display: block; padding: 12px 15px; width: 310px; margin: 0 auto; box-shadow: 0 0 3px #819EA9; color: #315080; }
.taskBlankSlate {background: #fff;padding: 25px;font-size: 16px;margin: 15px 0 0 0; position: relative;}
.taskBlankSlate > i.ch{font-size: 23px;top: 2px;position: relative;margin-right: 5px;}
.taskBlankSlate .btn {position: absolute;right: 20px;   top: 23px;}
.taskBlankSlate a.newTask {margin-left: 15px;font-size: 13px;}
.taskBlankSlate a.newTask i.ch {margin-right:3px;}
.blankSlateModalContainer { position: relative; height: 100%; text-align:center;}
.chModalBg{ display:block;  position:absolute; left:0; top:0px; bottom:0; text-align: center; width:100%;  height:100%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background:rgba(255,255,255,0.6);}
.chModalContainer{display: inline-block; text-align:center; vertical-align:middle; text-align: center; position:relative; -webkit-transition:all 1s ease; transition:all 1s ease;}
.chModalContainer .checkList { padding:30px 0 0;}
.chModalContainer .checkList li { display: block;text-align: left; line-height: 28px; font-size: 14px;}
.chModalContainer .checkList li i.ch {color:#32A4DA;}
.conversationsBlankSlate { text-align: center; padding: 25px 0; max-width: 660px; margin: 0 auto; }
.conversationsBlankSlate .ch-layout-table-cell { vertical-align: middle; }
.ch-layout-table-cell.blank-slate-img-cell { width: 280px; }
.ch-layout-table-cell.blank-slate-img-cell img {max-width:100%;}
.conversationsBlankSlate h2 { font-size: 16px; font-weight: 600; margin: 0 0 20px; line-height: 22px; }

.chModal{ min-width: 520px; display: inline-block; background: #fff; padding: 40px 40px 50px; border-radius: 6px; border: 1px solid #74849A; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); margin-top: 50px;}
.chModal h2{font-size: 18px; font-weight: 600;margin-bottom: 20px;  margin-top: 10px;}
.chModal h4{font-size: 14px; font-weight: 300;  margin-bottom: 40px;}
.chModalBtn {padding: 9px 20px; margin-bottom: 15px;}
.chModalBtn .txtLg{ font-size: 14px;} 
.chModalBtn .txtSmall { font-size: 13px; font-weight:400;}
.blankSlateImgSm, .blankSlateImgLg {display:none;}
.blankSlateImgSm img, .blankSlateImgLg img {width:100%;}

.blankSlateStrip{ position: relative; background: #fffae8; border-bottom: 1px dashed#cab69d; border-top: 1px dashed #cab69d; display: table; width: 100%; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border-collapse:separate; border-spacing: 18px; }
.blankSlateStrip > div, .docSect .docSectBody > div  { display: table-cell; vertical-align: middle;}
.blankSlateStrip > div.contentCell h2 , .docSect .docSectBody div.contentCell h2 { margin: 0; font-size: 15px; font-weight: 600; color: #212121; }
.blankSlateStrip > div.contentCell h4, .docSect .docSectBody div.contentCell h4  {font-size: 13px;color: #212121; margin: 10px 0 0;}
.blankSlateStrip > div.contentCell h4 span.strong, .docSectBody .docSect  div.contentCell h4 span.strong  { font-weight: 700;}
.blankSlateStrip > div.contentCell h4 + h4, .docSect .docSectBody div.contentCell h4 + h4 { margin-top:7px;}
.blankSlateStrip > div.btnCell , .docSect .docSectBody div.btnCell { text-align: right; padding-right:15px;}
.blankSlateStrip > div.btnCell .btn, .docSect .docSectBody div.btnCell .btn {padding: 6px 15px;}
ul.checkList li { display: inline-block; margin-right: 15px; }
ul.checkList li i.ch{margin-right: 5px; color:#309fd9;}
.noFollowupWaringMsg {position: absolute; width: 510px; left: 50%; margin-left: -300px; text-align: center; margin-top: 50px; line-height: 24px;}
.blankSlateStrip h1.howDoI, .docSect  h1.howDoI {font-size: 15px; margin: 0; color:#212121;}
.blankSlateStrip h1.howDoI > i.ch , .docSect h1.howDoI > i.ch{ display: inline-block; width: 18px; height: 18px; background: #e3c616; text-align: center; line-height: 19px; border-radius: 30px; color: #fff; font-size: 13px; position: relative; margin-right: 6px; top: -2px; }
.docSect .docSectBody { display: table; width: 100%;}
ul.numbers, ul.dots { margin-left: 18px; margin-top: 13px; }
ul.numbers > li {margin-right: 15px;position: relative; list-style-type: decimal;font-weight: 600; margin-top: 2px;}
ul.dots > li {margin-right: 15px;position: relative; list-style-type: disc;font-weight: 600; margin-top: 2px;}
.showContactBackdrop {/*pointer-events:none;*/}
.contact-backdrop {display:none;}
.showContactBackdrop .contact-backdrop{display:block; width:100%; height:100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99999; width: 100%; height: 100%; display: block;}
.showContactBackdrop .contact-backdrop .quicklyCreateContactImg {position: absolute; top: 282px; left: 350px;}
.showContactBackdrop .quickAddContainerMbSpacing { z-index: 999999; }

.firstEmailAccountAddModal .modal-header { text-align: center; padding-bottom: 19px; background: url(../images/Blank_Slates/modal-top-bg.png) no-repeat 0 0; border-radius: 5px 5px 0 0; color: #fff;} 
.firstEmailAccountAddModal .modal-header h2 { line-height: inherit; margin: 0; font-size: 18px; -webkit-text-shadow: 0 0 3px rgba(0,0,0,0.5); text-shadow: 0 0 3px rgba(0,0,0,0.5);}
.firstEmailAccountAddModal .modal-body { padding: 0; }
.firstEmailAccountAddModal .nav-tabs {margin-top: 5px; padding: 0 25px;}
.firstEmailAccountAddModal .nav-tabs > li {margin-bottom: -3px; }
.firstEmailAccountAddModal .tab-content { padding: 25px}
.firstEmailAccountAddModal .tab-content > .tab-pane {min-height: 200px;}
.firstEmailAccountAddModal .nav-tabs.tabs-bottom-border > li > a {max-width:inherit;}
.firstEmailAccountAddModal .nextStepsTxt{padding: 15px 0 0;font-size: 14px; font-weight: 600; }
.firstEmailAccountAddModal .nextStepsTxt i{font-size: 16px; color: #92a7cb;}
.modal-header.enableEmailSyncAfterPagesHeader { background: #f2eefb; color: #253858; padding-bottom: 30px; padding-left: 200px; position: relative;}
.modal-header.enableEmailSyncAfterPagesHeader h2 { text-align: left; color: #5b2fc8; font-weight: 600; text-shadow:0 0 0 transparent;}
.modal-header.enableEmailSyncAfterPagesHeader p { font-size: 13px; font-weight: 400; margin-top: 9px; line-height: 18px; margin-bottom: 15px; text-align: left; }
.modal-header.enableEmailSyncAfterPagesHeader .btn-warning{background-color: #ec971f; border-color: #d58512;}
img.unlockFeaturesImg { position: absolute; left: 25px; top: -30px; }
.modal.enableEmailSyncAfterPages .modal-dialog {min-width: 675px;}

/* Pipeline */
.titleToggleBtn { font-size: 14px!important; margin-left: -15px!important; font-weight: 600;}
.pipelineName{display: inline-block;max-width: 200px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.pielineBtnGroup .titleToggleBtn { color: #4b8dee; }
.pipelineWrap { background: #f7f7f9; position: relative; width: 100%; height: 100%;}
.pipelineColumns { display: table; table-layout: fixed; }
.pipeline-col { width: 260px; display: table-cell; vertical-align: top; padding:15px 10px;}
.headCols .pipelineColumns { height: 50px; }
.pipeline-col-title { font-size: 14px; font-weight: 400; position: relative; padding-left: 23px; }
.pipeline-col-title-overflow{display: inline-block; overflow: hidden; max-width: 135px; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; font-weight: 600;}
.pipeline-col-title .dealCount { font-weight: 600; margin-left: 2px; display: inline-block; vertical-align: middle;}
.pipeline-col-title::before { content: ''; position: absolute; left: -22px; top: 12px; width: 30px; height: 60px; z-index: 9; background: url(../Images/pipeline-stage-arrow.png) center right no-repeat;}
.pipeline-col-title:first-child::before, .pipeline-col-title:first-child::after { display: none; }
.dealAmount {color: #4ba0f8; font-size: 13px; margin-top: 5px;}
.dealAmount i {background: #f3983f; min-width: 18px; height: 18px; display: inline-block; text-align: center; border-radius: 20px; line-height: 20px; font-size: 12px; color: #fff; font-weight: 400;}
.bodyCols { height: 100%; }
.bodyCols .pipelineColumns{height: 100%;}
.pipeleine-items { -webkit-border-radius: 10px; border-radius: 10px; height: 100%; padding-bottom: 300px; }
.pipeleine-item { margin-bottom: 8px; border-radius: 10px; }
.pipeleine-item-inn { position: relative; padding: 15px 15px 0px 55px; border-radius: 10px; }
.pipeleine-item-title { display:inline-block; color:#263238; cursor: pointer; font-weight: 500; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 2px; max-width: 156px; }
.item-description { font-size: 11px; margin: 0; }
.pipeline-avtar {position: absolute;left: 15px;top: 12px;font-size: 20px;color: #63b766;display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 26px;border-radius: 100%;}
ul.pipeline-item-actions li.lostDeal a { border-radius: 0 0 10px 0;}
ul.pipeline-item-actions li.wonDeal a { border-radius: 0 0 0 10px; }
i.ch.last-conversation-icon { position: absolute; top: 16px; color: #B2BCC1; right: 14px; cursor: default; }
.pipeleine-item:hover .pipeline-actions-toggle , .pipeleine-item.active .pipeline-actions-toggle { height: 63px; }
.pipeleine-item:hover {-webkit-box-shadow: 0 0 10px rgb(172, 172, 202); box-shadow: 0 0 10px rgb(172, 172, 202);}
.pipeleine-item.active ul.pipeline-item-actions li a {-webkit-animation: bounce 1.2s linear infinite; animation: bounce 1.2s linear infinite;}
.dealCompanyName {font-size: 12px; line-height: initial;}
.item-content { min-height: 70px; }
.dealCompanyName a{display: inline-block; color:#263238; white-space: nowrap; max-width: 165px; overflow: hidden; text-overflow: ellipsis; line-height: initial;}
.pipeline-actions-toggle { overflow: hidden; height: 0; position: relative; margin:0px -15px 0px -55px; }
ul.pipeline-item-actions { background: #fff5ed; display: table; width: 100%; table-layout: fixed; border-radius:0 0 10px 10px;}
ul.pipeline-item-actions li { display: table-cell; }
ul.pipeline-item-actions li a { display: block; padding: 17px 0; text-align: center; position: relative; font-weight: 600;}
ul.pipeline-item-actions li a:hover { text-decoration: none; }
ul.pipeline-item-actions li a i.ch { font-size: 18px;display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 31px;border-radius: 100%;color: #fff;margin-right: 5px;}
ul.pipeline-item-actions li.move a {color: #46afe3; cursor: move; }
.toggle-pipeline-item-actions { visibility: hidden; position: absolute; right: 15px; top: 39px; font-size: 18px!important; color: #B2BCC1; cursor: pointer; }
.pipeleine-item:hover .toggle-pipeline-item-actions { visibility: visible; }
.radioBtnGroup i.ch { font-size: 15px; }
.dealColStatusList { margin-left: -10px; padding: 7px 0; }
.dealColStatusList li { display: block; float: left; padding: 0 10px; font-size: 13px; font-weight: 600; }
.pipelineScrollX {overflow-x: scroll; overflow-y: hidden; position: absolute; left: 0; right: 0; height: 100%; top: 0; bottom: 0;}
.pipelineScrollY {overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pipelineColumns .deal-ui-sortable-placeholder { background: url(../images/darg.png); min-height: 145px; margin: 7px 0; border-radius:10px; }
.ui-sortable-placeholder { background: url(../images/darg.png); min-height: 50px; margin: 7px 0; border-radius:10px; width:100%; }
.pipelineScrollY > .mCSB_inside > .mCSB_container { margin-right: 0; }
.pipelineScrollY > .mCSB_inside > .mCSB_scrollTools {width: 10px; right: 0px; position: fixed; top: 156px; bottom:10px;}
.pipelineScrollY .mCSB_3_scrollbar_vertical { visibility: hidden; }
.pipelineScrollY .mCSB_inside .mCSB_scrollTools_vertical .mCSB_dragger_bar{ width: 10px; margin: 0; border-radius: 0;background: #666666;}
.pipelineScrollY .mCSB_inside .mCSB_scrollTools_vertical .mCSB_draggerRail {border-radius:0;}
.pipelineScrollX::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.pipelineScrollX::-webkit-scrollbar{height:10px;background-color: #F5F5F5;}
.pipelineScrollX::-webkit-scrollbar-thumb{background-color: #666;}
.colLines { position: relative; width:100%; height:100%;}
.pipeline-container-width { height: 100%; }
.scaleVertically { height: 100%; }
.managePipelineModal .modal-dialog { width: 430px; }
.managePipelineModal .modal-dialog .modal-body { padding:25px 45px; }
.managePipelineModal .modal-dialog .modal-title{font-size: 16px; font-weight: 600; border-bottom: 1px solid #c8d0d6; padding-bottom: 10px; margin-top: 17px;}
.managePipelineModal .modal-dialog .modal-footer { padding: 15px 45px 45px; }
.managePipelineModal .modal-dialog .modal-footer .btn{height: 35px; line-height: 35px; padding: 0; font-size: 14px;}
.managePipelineModal .modal-dialog .modal-header { padding: 25px 45px 0px; }
.input-group.newPipelineWrap { margin-bottom: 15px; width: 100%; }
.input-group.newPipelineWrap input {border-bottom-color: #498eef!important;}
.input-group.newPipelineWrap span.input-group-addon.btn { font-size: 16px; width: 35px; height: 35px; padding: 0; border-radius: 1000%; box-shadow: 0 0 0 transparent; }
.multiplePipelineDropwdownContainer { position: relative; }
.input-group.newPipelineWrap span.input-group-addon.btn.btn-primary { color: #fff; background-color: #4b8dee; border: 0 none; box-shadow: 1px 1px 3px #C3C3C3; }
.selectedPipeline { cursor: pointer; position: relative; height: 35px; line-height: 35px; border: 1px solid #c8d0d6; border-radius: 3px; padding: 0 12px; font-size: 14px; font-weight: 600; color: #4b8dee; }
.selectedPipeline:after { content: ''; position: absolute; right: 12px; top: 15px; border: 4px solid transparent; border-top: 4px solid #4e5a6b; }
.multiplePipelineDropwdown { display: none; border-radius: 3px; position: absolute; background: #fff; border: 1px solid #c8d0d6; width: 100%; z-index: 9; box-shadow: 3px 3px 3px rgba(95, 126, 152, 0.2); }
ul.pipelineList > li { display: block; margin: 0; position: relative; padding-right: 60px; height: 35px; line-height: 35px; padding: 0 70px 0 15px; }
ul.pipelineList > li > label { display: block; margin: 0; font-weight: 500; cursor:pointer; }
ul.pipelineList > li > label input[type=radio] { margin-right: 6px; }
ul.pipelineListActions { position: absolute; right: 15px; top: 0; }
ul.pipelineListActions > li { display: inline-block; }
ul.pipelineListActions > li > a { display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #99a7b1; font-size: 14px; }
.input-group.newPipelineWrap span.input-group-addon.btn.btn-default { border: 1px solid #4b8dee!important; color: #4b8dee; }
.mamageStagesTitle { margin: 0px 0 10px; font-size: 14px; font-weight: 600;}
ul.pipelineStagesList { margin-bottom: 10px; max-height: 200px; overflow: auto; }
ul.pipelineStagesList > li { display: block; position: relative; height: 32px; padding: 0; border-radius: 3px; margin-bottom: 5px; }
ul.pipelineStagesList > li.disabled {pointer-events: none;opacity: 0.5;}
span.stageMoveIocn { position: absolute; left: 0; top: 2px; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; cursor: move; }
ul.pipelineStagesList > li input[type=text] { margin: 0; font-weight: 400!important; padding: 0 30px 0 30px!important; border-top: 0;}
ul.pipelineStagesList.pipelineList > li > input[type=text] { padding: 0 96px 0 30px!important; }
ul.pipelineStagesList.pipelineList { margin: 0 0 17px; }
ul.pipelineStagesListActions { position: absolute; right: 3px; top: 0; }
ul.pipelineStagesListActions > li { display: inline-block; }
ul.pipelineStagesListActions > li > a { display: block; width: 24px; height: 30px; text-align: center; line-height: 32px; color: #99a7b1; font-size: 14px; }
.multiplePipelineSwitch .onoffswitch { display: inline-block; vertical-align: middle; margin-left: 12px; position: relative; top: 1px; }
.multiplePipelineSwitch .onoffswitch-inner:after {content: "No";}
.multiplePipelineSwitch .onoffswitch-inner:before {content: "Yes";}
ul.pipelineStagesListActions > li > a.stages { font-weight: 600; color: #4b8dee; font-size: 12px; position: relative; top: -1px; width: inherit; }
ul.pipelineStagesListActions > li > a.stages i{font-size: 18px; vertical-align: middle;}
.newDealBtnInStage { height: 85px; display: block; text-align: center; background: #fff; border-radius: 10px; font-size: 24px; line-height: 85px; color: #61a749; }
.newDealBtnInStage:hover { box-shadow:0 0 10px rgb(172, 172, 202); color: #61a749;}

/* Record View */
.recordViewBtnsWrap { text-align: center; padding: 35px 0 0; }
.recordViewBtnsWrap .btn { min-width: 70px; margin-right: 5px; }
.recordViewTitle { padding-bottom: 7px; font-weight: 600; font-size: 15px; margin-bottom: 15px; }
.recordViewBtnsWrap + .recordViewTitle {margin-top: 25px;}
.recordViewBottomBtnsWrap {position: sticky;padding-bottom: 15px; bottom: 0;}
.recordViewTitlePadding { padding-top: 35px; position: relative; }
.recordInfo { position: absolute; right: 0; bottom: 10px; width: 18px; height: 18px; border: 1px solid #ccc; text-align: center; border-radius: 20px; font-size: 13px; }
.recordInfo i.ch { color: #7E959E; margin-top: 2px; }
.recordInfo:hover { border-color: #4DB6E8; }
.ch-form-element.input { font-weight: 600; width: 30%; }
.ch-form-element.input > textarea {resize:vertical; padding-top:8px; min-height:80px;}
.ch-form-element.input > input[type=checkbox] {position: relative; top: 6px;}
.ch-form-element.input-label { text-align: right; width: 20%; padding-top:14px; word-break: break-word; }
.ch-form-element.input .inputLink, .ch-dynamic-form-input .inputLink { position: absolute; display: inline-block; line-height: 34px; margin-left: 12px; max-width: 248px; white-space: nowrap; overflow: hidden; background:#fff; font-weight: 500;}
.ch-form-element.input .inputLink + input, .ch-dynamic-form-input .inputLink + input{ padding-right: 18px!important;}
.ch-form-element.input.preview-bulkupdate-form-element {font-weight: 400;}
.ch-form-input-overflow {overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.ch-read-only-field { padding-top: 9px;}
.lessFieldsPanel { width: 760px; margin: 45px auto; }
.adminRecordViewWrap { padding-top: 30px; }
.modifiedList li { display: block; margin-bottom: 15px; }
.modifiedList li:last-child { margin-bottom: 0; }
.modifiedList li label{ display: block; margin-bottom: 0;}
.textFeild { padding-top: 10px!important; }
.premissionsTableWrap .col-lg-2, .premissionsTableWrap .col-lg-4, .premissionsTableWrap .col-lg-5, .premissionsTableWrap .col-lg-7 { min-height: 1px!important; margin-bottom: 0px!important; }
.premissionsTableWrap .col-lg-2 { font-weight: 600; }
.premissionsTable th { padding: 5px 0; font-size: 13px; }
.premissionsTable td { padding: 2px 0; font-size: 13px; }
.blockUI { pointer-events: none; cursor:wait; }
.blockUIWithLessOpacity { pointer-events: none; opacity: 0.8; cursor: wait; }
.blockAnchor { pointer-events: none; cursor:wait; }
.disableAnchor { pointer-events: none; cursor:not-allowed!important; }
.blockButton { pointer-events: none; cursor:wait; }
.recordViewSectionWrap { margin-top:30px; }
.input-error-message { font-size: 11px; color: #e22525; font-weight: 400; padding-top: 3px;}
.input-error {border-bottom-color:#f14d4d!important;}
.input-required-label { color: #e22525; }
.radio-group label input[type=radio] {margin-right: 4px;}
.check-group label input[type=checkbox] {margin-right: 4px;}
.check-group label span {position: relative; top: -3px;}
.recordInputLabel { font-size: 13px; padding-left: 11px; color: #1e8fca; font-weight: 600; }
ul.input-checkbox-group > li, ul.input-radio-group > li {display: block; padding-bottom: 5px;font-size: 13px;}
ul.input-checkbox-group > li > label, ul.input-radio-group > li > label {margin: 0; font-weight:400;}
ul.input-checkbox-group > li > label input {top: 2px!important; left: 11px!important;}
ul.input-radio-group > li > label input { top: 8px!important; left: 11px!important;}
ul.input-radio-group, ul.input-checkbox-group { max-height: 80px; overflow: auto; border-bottom: 1px solid #e7eff3; padding: 5px 0; }
.input-radio-group-dropdown .btn, 
.input-radio-group-dropdown .btn:hover, 
.input-radio-group-dropdown .btn:active, 
.input-checkbox-group-dropdown .btn, 
.input-checkbox-group-dropdown .btn:hover, 
.input-checkbox-group-dropdown .btn:active,
.input-radio-group-dropdown.open .btn, 
.input-radio-group-dropdown.open .btn:hover, 
.input-radio-group-dropdown.open .btn:active, 
.input-checkbox-group-dropdown.open .btn, 
.input-checkbox-group-dropdown.open .btn:hover, 
.input-checkbox-group-dropdown.open .btn:active{text-align: left; height: 35px; border-color: transparent; box-shadow: 0 0 0 transparent; border-bottom-color: #e7eff3; border-radius: 0; background:transparent;}
.clear-btn { position: absolute; z-index: 9; right: 45px; top: 7px; color: #c1cbd9; cursor: pointer; display: none; }
.show-clear-btn:hover .clear-btn { display: block; }
.checkListDropdown > .dropdown-toggle { overflow: hidden; text-overflow: ellipsis; }
.verticalLabelInputRow{display: flex;}
.verticalLabelInputRow .ch-input-div { padding: 0 10px 20px; width: 100%; }
.verticalLabelInputRow .ch-input-div > .ch-input-label { font-size: 12px; position: relative; color: #9794af; }
.verticalLabelInputRow .ch-input-div .ch-input:not(.form-control):not(.taskDescriptionArea), .verticalLabelInputRow .input-group input{ padding-left: 10px!important; height: 40px!important; border-bottom-color: #c8d0d6!important; }
.verticalLabelInputRow .ch-input-div .ch-input:not(.form-control).has-error {border-bottom-color: #ff4545!important;}
.verticalLabelInputRow .ch-input-div .input-group .input-group-addon {border-color: transparent; border-bottom: 1px solid #c8d0d6; border-radius: 0;}
.verticalLabelInputRow .ch-input-div.disabled {pointer-events:none; opacity:0.5;}

/* Activities */
.activitiesContainer{width: 1000px;margin: 0 auto; padding: 20px 0; position:relative;}
ul.activitiesList {display: block;}
ul.activitiesList li {display: block;background: #fff;  padding: 0;margin-bottom: 2px; font-size: 13px;}
.activitiesContents {display: table; width: 100%;table-layout: fixed;}
.activitiesContents .activityCol { display: table-cell; padding: 15px 0;vertical-align: middle;position: relative;}
.activityTypeIcon.activityCol { text-align: center; width: 70px;font-size: 18px;color: #00a8ff;}
.activityDate.activityCol {width: 200px; text-align: right;padding-right: 20px;font-weight: 300; font-size: 11px;}
.activityDescription.activityCol span {margin-right: 6px;}
.activityHistory.activityCol {width: 35px; padding-right: 15px;}
.activityHistory.activityCol .fa.fa-chevron-down { text-align: center; font-size: 9px; display: block; height: 25px; line-height: 25px; cursor: pointer; }
.trackingHistoryDropdownWrap { position: relative;}
.trackingHistoryDropdown{display: none; top: 23px; max-width: 500px; position: absolute; right:-7px; background: #fff; border: 1px solid #c8d0d6; padding: 15px 0 15px 15px; -wekbit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.2); box-shadow:3px 3px 4px rgba(0,0,0,0.2); margin-top: 2px; z-index: 9;}
.trackingHistoryDropdown .trackingHistoryDropdownTitle {font-size: 13px;padding: 5px 0 7px;}
.trackingHistoryDropdown > ul { max-height: 200px; overflow-y: auto; padding-right:15px; overflow-x: hidden; }
.trackingHistoryDropdown >  ul > li { font-size: 13px; font-weight: 400; padding: 10px; border-bottom: 1px solid #f7f7f9; margin-bottom: 0; display: block; background: #fff;}
.trackingHistoryDropdown > ul > li:hover { background: #f7f7f9; }
.trackingHistoryDropdown > ul > li:last-child{border-bottom:0 none;}
.trackingHistoryDropdownWrap:hover .trackingHistoryDropdown { display: inline-block; }
.trackingHistoryGrid { display: table; width: 100%; table-layout: fixed; }
.trackingHistoryGrid > .gridRow { display: table-row;}
.trackingHistoryGrid > .gridRow > .cell { display: table-cell;}
.trackingHistoryDropdown .activityLink { padding: 7px 0 0; font-size: 13px; max-width: 329px; }
.trackingHistoryDropdown .activityLink a{display: block; white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis;}
.trackingHistoryGrid > .gridRow > .cell.type { font-weight: 600; color: #202f43; font-size: 12px; width:70px; }
.trackingHistoryGrid > .gridRow > .cell.txtFaint.date { width: 190px; font-size: 11px; text-align: right; padding-right:10px; }
.trackingHistoryDropdown::after { content: '' ; border: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -13px; right: 9px; }
.trackingHistoryDropdown::before { content: ''; border: 7px solid transparent; border-bottom: 7px solid #c0cad4; position: absolute; top: -15px; right: 9px; }
.font700{font-weight:700;}
.font600{font-weight:600;}
.font400{font-weight:400;}
.font300{font-weight:300;}
.activitiesContainer .nav-tabs, .taskContainer .nav-tabs{ border-bottom: 1px solid #c8d0d6; font-size:14px;}
.activitiesContainer  .nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,
.taskContainer .nav-tabs > li.active > a, 
.taskContainer .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.activitiesContainer  .nav-tabs > li > a,
.taskContainer .nav-tabs > li > a { border: none; color: #263238; font-weight: 300;  text-align: center; padding-left: 40px; position: relative;  font-size: 15px;}
.activitiesContainer .nav-tabs > li > a:hover,
.taskContainer .nav-tabs > li > a:hover {background:transparent;}
.activitiesContainer  .nav-tabs > li > a i,
.taskContainer  .nav-tabs > li > a i{font-size:20px; margin-right:7px; color: #939cb1; position: absolute; left: 15px; top: 5px;}
.activitiesContainer .nav-tabs > li.active > a i,
.taskContainer .nav-tabs > li.active > a i{color:#00a8ff;}
.activitiesContainer .nav-tabs > li.active > a,
.taskContainer .nav-tabs > li.active > a { border: none;  background: transparent; font-weight:600;}
.activitiesContainer .nav-tabs > li > a::after,
.taskContainer .nav-tabs > li > a::after { content: ""; background: #4b8dee; height: 3px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.activitiesContainer .nav-tabs > li.active > a::after, 
.nav-tabs > li:hover > a::after,
.taskContainer .nav-tabs > li.active > a::after{ transform: scale(1); }
.activitiesContainer .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.activitiesContainer .nav-tabs > li.active > a:focus,
.taskContainer .nav-tabs > li.active > a:focus{background:none;}
.activitiesContainer .tab-content, .taskContainer .tab-content{padding:20px 0; position:relative;}
/*.activitiesContainer  .nav-tabs > li > a.all{width:80px;}
.activitiesContainer  .nav-tabs > li > a.clicks{width:100px;}
.activitiesContainer  .nav-tabs > li > a.notOpened{width:140px;}
.activitiesContainer  .nav-tabs > li > a.scheduled{width:140px;}*/
.activitiesLoading {position: absolute;width: 100%;height: 100%; background:#f7f7f9;text-align: center;z-index: 9;}
.activitiesLoading img {position: absolute; top: 50%;  margin-top: -17px;  width: 26px;}
.modal[size=reportchangetable] {z-index: 9999!important;}
.modal[size=reportchangetable] .modal-dialog { width: 500px!important;}
.activity_recipientList { display: none; position: absolute; background: #fff; border: 1px solid #c0cad4; padding: 11px; -wekbit-border-radius: 3px; -moz-border-radius: 3px ; border-radius: 3px ; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 1px 1px 4px rgba(0,0,0,0.3); margin-top: 2px; z-index: 9; }
.showRecipient { padding-bottom:1px; display: inline-block; border-bottom: 1px dotted #324752; cursor:default;}
.showRecipient:hover .activity_recipientList {display:block;}
.activity_recipientList::before { content: ''; position: absolute; border: 7px solid transparent; border-bottom: 7px solid #c0cad4; top: -15px; }
.activity_recipientList::after { content: ''; position: absolute; border: 7px solid transparent; border-bottom: 7px solid #fff; top: -13px; }
.activity_recipientList > ul { max-height: 200px; overflow-y: auto; min-width: 220px; overflow-x: hidden; }
.activity_recipientList ul > li { font-size: 13px; font-weight: 400; padding: 7px 0; border-bottom: 1px solid #d8dee4; margin-bottom: 0; }
.activity_recipientList ul > li:last-child { border-bottom:0 none;}

/* Profile Activity */
.chActivityWrapper { margin-top:-42px; outline:0 none; padding:0 40px;}
.profileActivityWrap { padding: 35px 0 0 0;}
.profileActivityWrap .activityList > li { display: block; position: relative; min-height: 50px; }
.profileActivityWrap .activityTypeIcon {width: 32px; height: 32px; text-align: center; border-radius: 100%; line-height: 32px; position: absolute; left: 17px; top: 13px; z-index: 1; color: #ff7b1d;}
.profileActivityWrap .activityTypeIcon .activityIcon.recentActivityIcon { color:#f74941;}
.profileActivityWrap .activityTitle { position: relative; padding: 0 90px 3px 0; font-size: 13px; font-weight:400;}
.profileActivityWrap .activityTitle.noteTitle{padding-right:90px;}
.profileActivityWrap .activityDate { font-size: 11px; color: #A4AAAF; display: block;}
.profileActivityWrap .activityList > li::before { content: ''; width: 1px; background: #c8d0d6; position: absolute; left: 34px; top: 0px; bottom:-15px;}
.profileActivityWrap .subject{ padding-bottom: 10px; font-weight: 400;}
.addActivityContainer { margin:0 0 30px 0; position:relative;}
.nav-tabs.activityTabs { background: #469ee2; border-bottom: 0 none; border-radius: 10px 10px 0 0; line-height: normal; display: block; padding-left: 15px; position: relative; z-index: 2; }
.nav-tabs.activityTabs:before { top: 37px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #fff), color-stop(0.25, #fff)); background-image: linear-gradient(135deg, #469ee2 25%, transparent 25%), linear-gradient(225deg, #469ee2 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 20px; background-size: 8px 100%; content: ''; position: absolute; }
.nav-tabs.activityTabs>li {margin-bottom:0;}
.nav-tabs.activityTabs>li>a, .nav-tabs.activityTabs>li>a:focus, .nav-tabs.activityTabs>li>a:hover { border: none; margin-bottom: 0; color: #fff; font-weight: 300; letter-spacing: 0.2pt; background: transparent; padding:13px 15px 7px; }
.nav-tabs.activityTabs>li.active>a { background: transparent; font-weight: 500; }
.addActivityFields { background: #fff; padding: 15px 0; border-top: 0; position: relative; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 20px rgb(203, 201, 208); box-shadow: 0 0 10px rgb(218, 214, 226); border: 1px solid #c8d0d6;}
.addActivityFields .addActivityBtn {width: 38px; height: 38px; font-size: 18px; position: absolute; right: 15px; bottom: 15px; background:#469ee2; border:0 none; outline:0 none;}
.addActivityFields .activityListTextarea{resize: vertical; margin: 5px 0px 0px; min-height: 60px; max-height:250px;border-bottom:0 none; height:inherit}
.addActivityFields .activityListTextarea:focus { min-height: 100px; }
.activityDateCell .input-group-addon {font-size:16px; }
.addActivityBottom {background: #f9fbff; padding: 15px; border: 1px solid #c8d0d6; border-top: 0; border-radius: 0 0 5px 5px;}    
.acitivityActionsDropdown ul { position: absolute; background: #fff; display: none; width: 124px; right: 0; padding: 5px 0; border: 1px solid #c6d7e6; border-radius: 5px; }
.acitivityActionsDropdown ul::after { position: absolute; top: 0; content: ''; border: 7px solid transparent; border-bottom: 7px solid #c6d7e6; margin-top: -14px; right: 8px; }
.acitivityActionsDropdown ul::before { position: absolute; top: 0; content: ''; border: 7px solid transparent; border-bottom: 7px solid #ffffff; margin-top: -12px; right: 8px; z-index: 9;}
.acitivityActionsDropdown ul li { display: block; }
.acitivityActionsDropdown ul li a { display: block; padding: 0 15px; font-size: 13px; text-decoration: none; height: 32px; line-height: 30px; color: #727272; }    
.acitivityActionsDropdown ul li a:active{background-color:#eaf3fb;}  
ul.capsuleListStyle li { display: inline-block; margin-right: 5px; }
ul.capsuleListStyle > li > a { display: block; text-decoration: none; text-align: center; height: 28px; line-height: 28px; padding: 0 15px; white-space: nowrap; overflow: hidden; border-radius: 15px; font-size: 13px; color: #727272; }
ul.capsuleListStyle > li.active a {background: #e6f4ff; color: #1161a0; -webkit-box-shadow: inset 0 0 3px rgba(91, 156, 212, 0.4); -moz-box-shadow: inset 0 0 3px rgba(91, 156, 212, 0.4); box-shadow: inset 0 0 3px rgba(91, 156, 212, 0.4);}
.profileActivityWrap .inlineString { display: inline; word-wrap: break-word; margin-bottom:7px; }
.profileActivityWrap .inlineString.wordbreak { word-break: break-word;  word-wrap: break-word;}
.inlineString a {word-break: break-all;}
.profileActivityWrap .activityTxtArea { padding-bottom:8px;}
label.fileUploadBtncstm { margin-right: 4px; vertical-align: top; margin: 0; cursor: pointer; border-radius:3px; position:relative; width: 30px; height: 30px; overflow: hidden; border: 1px solid #d4dde5; }
label.fileUploadBtncstm input[type=file] { height: 30px; margin: 0;width: 100%; opacity: 0; } 
label.fileUploadBtncstm:after { content: "\F066"; display: block; position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; top: 0; font-family: "Material Design Icons"; font-weight: normal; font-size: 16px; }
.ch-layout-table.activityEditLayout .ch-layout-table-cell {padding-bottom: 7px;}
.ch-layout-table.activityEditLayout .ch-layout-table-cell.date-cell {width:272px; padding-left:7px;}
.emailThreadSubject { font-weight: 600; padding: 0px 15px 18px 58px; border-bottom: 1px solid #c8d0d6; margin: 0 -20px 0 -60px; }
.emailThread { border-bottom: 1px solid #e4e0ed;}
.emailThread:last-child { border-bottom: 0 none; }
.emailThread.notOpen:last-child .emailThreadHeader {border-radius:0 0 5px 5px;}
.emailThreadHeader {padding: 15px 150px 15px 20px; position: relative; cursor: pointer;}
.emailThreadHeader:hover { background: #f9f8fb; }
.emailThreadHeader .activityTitle { padding: 0 0 4px 0;}
.emailThreadBody { padding: 15px 20px 15px; }
.emailThreadAttachmentsModal { position: fixed; left: 0; right: 0; top: 0px; bottom: 0; background: rgba(0,0,0,0.2); padding: 50px 20px; z-index: 99999; }
.emailThreadAttachmentsModal .emailThreadAttachmentsModalContent { background: #fff; border-radius: 15px; max-width: 570px; margin: 0 auto; box-shadow: 0px 0px 29px rgba(0,0,0,0.5); }
.emailThreadAttachmentsModal .emailThreadAttachmentsModalHeader { border-radius: 10px 10px 0 0; padding: 10px 19px; border-bottom: 1px solid #63a1ff; font-size: 14px; font-weight: 600; }
.emailThreadAttachmentsModal .emailThreadAttachmentsModalHeader  .close {margin-top:0;}
.emailThreadAttachmentsModal .emailThreadAttachmentsModalBody { padding: 15px; }
.emailThreadAttachmentsModal ul.attachmentList {max-height:300px; overflow:auto; overflow-x:hidden;}
.emailThreadAttachmentsModal .attachmentCotents > .attachmentCol { padding: 0px 5px; }
.emailThreadAttachmentsModal .attachmentCol.attachmentThumb { width: 44px; }
.emailThreadAttachmentsModal .attachmentCol.attachmentActionsCol {width:185px;}
.attachmentDownloadDropdownWrap { top: 27px; position: absolute; width: 100%; left: 0; text-align:left; }
.attachmentDownloadDropdown {display: none; position: absolute; top:0; border: 1px solid #c8d0d6; padding: 10px; background: #fff; border-radius: 5px; box-shadow: 6px 6px 6px rgba(0,0,0,0.1); margin-top: 0px; z-index: 1; font-size: 13px; min-width: 200px;}
.attachmentDownloadDropdown .attachementName { padding: 8px 10px; cursor: default; color: #939cb1;}
.attachmentDownloadDropdown > a { display: block; padding: 5px 10px; color: #253858; border-radius: 5px; }
.attachmentDownloadDropdown > a:hover { background: #f2f5f9; text-decoration: none; }
.emailThread.opened .emailThreadBody { padding: 0 20px 15px; }
.emailThread.opened .emailThreadHeader:hover { background: #fff; }
ul.emailThreadAttachments { margin: 15px 0; }
ul.emailThreadAttachments > li { display: inline-block; border: 1px solid #c8d0d6; padding: 3px 11px; font-size: 11px; border-radius: 30px; margin-right: 3px; cursor: pointer; position:relative; }
    ul.emailThreadAttachments > li.attachment .attachmentNameTxt {display:inline-block; vertical-align:middle; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
ul.emailThreadAttachments > li.attachment i.ch, ul.emailThreadAttachments > li.attachment .loadingIcon  { font-size: 18px; color: #f78141; vertical-align: middle; margin-right: 2px; }
ul.emailThreadAttachments > li.moreAttachmentCount{color: #4ba0f8; padding: 0 8px; text-align: center; height: 26px; vertical-align: middle; line-height: 26px;}
ul.emailThreadAttachments > li.downloadAttachments {padding: 0; font-size: 16px; width: 26px; height: 26px; text-align: center; line-height: 26px; vertical-align: middle; color: #a2afbf;}
ul.emailThreadAttachments > li:hover .attachmentDownloadDropdown{display:block;}
.emailThreadMoreCount { text-align: center; border-top: 1px solid #f79241; border-bottom: 1px solid #ffd997; position: relative; height: 10px; cursor: pointer; }
.emailThreadMoreCount:before { content: ''; position: absolute; left: 0; right: 0; border-top: 1px solid #ffb172; top: 3px; }
.emailThreadMoreCount span { display: inline-block; font-size: 12px; background: #ffff; padding: 0px 11px;  position: relative; top: -6px;  }
.emailThread .emailThreadHeader .activityDate { position: absolute; right: 20px; top: 20px; }
.emailThread .emailThreadRecipient { font-size: 11px; color: #A4AAAF;display: block;}
.emailThread .noteActions {top:35px;}
.emailThread .noteActionList {width:120px;}
.emailThread .activityList > li:hover .noteActions {display:block;}
.activityFilterContaienr { position: sticky; top: 0px; z-index: 2; background: #f7f7f7; padding: 10px 15px;}
.activityMonthYear { font-size: 16px; font-weight: 300; padding: 3px 25px 3px 25px; position: relative; }
.activityMonthYear:before { content: ''; position: absolute; left: 0; width: 13px; height: 1px; background: #c8d0d6; top: 50%; }
.activityMonthYear:after { content: ''; position: absolute; right: 0; width: 13px; height: 1px; background: #c8d0d6; top: 50%; }
.activityFilterContaienr.sticky { position: fixed; top: 100px; background: #fff; left: 205px; padding: 10px 32px; z-index: 9; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); transition: all 0.3s ease;}
.sidebarInactive .activityFilterContaienr.sticky {left:0;}
.activityFilterContaienr .activityFilterDropdown { display: inline-block; vertical-align: middle; position: relative; }
.activityFilterContaienr .labelTxt { display: inline-block; margin-right: 5px; }
.activityFilterContaienr .labelTxt i { margin-right: 4px; font-size: 16px; color: #4b8dee; }
.chFollowupWindowBody .activityFilterContaienr {position: fixed; margin-top: -83px; margin-left: 89px; z-index:1; width:564px;}
.activityFilterDropdown .selected {display: inline-block; padding: 6px 14px; cursor: pointer; border: 1px solid #c8d0d6; font-weight: 500; border-radius: 3px; background: #fff; min-width: 70px; text-align: center;}
.activityFilterDropdown .selected .selectedFilters { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }
.activityFilterDropdown .loaderIco{font-size: 14px; line-height: normal; color: #f48453; vertical-align: middle;}
.activityFilterDropdownList { display: none; position: absolute; right:0; background: #fff; width: 200px; padding: 14px; z-index: 1; border: 1px solid #c8d0d6; border-radius: 5px; box-shadow: 3px 3px 5px rgba(200, 208, 214, 0.8); max-height:200px; overflow:auto; }
.activityFilterDropdownList label { display: block; margin-bottom: 0; font-weight: 400; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.activityFilterDropdownList label.all{ border-bottom: 1px solid #c8d0d6; margin-bottom: 8px; padding-bottom: 7px;}
.activityFilterDropdownList label input[type=checkbox]{vertical-align: text-bottom;}
.activityFilterDropdown:hover .activityFilterDropdownList {display:block;}
.chFollowupWindowBody .activityMonthYear {font-size: 11px; border: 1px solid #e4e0ed; padding: 4px 10px; background: #fff; border-radius: 40px; position: absolute; margin-left: 180px; margin-top: 47px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.chFollowupWindowBody .activityMonthYear:before { opacity: 0; }
.chFollowupWindowBody .activityMonthYear:after { opacity: 0; }


/* Tabs */
.nav-tabs.tabs-bottom-border > li::before{    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; content:''; position:absolute; background:#4b8dee; display:block; height:2px; left:0; right:0; bottom:0;  -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); z-index:9;}
.nav-tabs.tabs-bottom-border > li.active::before { transform:scale(1);}
.nav-tabs.tabs-bottom-border > li.moreTabs > .btn.btn-default { margin-bottom: -22px; border: 1px solid #dae6eb; border-radius: 3px 3px 0 0;}
.nav-tabs.tabs-bottom-border > li.moreTabs > .btn.btn-default

.tab-content.tabContentScroller {height:100%; position: relative;}
.tab-content.tabContentScroller .tab-pane { height: 100%; overflow: auto; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; right: 0; }
.tab-content.tabContentScroller .tab-pane .quickAddContainer { margin: 15px 25px; background: #fff;}
.tab-content.tabContentScroller .tab-pane .quickAddContainer.quickAddHide:after { background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #ffffff), color-stop(0.25, #ffffff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); }
ul.nav.nav-tabs.tabs-solid { padding-left: 15px; }
.nav-tabs.tabs-solid > li > a {border: 1px solid #dae6eb; color: #91a2bb; font-weight: 600; padding: 6px 15px;}
.nav-tabs.tabs-solid>li.active>a, .nav-tabs.tabs-solid>li.active>a:focus, .nav-tabs.tabs-solid>li.active>a:hover {  border: 1px solid #dae6eb; border-bottom-color: #dae6eb;}
.tab-content.tabs-solid-content >.tab-pane {padding: 15px; }
.nav-tabs.tabs-solid > li.active > a, .nav-tabs.tabs-solid > li.active > a:focus { background: #309fd9; border-color: #2f97cd; color: #fff;}
.nav-tabs.tabs-solid > li{margin-left: 1px;}

/* CH Form Horizontal */
.chFormHorizontal .chFormHorizontalInputDiv { padding-bottom: 15px; position: relative;}
.chFormHorizontal .chFormHorizontalInputLabel {padding-bottom:4px; font-weight: 600;}

@media screen and (min-width: 768px) {
    .sectionRecordView { width: 1000px; margin: 0 auto; }
    .sectionRecordView.adminRecordViewWrap { width: 100%; padding: 0 25px; }
    .ch-form-grid { display: table; width: 100%; table-layout:fixed; margin-bottom:35px;}
    .ch-form-element { padding: 5px 10px; vertical-align: top; display: table-cell; }
    .ch-form-element2 { padding: 5px 10px; vertical-align: top; display: table-row; }
    .ch-form-grid.readOnly .ch-form-element{ padding: 14px 10px 10px; }
    .ch-form-element-read-only {padding: 15px 10px;}
    .ch-form-element-group { display: table-row; }
    .productRecordView{width:50%;}
	.productDescriptionRecordView .ch-form-element.input{width:80%;}
    .productDescriptionRecordView .ch-form-element.input textarea {width:50%!important; max-width:50%; }
    .ch-form-grid.readOnly .ch-form-element.input { border-bottom: 1px solid #e7eff3; padding-top: 14px;padding-bottom: 10px;}
    .ch-form-grid.readOnly .ch-read-only-field {padding-top: 0; overflow: hidden; text-overflow: ellipsis;}

    .ch-dynamic-form { display: flex; flex-wrap: wrap; margin-bottom:25px; }
    .ch-dynamic-form > .ch-dynamic-form-input-container { width: 50%; display: flex; }
    .ch-dynamic-form > .ch-dynamic-form-input-container > .ch-dynamic-form-input-label { width: 40%; text-align: right; padding: 14px 10px 10px; }
    .ch-dynamic-form > .ch-dynamic-form-input-container > .ch-dynamic-form-input { width: 60%; padding: 5px 10px; }
    .ch-dynamic-form.readOnly .ch-dynamic-form-input { border-bottom: 1px solid #e7eff3; padding-top: 14px;padding-bottom: 10px;}
    .ch-dynamic-form.readOnly .ch-read-only-field {padding-top: 0; overflow: hidden; text-overflow: ellipsis;}
    .ch-dynamic-form-input.dynamicVal {position: relative; padding-right: 30px!important;}
    .ch-dynamic-form-input.dynamicVal input, 
    .ch-dynamic-form-input.dynamicVal a, 
    .ch-dynamic-form-input.dynamicVal textarea, 
    .ch-dynamic-form-input.dynamicVal select { color: #d83939;}
    .ch-dynamic-form-input.dynamicVal input[type=checkbox] {background-image:url(../Images/check-dynamic.png);}
    .dynamicValInfoIcon {position: absolute; right: 10px; top: 0; color:#fff; font-size: 16px; height: 40px; border-bottom: 1px solid #e7eff3; display: flex; align-items: center; width: 20px; justify-content: center; padding-top: 5px;}
   .ch-dynamic-form-input-container:hover .dynamicValInfoIcon {color: #8f9eb3; }
    .dynamicVal .ch-tooltip { right: 10px; left: 0; border-radius: 5px; }

}

/* Lookup */
.lookupWrap { position: relative; }
/*.lookupWrap:after {content: "\F349"; font-family: "Material Design Icons"; position: absolute; right: 9px;top: 4px; font-size: 16px; color: #8f9eb3;}*/
.dropdown-menu.lookup-dropdown { width: 100%; max-width: 300px; border-color: #abaeb3; box-shadow: 5px 9px 20px rgba(31, 38, 64, 0.3) !important;}
.dropdown-menu.lookup-dropdown:before { content: ''; border: 8px solid transparent; position: absolute; border-bottom: 8px solid #a5b9d2; top: -16px; left: 20px; }
.dropdown-menu.lookup-dropdown:after { content: ''; border: 8px solid transparent; position: absolute; border-bottom: 8px solid #ffffff; top: -14px; left: 20px; }
.dropdown-menu.lookup-dropdown.noTopArrow:before, .dropdown-menu.lookup-dropdown.noTopArrow:after {opacity:0;}
.lookup-search-wrap { padding: 0 0 5px 30px; float: none!important; position: relative; }
.lookup-search-wrap:before { content: "\F349"; position: absolute; left: 12px; font-family: "Material Design Icons"; top: 4px; font-size: 17px;  color: #8f9eb3; }
.lookup-search-wrap input, .lookup-search-wrap input.form-control:focus, .lookup-search-wrap input:focus { border: transparent; box-shadow: 0 0 0 transparent!important; font-weight: 400; }
.lookup-search-list { margin: 0; padding: 0; max-height: 220px; overflow: auto; }
.lookup-search-list.removeScroll { height: auto; overflow: inherit; }
.lookup-search-list > li { display: block; padding: 9px 15px; font-weight: 400; position: relative; font-size:13px;}
.lookup-search-list li:last-child { border-bottom: 0 none; }
.lookup-search-list li .match { font-weight: 700; }
.lookup-search-list li input[type=radio] { margin-right: 5px; -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50px; position: relative; top: 2px; }
.lookup-search-list li input[type=radio]:focus { outline: 0 none; }
.lookup-search-list > li > label { font-weight: 600; }
.lookup-search-list > li > label > span {display:inline-block; max-width: 200px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis;}
.lookup-search-list > li .arrow { position: absolute; right: 10px; top: 11px; font-size: 16px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; cursor: pointer; }
.lookup-btn-wrap { padding: 10px 13px 10px; margin-bottom: -5px; border-radius: 0 0 3px 3px; }
.lookup-search-list > li li { display: block; padding: 5px 10px; margin-bottom: 5px; }
.lookup-search-list > li li label { margin-bottom: 0; font-weight: 600; font-size: 13px; }
.lookup-search-list > li li .val { font-size: 13px; }
.lookup-search-list .detailsList { margin: 8px -15px; padding: 6px 0 0; display: none; }
.clearSearchBtn { position: absolute; z-index: 9; right: 33px; font-size:13px; top: 7px; color: #c1cbd9; cursor: pointer; display: none; }
.lookup-group-not-empty:hover .clearSearchBtn { display: block; }
.lookup-search-spinner { position: absolute; right: 10px; z-index: 9; top: 8px; }
.loockupNewHeader {  margin: 0 -15px 12px; border-bottom: 1px solid #bdccd8; font-weight: 600; padding-left:35px; position: relative; display: flex; height: 40px; align-items: center;}
.loockupNewHeader .backBtn {position: absolute; left: 6px; width: 30px; height: 30px; line-height: 30px; text-align: center;font-size: 20px; top: 4px;} 
.btn.newLookupObject { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.input-group.lookup-group.dropdown.open input::-webkit-input-placeholder { opacity:1;}
.input-group.lookup-group.dropdown.open input:-moz-placeholder { opacity:1;}
.input-group.lookup-group.dropdown.open input::-moz-placeholder { opacity:1;}
.lookupWrap > .lookup-group input.dropdown-toggle{padding-right: 48px!important; }
.lookupWrap a.lookupSelectedLink {font-weight: 500; font-size:13px; position: absolute; z-index: 9; left: 10px; top: 50%; max-width:200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -9px;}
.lookupWrap a.lookupMagnifyBtn { position: absolute; right: 0; top: 0; font-size: 17px; display: block; width: 30px; height: 34px; line-height: 34px; text-align: center; }

/* List View */
.list-template { background: #f7f7f7; }
.listViewSearchWrap {width: 230px; border-bottom: 1px solid #909bae; }
.listViewSearchWrap .input-group-addon { cursor: pointer;border: 0 none; background: transparent; padding: 0; font-size: 17px; }
.listViewAtionsWrap { padding: 29px 25px 14px; position: relative; z-index: 1}
.listViewAtionsWrap .btn { min-width: 70px; margin-right: 5px; font-weight: 600; border-radius: 4px; padding: 3px 15px;}
.listViewAtionsWrap .btn i.ch { font-size: 18px; vertical-align: middle; margin-right: 3px; }
.listViewAtionsWrap .btn.pointerNone { pointer-events: none; background: #fff!important; color: #c4cdda; font-weight: 400; border-color: #e1e5ea; opacity: 1;}
.listViewAtionsWrap .btn.btn-default { border-color: #d4dce6; }
.btn-group.moreActionsDropdown > .btn-default { height: 33px; }
.btn-group.moreActionsDropdown ul.dropdown-menu .btn { display: block; width: 100%; text-align: left; border: 0 none; padding: 5px 15px; font-weight:400; box-shadow: 0 0 0 transparent; border-radius:0; }
.btn-group.moreActionsDropdown ul.dropdown-menu .tooltip { min-width:150px; text-align:left;}
.listViewTableWrap { position: relative; background: #fff; margin:10px 25px 10px;}
.listViewTableWrap table { font-size: 13px; border:25px solid #fff; margin-bottom:0;}
.listViewTableWrap table th, .ch-table-style th { text-transform: uppercase; font-weight: 600; font-size: 11px;}
.listViewTableWrap table th.sortableBoth, .ch-table-style th.sortableBoth {padding-right: 30px; }
.listViewTableWrap table > tbody > tr > td, .listViewTableWrap table > tbody > tr > th, .ch-table-style td { padding: 10px; font-size: 13px; }
.ch-table-style tbody > tr > td:first-child, .ch-table-style thead > tr > th:first-child { border-left: 0 none; }
.listViewTableWrap table > thead > tr > th.ch-table-check-cell, .listViewTableWrap table > tbody > tr > td.ch-table-check-cell { padding-left: 18px!important; vertical-align: middle!important; }
.listViewTableWrap table.table.ch-table-style > tbody > tr:hover > td {background: #f3f6ff;}
.listViewTableWrap table > thead > tr > th.ch-table-add-column-cell { width:45px; }
.listViewTableWrap table > thead > tr > th.ch-table-add-column-cell a.chTableCellAddColumnBtn{ font-size: 22px;line-height: inherit;position: absolute;margin-top: -28px;}
.list-template div[table-name=Deal] ul.listViewQuickActions, .list-template div[table-name=Company] ul.listViewQuickActions { margin-left: 0; text-align: center; }
.listViewPagination { padding: 0 25px 65px 25px; overflow: hidden; /*padding-bottom: 50px;*/ }
.btn.cstmPagination-btn {background: transparent; padding: 0 5px;}
.listViewPagination i.ch { font-size: 20px; }
.btn-transparent { border: 0 none; background: transparent; box-shadow:0 0 0 transparent;}
.cstmPagination li { display: inline-block; vertical-align: middle; }
.cstmPaginationDropDown, .cstmPaginationDropDown:focus {width: inherit!important; background: transparent; margin-left: 5px; display: inline-block; height: 28px; border: 0 none; box-shadow: 0 0 0 transparent;}
.pageNumInput { padding: 0 3px!important; width: 55px; height: 25px!important; text-align: center; margin: 0 5px; background-color: #fff; opacity: 1; border: 0 none; width: inherit; box-shadow: 0 0 0; max-width: 40px;}
.pageNumInput[disabled] {background-color: transparent;}
.listEditIconWrap { position: absolute; width: 0px; display: inline-block; overflow: hidden; float: right; margin-top: 5px; right: 18px; }
.editIconContainer { width: 14px; display: inline-block; position: relative; margin-bottom: 17px; margin-left: 10px;}
.ch-table-style tr:hover .listEditIconWrap { width: 18px; right: 22px; }
.listViewTableWrap i.ch { cursor: pointer; }
.listColTxtOverflow{white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis;}
.sortableBoth:hover { background:#fff url(/Images/table-sort.png) no-repeat right center; cursor:pointer; }
.sortableBoth.sort-asce { background:#fff url(/Images/table-sort-asce.png) no-repeat right center; }
.sortableBoth.sort-des { background:#fff url(/Images/table-sort-des.png) no-repeat right center; }
.cpqTableStyle > thead > tr > th, .cpqTableStyle > tbody > tr > td { border-left:0 none;}
.cpqTableStyle.with50 {width:50%;}
.tableActionList { position: relative; width: 80px; margin: -10px 0; height: 38px;}
.tableActionList ul { position: absolute; width: 80px; left: 0; top: 0; display: table; height: 38px; }
.tableActionList li { display: table-cell; vertical-align: middle; padding-right: 5px;}
.tableActionList li .btn.trans {background:transparent; box-shadow:0 0 0 transparent; border:1px solid transparent; color:#a0a8ab; padding:5px 10px; font-size:16px;}
.tableActionList li .btn.trans:hover {color:#253a43;}
.tableActionList .overflow { position: absolute; right: 0; top: 0; width: 0; overflow: hidden; transition: all 0.4s ease; height: 38px;}
.cpqTableStyle tr:hover .tableActionList .overflow {    width: 80px;}
.quickAddContainer { background: #ffffff; padding: 20px; margin: 0 0 15px 0; position: relative; z-index: 99; pointer-events: all; border-top: 3px solid #f4734b;}
.quickAddContainer.quickAddHide:before { top: 89px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #dedede), color-stop(0.25, #dedede)); background-image: linear-gradient(135deg, #dedede 25%, transparent 25%), linear-gradient(225deg, #dedede 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; }
.quickAddContainer.quickAddHide:after { top:86px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #fff), color-stop(0.25, #fff)); background-image: linear-gradient(135deg, #fff 25%, transparent 25%), linear-gradient(225deg, #fff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute;}
.quickAddContainer .ch-layout-table {width:inherit; table-layout:fixed;}
.quickAddContainer .ch-layout-table-cell {padding:0 7px; vertical-align:bottom; width:240px;}
.quickAddContainer .ch-layout-table-cell.iconCell {width:60px;}
.ch-layout-table-cell.quickAddSaveBtnCell .btn { background: #f4734b; border-color: #f4734b; }
.quickAddContainer .ch-layout-table-cell > label{ font-weight: 600; display: block; font-size: 11px; margin-bottom: 0; text-transform: uppercase;}
.quickAddContainer .ch-layout-table-cell > label span.textOverflow { display: inline-block; max-width: 150px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.quickAddContainer input[type=text], .quickAddContainer input[type=email], .quickAddContainer input[type=password], .quickAddContainer input[type=number], .quickAddContainer select, .quickAddContainer .input-group-addon, .quickAddContainer .btn.btn-default, .quickAddContainer .input-group input, .quickAddContainer textarea, .quickAddContainer input[type=phone], .quickAddContainer .chInputCurrency {
    border-color: #909bae;
    box-shadow: inset 1px 1px 2px #edf3fa;
}
.quickAddContainer .chInputCurrency { height: 30px; cursor: text; line-height: 30px; }
.quickAddContainer input[type=text]:focus, .quickAddContainer input[type=email]:focus, .quickAddContainer input[type=password]:focus, .quickAddContainer input[type=number]:focus, .quickAddContainer select:focus{border-color:#66afe9;}
.quickAddContainer .has-error .form-control, .quickAddContainer .has-error .checkListDropdown .btn { border-color: #ea8483!important;}
.quickAddContainer .btn-group {width:100%;}
.quickAddContainer .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(72, 72, 72, 0.125); box-shadow: inset 0 3px 5px rgba(72, 72, 72, 0.125); }
.quickAddContainer .input-group-addon { background: white; color: #909bae; box-shadow: 0 0 0;}
.quickAddContainer input[type=checkbox] {background-image:url(../Images/check-dark.png);}
.addNotesConversationTextImg {background:url(../Images/add-note-conversation.png); display:none; width: 309px; height: 108px; position: absolute; top: 188px; left: 407px; z-index: 1;}
.cellEditInfo { vertical-align: middle; display: inline-block; margin-top: 7px; margin-right: 27px; color: #f7ac4e;}
.cellEditInfo i { vertical-align: middle; margin-right: 4px; }
.checkListDropdown .dropdown-menu {z-index:99; margin:0;}
.checkListDropdown .dropdown-menu li{ padding:5px 15px 5px 30px; position:relative;}
.checkListDropdown .dropdown-menu li.disabled { pointer-events: none; opacity: 0.4; }
.checkListDropdown .dropdown-menu li input[type=radio], .checkListDropdown li input[type=checkbox]{ position:absolute; left:7px; top:2px;}
.checkListDropdown .dropdown-menu li label { margin-bottom:0; font-weight: 600;display: block; font-size: 13px;}
.checkListDropdown .dropdown-menu li:hover { background:#f6f8fa;}
.show-on-hover:hover > ul.dropdown-menu { display: block; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1;   }
.checkListDropdown > button.btn { padding-right: 30px; position: relative;}
.checkListDropdown > button.btn > span.caret { position: absolute; right: 10px; top: 12px; }
.listviewDirtyCell, .listviewDirtyCell, .listviewDirtyCell .editedString,  .listviewDirtyCell .listColTxtOverflow, .listviewDirtyCell .readOnlyInputWrap a, .listviewDirtyCell .readOnlyInputWrap > div{background: #fffbf5;color: #d83939;}
.editableTable > tbody > tr > td, .editableTable > thead > tr > th {white-space:nowrap;}
table.editableTable > tbody > tr > td {padding:0;}
.editFieldsWrap { width: 100%; position: relative; height: 100%; display: table; }
.editFieldsWrap > div { display: table-cell; height: 46px; vertical-align: middle; padding: 0;}
.editFieldsWrap > div input.inlineEditField, .inlineEditContainerWrap .inlineEditField, .inlineEditContainerWrap .lookupWrap .input-group > input[type=text], .inlineEditContainerWrap .btn-group >.btn { width: 100%; height: 40px; border: 0 none; border-radius: 0; padding:0 8px!important;}
.inlineEditContainerWrap .input-group-addon{background-color: #fff; border: 1px solid transparent;}
.inlineEditContainerWrap .bootstrap-datetimepicker-widget { margin-bottom:45px;}
.bootstrap-datetimepicker-widget table td span:before{font-size:20px;}
.editFieldsWrap > div input.inlineEditField:focus { outline:0 none; -webkit-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent;}
.readOnlyInputWrap > div {padding:0 8px;}
.editFieldsWrap:after { content: ''; width: 4px; height: 4px; background: #4b8dee; position: absolute; right: -3px; bottom: -3px; display:none; }
.editFieldsWrap.editableField:hover { box-shadow: inset 0 0 0px 1px #4b8dee; }
.editFieldsWrap.editableField:hover:after{ display:block;}
.inlineEditContainerWrap:after { z-index: 9; display:block; content: ''; width: 100%; height: 2px; background: #4b8dee; position: absolute; left: 0; bottom: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.inlineEditContainerWrap.enableEditing:after {-webkit-transform: scale(1); transform: scale(1); }
.inlineEditContainerWrap .txtSearch { height: 30px!important; }
.inlineEditContainerWrap .lookup-dropdown.dropdown-menu { width: 280px;box-shadow: 0 6px 12px rgba(0,0,0,.3); margin-bottom:45px; }
.inlineEditContainerWrap .bootstrap-datetimepicker-widget table td.day,.bootstrap-datetimepicker-widget table th{height:16px!important;line-height:16px!important;font-size:13px!important;width:14px!important; padding:5px 0!important;}
.inlineEditContainerWrap .clearSearchBtn {top: 9px;}
.inlineEditContainerWrap.enableEditing .checkListDropdown .dropdown-menu { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; display:block;}
.editFieldsError {display:none; position: absolute; right: 5px; top: 11px; background: transparent!important;}
.editFieldsError i{color: #e04126; }
.hasError .editFieldsError {display:block;}
.editFieldsWrap.readOnlyInputWrap.hasError { margin-right: 25px;}
.editFieldsError .tooltip{min-width:120px;}
.inlineEditContainerWrap .ch-lookup-template {min-width:200px;}
.inlineEditContainerWrap .ch-lookup-template .lookupWrap .input-group input[type=text]{padding-right: 22px!important;}
.inlineEditContainerWrap .dropdown-toggle span.caret {margin-left: 3px;}
.inlineEditContainerWrap .checkListDropdown li input[type=checkbox] { top:0;}
.inlineEditContainerWrap > div > input[type=checkbox] { margin-left:8px; border-color: #039be9;}
.quickAddContainer .lookup-dropdown { min-width: 280px; }
.quickAddContainer .lookup-group input[type=text].dropdown-toggle{height: 30px!important; border: 1px solid #909bae!important; border-radius: 3px!important;}
.quickAddContainer .lookupWrap a.lookupMagnifyBtn {height:30px; line-height:30px;}
.quickAddContainer .lookupWrap a.lookupSelectedLink {max-width:100px;}
.inlineEditFloatingBtns { -webkti-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; left: 50%; background: rgb(255, 255, 255); border-radius: 50px; padding: 6px; box-shadow: 0 0 3px 3px rgba(26, 39, 71, 0.14); bottom: -100px; border: 1px solid #cdd6e3; opacity: 0; z-index: 10;}
.inlineEditFloatingBtns .btn { height: 32px; width: 75px; border-radius: 21px; text-align: center; padding: 0; font-size:18px; line-height: 31px; box-shadow: 0 0 0 transparent; color: #fff;}
.inlineEditFloatingBtns .btn.inlineEditBtn-save { background-color: #16b246;}
.inlineEditFloatingBtns .btn.inlineEditBtn-cancel {background-color: #dd3e3e;}
.sidebarInactive .inlineEditFloatingBtns{ margin-left: -82px;}
.inlineEditFloatingBtns.show { bottom:30px; opacity:1;}
.inlineEditContainerWrap .bootstrap-datetimepicker-widget table td span , .quickAddContainer .bootstrap-datetimepicker-widget table td span { width:54px; height:54px; display:inline-block; float:left; white-space:normal; vertical-align:top;}
.inlineEditContainerWrap .bootstrap-datetimepicker-widget .datepicker-decades, .quickAddContainer .bootstrap-datetimepicker-widget .datepicker-decades {white-space:normal; float:left; white-space:normal; }
.inlineEditContainerWrap .datepicker-months, .inlineEditContainerWrap .datepicker-decades, .quickAddContainer .datepicker-months, .quickAddContainer .datepicker-decades {min-width:250px; max-width:250px;}
.datepicker-decades, .datepicker-years {min-height:251px;}
.input-group.date > input { font-size: 12px; letter-spacing: -1px; }
.datepicker-decades:after, .datepicker-years:after {content:''; display:block; clear:both; height:1px; width:100%;}
.bootstrap-datetimepicker-widget .datepicker-decades table td span {height:54px!important; width:54px!important; padding-top:7px; line-height:normal!important;}
.input-group.inlineCurrencyinputGroup { min-width: 180px; }
.input-group.inlineCurrencyinputGroup .input-group-addon { background: #ffffff; border-right: 0 none; font-size: 12px;}
.chInputCurrency {
    cursor: text;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e7eff3;
}
.quickAddContainerMbSpacing { position: relative; z-index: 99;}
span.column-head { display: inline-block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.list-template .reportCriteriaContainer {position: relative; z-index: 3; padding: 0; width: 100%; top: 0; transition: none; overflow:inherit;}
.list-template .reportCriteria { display: table; width: 100%; table-layout: fixed; }
.list-template .reportCriteria > .cols { display: table-cell; vertical-align: top; }
.list-template .reportCriteria > .cols.reportAxisCol { width: 310px; padding-right: 45px; }
.list-template .reportCriteriaContainer:before { bottom: -27px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; }
.list-template .listviewTopBtns {padding-top:9px;}


/* Admin pages */
.adminScrollerContainer { padding-left: 230px!important; position: relative; }
.secondarySidebar { width: 230px; position: absolute; top: 0px; left: 0px; height: 100%; }
.secondarySidebar .titleIcon { font-size: 16px; margin-right: 5px; margin-left: -8px; }
ul.sidebarList { display: block; padding: 0 15px; }
ul.sidebarList li { display: block; position: relative; }
ul.sidebarList li a { padding: 10px 0; display: block; }
ul.sidebarList li i { position: absolute; right: 7px; top: 15px; display: none; font-size: 11px; }
ul.sidebarList li.active i { display: block; color: #039be5; }
ul.sidebarList li.active a { color: #039be5; }
ul.sidebarList li:last-child { border-bottom: 0 none; }
.quickLinksList { display: block; width: 100%; padding: 0 25px; }
.quickLinksList li { display: block; width: 100%; padding: 5px 5px 5px 43px; font-size: 14px; font-weight: 600; position: relative; margin-bottom: 9px; }
.quickLinksList li .iconWrap { border: 1px solid #D5D8DA; margin-right: 8px; font-size: 16px; display: inline-block; width: 30px; height: 30px; border-radius: 50px; text-align: center; line-height: 27px; position: absolute; left: 0; color: #505B61; }
.quickLinksList li .infoTxt { font-size: 13px; font-weight: 400; }
.inviteUserWrap h2 { font-size: 16px; font-weight: 600; margin: 14px 0 20px; }
.ch-form-grid.emailInviteGrid .ch-form-element { vertical-align: bottom; }
.ch-form-grid.emailInviteGrid textarea { height: 70px; border: 2px solid #4ba0f8; }
.ch-form-grid.emailInviteGrid select {max-width: 150px; display: block;}
.ch-form-grid.emailInviteGrid .btn.btnInviteUser{height: 34px; width: 151px; margin-top: 6px; font-weight: 700; font-size: 14px;}
.inviteUserWrap { margin-top: 35px; }
.inviteUserWrap .userStatus { display: block; text-align: center; font-size: 10px; font-weight: 600; background: #ffffff; border: 1px solid transparent; padding: 2px 0; max-width: 50px; border-radius: 3px; }
.inviteUserWrap .userStatus.statusInactive { background: #f1f7f7; border-color: #d4dddd; color: #8f9d9d;}
.inviteUserWrap .userStatus.statusActive { border: 1px solid #5cb85c; color: #5cb85c; }
.inviteUserWrap .listViewTableWrap { overflow: auto; }
.inviteUserWrap .listViewTableWrap .usersTable th{padding-right:7px!important;}
.inviteUserWrap .listViewTableWrap .usersTable tr.invitedUserRow {background: #f2f5f9;}
.inviteUserWrap .listViewTableWrap .usersTable tr.invitedUserRow td:nth-child(4) {font-weight:600;}
.inviteUserWrapBg { margin-bottom: 40px; background: #ffffff; padding: 20px 25px 25px 25px; position: relative; border: 1px solid #c8d0d6; border-top: 3px solid #f4734b; border-radius: 10px; box-shadow: 0 0 12px #d8d3e3;}
.ch-layout-table.emailInviteGrid .ch-layout-table-cell { vertical-align: bottom; }
.ch-layout-table-cell.inviteUserInputCell textarea {resize: none; height: 35px; border-radius: 0; border-color: transparent; box-shadow: 0 0 0 transparent; border-bottom: 1px solid #909bae; }
.ch-layout-table-cell.inviteUserInputCell textarea:focus { border-bottom-color: #6a59ec; }
.ch-layout-table-cell.inviteUserProfileCell { width: 185px; padding-left: 10px; }
.ch-layout-table-cell.inviteUserBtnCell { width: 100px; padding-left: 10px; }
.ch-layout-table-cell.inviteUserBtnCell .btn { height: 35px;}
.ch-layout-table-cell.inviteIconCell { width: 50px; padding-right: 18px; }
.ch-layout-table-cell.inviteIconCell .inviteIcon{font-size: 24px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 100%; color: #fff; background: linear-gradient(128deg, #f4b84b 0%, #f4734b 100%);}
.usersTable tbody > tr > td { padding: 10px!important; }
.usersTable td.userAvatarCell { padding-right: 0!important; }
.usersTable td.userAvatarCell .avatar { font-size: 30px; color: #4596fb; cursor:default; }
.usersTable td { vertical-align: middle!important; }
.inviteUserWrapBg .userProfileDropdown {position: relative;}
.inviteUserWrapBg .selectedUserProfile { text-align: center; background: white; border: 1px solid #909bae; height: 35px; padding: 8px 10px; border-radius: 5px; cursor: pointer;}
.inviteUserWrapBg .selectedUserProfile:hover { background: #f8f7fa; }
.inviteUserWrapBg .userProfileDropdown .chFiltersDropdown{ z-index:99;}
.inviteUserWrapBg .userProfileDropdown .chFiltersDropdown .chFiltersDropdownHeader { border-radius: 5px 5px 0 0;}
.inviteUserWrapBg .userProfileDropdown a.closeUserProfileDropdown { position: absolute; right: 20px; color: #a7abbf; }
.usersTable tr.invitedUserRow > td {background: #fffaf6;}
.usersTable a.reportsToLink { display: inline-block; background: #4596fb; color: #fff; font-size: 11px; padding: 2px 7px; border-radius: 20px; }
.usersTable .btn.inviteAgainBtn { display: inline-block; background: #69c346; padding: 5px 15px; border-radius: 17px; color: #fff; font-size: 12px; margin-right: 4px;}
.usersTable .btn.inviteAgainBtn:hover { background: #60ad41; }
.usersOnboarding { text-align: center; max-width: 680px; margin: 0 auto 30px; }
.usersOnboarding .title { font-size: 16px; font-weight: 600; padding-bottom: 10px; }
.usersOnboarding .imgTitle { color: #253858; font-weight: 600; font-size: 14px; display: inline-block; margin-top: 12px; }
.usersOnboarding .imgTitle .ch{color: #f4754e; font-size: 20px; vertical-align: middle;}
.usersOnboarding .imgTitle span {display: block; font-weight: normal; font-size: 13px; padding-top: 4px;}
.usersOnboarding a:hover .imgTitle { color: #624dd6; }
.newProfileContainer { max-width: 360px; margin: 50px auto 20px; background: white; padding: 28px 50px 0px; border-radius: 10px; box-shadow:0 0 10px rgb(188, 188, 212);}
.newProfileContainer .inputLabel{padding-bottom: 3px; font-size: 12px; margin-top: 15px; font-weight: 600;}
.newProfileContainer .form-control {height: 32px;}
.newProfileContainer .recordViewBtnsWrap{ padding: 15px 15px 20px 15px; border-top: 1px solid #e1e9ee; margin-top: 35px; background: #f7f7f9; margin: 35px -50px 0 -50px; border-radius: 0 0 10px 10px;}
ul.inlineLinks { border-bottom: 1px solid #f3703f; padding-left: 10px; }
ul.inlineLinks > li {display: inline-block; padding-bottom: 0; position: relative;}
ul.inlineLinks > li > a { display: inline-block; padding: 4px 15px; border: 1px solid transparent; border-radius: 5px; color: #0e0e27; font-weight: 500;}
ul.inlineLinks > li > a:focus, ul.inlineLinks > li > a:hover, ul.inlineLinks > li > a:active { text-decoration:none;}
ul.inlineLinks > li a i { font-size: 18px; vertical-align: middle; margin-right: 7px; }
ul.inlineLinks > li.active a { color: #647bf1; border-color: #f3703f; border-bottom: 1px solid #fff; border-radius: 5px 5px 0 0; position: relative; top: 1px; padding: 6px 15px 6px;}
.recordCircleLoading{ width: 16px; height: 16px; display: inline-block; top: 4px; margin-left: 4px; }
.recordCircleLoading.circleProgressBtnComplete:after { font-size: 9px; text-align: center;line-height: 16px;}
.ch-layout-table.companyLogoEditLayout { margin: 20px 0 45px 50px; height:auto; width:inherit; }
.ch-layout-table-cell.companyLogoEditWrapCell { width: 170px; padding-right: 25px; }
.companyLogoEditWrap { position: relative; width: 170px; height: 170px; border: 3px solid #e8e3f1; border-radius: 15px; padding: 10px;}
.companyLogoEditWrap.loader:before { content: ''; position: absolute; left: 50%; top: 50%; border: 3px solid #4b8dee; width: 20px; border-left-color: #fff; height: 20px; border-radius: 100%; margin: -10px 0 0 -10px; z-index: 9; -webkit-animation: spinner 0.5s infinite linear; animation: spinner 0.5s infinite linear; }
.companyLogoEditWrap.loader:after { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9); }
.companyLogoEditWrap .ch-layout-table-cell{vertical-align: middle; text-align: center;}
.companyLogoEditWrap .ch-layout-table-cell img{max-width: 100%;}
.companyLogoEditBtns { position: absolute; bottom: -15px; left: 0; right: 0; width: 100%; text-align: center; z-index:9; }
.companyLogoEditBtns .btn { padding: 0; width: 30px; height: 30px; line-height: 30px; font-size: 14px; border-radius: 100%; }
.ch-layout-table-cell.companyLogoGuidelineCell { vertical-align: middle; font-size: 12px;}
ul.refereceList > li { position: relative; padding: 10px 0 10px 200px; display: block;}
ul.refereceList > li .refereceType { position: absolute; width: 200px; text-align: right; left: 0; padding-right: 15px; font-size: 15px; font-weight: 600; }
.refereceURL { padding: 0px 0 6px; }
table.ch-table-style.whoCanSeeTable td { vertical-align: middle; white-space:nowrap; padding: 6px 20px;}
table.ch-table-style.whoCanSeeTable th{ padding: 6px 20px;}
table.whoCanSeeTable .managePermissionsLink{opacity:0;}
table.whoCanSeeTable tr:hover .managePermissionsLink{opacity:1;}
.profileDetailsWrap { max-width: 780px; margin: 0 auto; }
.profileDetailsWrap .recordViewTitle {font-size:14px;}
.modal.profilePermissionsModal  .modal-content {border-radius:10px;}
.profilePermissionsModal .modal-footer { margin-top: 10px; padding: 0; border: 0 none; background: #624dd6; border-radius: 0 0 10px 10px; }
.profilePermissionsModal .modal-footer .btn { background: #624dd6; width: 100%; border-radius: 0 0 10px 10px; box-shadow: 0 0 0 transparent; color: #fff; height: 40px; line-height: 39px; padding: 0; font-size: 14px; font-weight: 600; }
.profilePermissionsModal .modal-dialog { width: 750px; }
.profilePermissionsModal .modal-body {padding:0;}
.profilePermissionsModal .modal-body .profilePermissionsScroller { padding:0 25px 25px 25px; max-height: 370px; overflow: auto; min-height: 370px; border-top: 1px solid #c8d0d6;}
.profilePermissionsModal  .profilePermissionsHeader {padding:25px 25px 0; }
a.seeAllRecordsLink { position: absolute; font-size: 13px; font-weight: 400; right: 22px; top: 28px; }
.profilePermissionsContainer.inline {max-width:750px;}
.profilePermissionsContainer.disabled {pointer-events: none; opacity: 0.8;}
.profilePermissionsContainer.inline .fieldPermissionsContainerScroller {max-height:inherit; overflow: inherit;}
table.ch-table-style.profilePermissionsTable { table-layout:fixed; }
table.ch-table-style.profilePermissionsTable th { white-space: nowrap; border-bottom: 0 none; font-weight: 500; padding:5px 10px;}
table.table.ch-table-style.profilePermissionsTable  > tbody > tr:not(.fieldPermissionsWrapper):hover > td { background: #f8f7fa; }
table.table.ch-table-style.profilePermissionsTable > tbody > tr.active > td{ background: #f8f7fa; border-bottom: 2px solid #4b8dec;}
table.table.ch-table-style.profilePermissionsTable tr.fieldPermissionsWrapper.opened > td{border-top: 2px solid #4c8dec;}
table.table.ch-table-style.profilePermissionsTable .avatar { font-size: 24px;}
table.table.ch-table-style.profilePermissionsTable .tableIcon { font-size: 16px; background: #f4bd59; display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 7px; color: #fff;}
table.table.ch-table-style.profilePermissionsTable td { vertical-align: middle; padding: 5px 10px; font-size:12px;}
table.table.ch-table-style.profilePermissionsTable .btn-group.permissionsDropdownStyle > .btn {font-size:12px;}
.btn-group.permissionsDropdownStyle:hover .dropdown-menu:not(.disabled){display:block; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1;}
table.profilePermissionsTable .seePermissionsLink, table.profilePermissionsTable .grantLink, table.profilePermissionsTable .specialPermissionDropdown,  table.profilePermissionsTable .exportCheckbox:not(:checked) {opacity:0;}
table.profilePermissionsTable tr:hover .seePermissionsLink, table.profilePermissionsTable tr:hover .grantLink, table.profilePermissionsTable tr:hover .specialPermissionDropdown, table.profilePermissionsTable tr:hover .exportCheckbox {opacity:1;}
.btn-group.permissionsDropdownStyle > .btn { padding: 6px; border: 0 none; box-shadow: 0 0 0 transparent; background: transparent; }
.btn-group.permissionsDropdownStyle > .btn span:not(.caret) { margin-right: 4px; display: inline-block; max-width: 110px; overflow: hidden;  vertical-align: middle;text-overflow: ellipsis;}
.btn-group.permissionsDropdownStyle .dropdown-menu > li label { cursor:pointer; display: block; font-weight: 400; font-size: 12px; padding: 5px 12px; margin-bottom: 0; }
.btn-group.permissionsDropdownStyle .dropdown-menu > li label input[type=checkbox] { margin-top: 0; display: inline-block; vertical-align: middle; }
.btn-group.permissionsDropdownStyle .dropdown-menu > li label span.lbl { margin-left: 5px; display: inline-block; vertical-align: middle;}
.btn-group.permissionsDropdownStyle .dropdown-menu > li label:hover { background:#f3f6ff;}
.fieldPermissionsTopArrow {display: none; position: relative; bottom: -16px;}
.profilePermissionsTable tr.active .fieldPermissionsTopArrow {display:block;}
.fieldPermissionsTopArrow:before { content: ''; border: 5px solid transparent; border-bottom: 5px solid #4b8dec; position: absolute; top: -12px; left: 10px; }
.profilePermissionsContainer.inline .fieldPermissionsTopArrow {bottom: -13px;}
.fieldPermissionsContainerScroller {padding: 15px 15px 15px 40px;  max-height: 250px; overflow: auto; min-height:200px;}
tr.fieldPermissionsWrapper > td { padding: 0!important; }
.fieldPermissionsRow { display: inline-block; width: 50%; padding: 4px 0; }
.fieldPermissionsRow:nth-child(even) .permissionsDropdownStyle ul.dropdown-menu{right: 0; left: auto;}
.fieldType { display: inline-block; width: 150px; text-align: right; padding-right: 15px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis;}
.fieldTypeEdit { display: inline-block; vertical-align: middle; }
i.fieldPermissionIcon { display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; border-radius: 5px; color: #fff; font-size: 14px}
i.fieldPermissionIcon.onlySee { background: #f89934; }
i.fieldPermissionIcon.hiddenField { background: #f1642c; }
i.fieldPermissionIcon.modify { background: #4ec66a; }
.profilePermissionsTable tbody > tr:nth-child(5n+1) td .avatar {color: #f9963e;} 
.profilePermissionsTable tbody > tr:nth-child(5n+2) td .avatar {color: #9e69f1;}
.profilePermissionsTable tbody > tr:nth-child(5n+3) td .avatar {color: #688dfb;} 
.profilePermissionsTable tbody > tr:nth-child(5n+4) td .avatar {color:#ff6588;}
.profilePermissionsTable tbody > tr:nth-child(5n+5) td .avatar {color:#aad052;}
.profileHeaderFixedEle{display:none; position: fixed; width: 750px; top: 93px; background: #fff; padding: 10px 0; z-index: 1; height: 39px; border-bottom: 1px solid #c8d0d6;}
.adminPageLayout .ch-layout-table-row.adminPageTitleRow, .adminPageLayout .ch-layout-table-row.adminPageTitleRow > .ch-layout-table-cell { height: 0; }
.adminPageLayout .ch-layout-table-row.adminPageContentRow, .adminPageLayout .ch-layout-table-row.adminPageContentRow > .ch-layout-table-cell { height: 100%; }
.adminPageLayout .ch-layout-table-row.adminPageContentRow > .ch-layout-table-cell {background: #f8f7fa;}
.adminPageLayout .ch-layout-table-row.adminPageContentRow .vTabsContent {height:100%;}
.vTabsContent .listViewTableWrap.listViewTableNoSpace {padding:0; margin:0;}
.listViewTableNoSpace > .ch-table-style{border:0;}

/* Email Account Pages */
.emailActions li {display:inline-block; padding-right:5px;}
.fieldsCol2 { padding-bottom: 10px; }
.fieldsCol2 .fieldDiv { width: 414px; padding-left: 150px; position: relative; padding-bottom: 10px;}
.fieldsCol2 .fieldDiv label { font-weight: 600; position: absolute;left: 0;width: 150px; text-align: right; padding-right: 12px; padding-top: 4px;}
.sslCheckbox { position: relative; top: 24px; }
.sslCheckbox input[type=checkbox] { position: relative; top: 2px; margin-right: 5px; }
.autosuggest { position: relative; }
.autosuggestList { position: absolute; background: #fff; width: 100%; box-shadow: 1px 1px 5px #bbb; border: 1px solid #ccc; border-radius: 3px; padding: 15px 0; z-index: 9; margin-top: 2px; }
.autosuggestList::before { content: "\F360"; position: absolute; top: -17px; left: 50%; font-family: "Material Design Icons"; font-size: 20px; color: #C8C8C8; margin-left: -6px; }
.autosuggestList::after { content: "\F360"; position: absolute; top: -15px; left: 50%; font-family: "Material Design Icons"; font-size: 20px; color: #fff; margin-left: -6px; }
.autosuggestList li { display: block; }
h4.autosuggestTitle { font-size: 13px; font-style: italic; font-weight: 300; margin: 0 0 10px; color: #7c8897; padding: 0 15px; }
.autosuggestList li a { display: block; padding: 6px 15px; color: #7c8897; font-weight: 600; }
.autosuggestList li a:hover { background: #F6F8FA; text-decoration: none; }
.providerList, .priceListDropdown { width: 260px; }
.providerList li , .priceListDropdown li{ display: block; }
.providerList li a, .priceListDropdown li a{ display: block; padding: 7px 10px; font-weight: 400; color: #333; }
.providerList li a:hover , .priceListDropdown li a:hover{ text-decoration: none; background: #fafafa; }
.providerDropdown .btn.btn-default , .priceListDropdown .btn.btn-default{ border-color: #CCC; }
.signatureContainer textarea{ height:100%; width:100%; border: 0; outline:0 none;}
.emailAccountsContainer .pageTitleActions li a {font-weight:500;}
.ch-layout-table.emailAccountsGridLayout .ch-layout-table-cell { padding: 15px 5px; vertical-align: middle; }
.ch-layout-table.emailAccountsGridLayout > .ch-layout-table-row > .ch-layout-table-cell { border-bottom: 1px solid #e2e6e8; }
.ch-layout-table.emailAccountsGridLayout > .ch-layout-table-row:last-child > .ch-layout-table-cell { border-bottom: 0 none; }
.ch-layout-table.emailAccountsGridLayout .inlineLinks a, .calenderList .inlineLinks a { display: inline-block; vertical-align: middle; padding: 0 4px; color:#a2a6bf; }
.ch-layout-table-cell.emailSyncActionsCol { text-align: right; }
.ch-layout-table.emailAccountsGridLayout span.sslLabel { font-size: 11px; background: #17ab15; color: #fff; border-radius: 3px; display: inline-block; padding: 0px 4px; }
.ch-layout-table.emailAccountsGridLayout .latestEmailDate { font-size: 12px; margin-top: 3px; }
.ch-layout-table-cell.emailSyncSwitchCol { width: 75px; }
.ch-layout-table-cell.emailSyncSwitchCol .onoffswitch{margin-left:10px;}
.ch-layout-table.emailAccountsGridLayout > .ch-layout-table-row:hover .ch-layout-table-cell {background: #f8f7fa;}
.chCalendarAccounts { padding: 15px; background: #f7f7f9; border-radius: 10px; margin-bottom: 10px; }
.chCalendarAccounts .ch-layout-table.emailAccountsGridLayout .ch-layout-table-cell { padding: 10px 5px;}
.chCalendarAccountRow .emailSyncNameCol { font-size: 15px; color: #f9783b; }
.chCalendarAccounts .emailSyncActionsCol .onoffswitch { display: inline-block; }
.chCalendarAccounts .emailSyncActionsCol .onoffswitch .onoffswitch-inner:before{text-align:left;}
.addCalendarPopupContainer{position: relative; padding-left:56px;}
.addCalendarPopupContainer label{font-weight:600; margin-right: 10px;}
.addCalendarPopup{position: absolute; right: 0; width: 350px; background: #fff; border: 1px solid #c9d6dc; padding: 20px; top: 48px; box-shadow: 6px 4px 10px rgba(0,0,0,0.2); border-radius: 0 0 3px 3px; z-index: 9; font-size: 13px;}
.addCalendarPopup label { font-weight: 600; margin-right: 8px; margin-bottom: 0; }
.addCalendarPopup:before { content: ''; border: 7px solid transparent; border-bottom: 7px solid #cad7dd; position: absolute; right: 61px; top: -15px; }{position: absolute; right: 0; width: 350px; background: #fff; border: 1px solid #c9d6dc; padding: 20px; top: 53px; box-shadow: 6px 4px 10px rgba(0,0,0,0.2); border-radius: 0 0 3px 3px; z-index: 9;}
.addCalendarPopup:after { content: ''; border: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; right: 61px; top: -14px; }
.emailAccountsContainer .pageTitle .btn { padding: 5px 12px;}
.emailAccountsContainer .settingTitleBar {padding-left:40px;}
.emailAccountsContainer .settingTitleBar .settingTitleBarIcon {left:0;}
.emailAccountsContainer .btn {padding:5px 12px;}
.calenderList { display: table; width:540px; margin-left:40px; }
.calenderList > .calendarListItem { display: table-row; }
.calenderList > .calendarListItem .calendarListCol { display: table-cell; vertical-align: middle; padding: 10px; border-bottom: 1px solid #e2e6e8 }
.calenderList > .calendarListItem:last-child .calendarListCol {border-bottom:0 none;}
.calendarListCol.celendarName { font-weight: 600; }
.calendarListCol.icon i { font-size: 20px; display: inline-block; color: #f9783b; width: 30px; height: 30px; border-radius: 20px; line-height: 30px; text-align: center;}
.calendarListCol.celendarName a { font-size: 12px; color: #a2a6bf;font-weight:400;}
.calendarListCol.celendarName a .trim {display: inline-block; max-width: 300px; overflow: hidden; text-overflow: ellipsis;}
.calendarListCol.celendarActions { width: 70px; }
.calendarListCol.icon { width: 30px; padding-right: 0!important; }
.calenderList > .calendarListItem:hover .calendarListCol {background: #f8f7fa;}

.newEmailAccount {padding: 45px 0px;}
.newEmailAccount h3.title { font-size: 16px; font-weight: 600; margin-bottom: 35px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; }
.ch-form-grid.newEmailGrid, .newEmailGrid .ch-form-grid{width:inherit; /*margin: 0 auto;*/}
.ch-form-grid.newEmailGrid .form-control { height: 34px; font-size: 13px; font-weight: 600;}
.ch-form-grid.newEmailGrid .form-control::-webkit-input-placeholder{color:#a4b6bf; font-weight:400!important;}
.newEmailGrid .ch-form-grid {margin-bottom:0;}
.hasInputHelp { position: relative; }
span.inputHelpTip { position: absolute; left: 270px; top: 0; opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
span.inputHelpTip a.docLinkStyle {white-space: nowrap; font-size:12px;}
span.inputHelpTip .docLinkTooltip {z-index:9; min-width: 320px;}
.hasInputHelp:hover span.inputHelpTip{opacity:1;}

.emailProviderList > label { font-weight: 600; font-size: 14px; margin: 0 13px 0 0; }
.emailProviderList > label > input { margin: 0 3px 0 0; position: relative; top: 2px; }
.emailSyncLabel { padding-top: 10px; color: #939dab; font-weight:400; }
.emailSyncLabel > input {margin: 0px 4px 0 0; vertical-align: text-bottom; position: relative; top: -1px; }
.ch-form-element-group.emailProviderGroup > .ch-form-element, 
.ch-form-element-group.emailPasswordGroup > .ch-form-element { padding-bottom: 25px; }
.ch-form-element.ctmEmailSettingGrid { padding: 5px 0; }
.ch-form-element.ctmEmailSettingGrid .ch-form-element { padding: 5px; vertical-align:bottom;}
.ch-form-grid.newEmailGrid > .ch-form-element-group >  .ch-form-element.labelCell{text-align:right; width:210px;}
.ch-form-element-group.emailProviderGroup > .ch-form-element.labelCell,
.ch-form-element-group.emailGroup > .ch-form-element.labelCell{ vertical-align: middle; }
.ch-form-element-group.emailPasswordGroup > .ch-form-element.labelCell{padding-top: 12px;}
.ch-form-element-group.ctmEmailSettingGroup > .ch-form-element.labelCell { padding-top: 35px; font-weight: 600; font-size: 14px;}
.ch-form-element.ctmEmailSettingGrid .ch-form-element.ssl { padding-top: 29px; }
.ch-form-element.ctmEmailSettingGrid .ch-form-element.ssl input { vertical-align: text-bottom; margin: 0px 4px 0 0; position: relative; top: -1px; }
.ch-form-grid.newEmailGrid .ch-form-element.port { max-width: 80px;}
.ch-form-grid.newEmailGrid .ch-form-element.ctmEmailSettingGrid .ch-form-element.ssl label { font-weight: 400; }
.addEmailAccountBtn { font-size: 13px; font-weight: 700; padding: 8px 20px; }
.getSettingBtn { position: absolute; margin: -33px 0 0 225px; font-size: 12px; height: 32px; border-color: #369be8; color: #369be8;}
.emailProviderGrid {margin-bottom:0;}
.newEmailAccountInput {width:260px;}


/* Panels */
.panel-default { box-shadow: 0 0 0 !important; border: 0 none; background: transparent; }
.panel-default .panel-heading { color: #324752; border-bottom: 1px solid transparent; padding: 0 0 10px; background: transparent; -webkit-border-radius: 0; border-radius: 0; }
.panel-default.lessFieldsPanel .panel-title { font-size: 16px; font-weight: 600; padding: 12px 20px; }
.panel-default.lessFieldsPanel .panel-body { padding: 25px 100px; }
.btnsRow { text-align: center; padding: 15px 0; }
.btnsRow .btn { min-width: 75px; margin-right: 5px; }
.panel-read-only .col-lg-2, .panel-read-only .col-lg-4, .panel-default .col-lg-5, .panel-default .col-lg-7 { margin-bottom: 10px; }
.panel-read-only .col-lg-2, .panel-default .col-lg-4, .panel-default .col-lg-5, .panel-default .col-lg-7 { min-height: 28px; margin-bottom: 9px; }
.panel-group { margin: 20px 0; padding: 0 25px; }
.ch-container .panel-group { padding: 0 0; }
.ch-container .panel-body { padding: 15px 0; }
.panel-group .panel-title { font-size: 14px; font-weight: 600; position: relative; padding-left: 15px; }
.panel-group .panel-title i.ch { font-size: 14px; margin-right: 5px; position: absolute; left: 0; }
.panel-group .panel-title i.ch.in { transform: rotate(90deg); }
.sidebarAccordian { padding: 0 15px; }
.sidebarAccordian .panel-group { padding: 0; }

/* Reports */
.reportFolderList { padding: 5px 0 0 15px; }
.reportFolderList > li { display: block; padding: 0; position: relative; }
.reportFolderList > li > a { text-decoration: none; }
.reportFolderList > li i.ch { position: absolute; left: 2px; top: 8px; }
.reportFolderList > li > ul { padding: 0; }
.reportFolderList > li > ul > li { border-bottom: 1px solid #ECECEC; }
.reportFolderList > li > ul > li:last-child { border-bottom: 0 none; }
.reportFolderList > li > ul.sidebarList { display: none; }
.reportFolderList > li.openedFolder i.ch.ch-menu-right { -webkkit-transform: rotate(90deg); transform: rotate(90deg); }
.chChartContainer { padding: 25px; min-height: 500px; height: 500px; }
.loadMoreWrap { text-align: center; padding: 15px 0; }
.btn-default.btn-load-more { background: transparent; border-color: transparent; box-shadow: 0 0 0 transparent; }
.btn-default.btn-load-more i.syncIcon {margin-right: 4px; font-size: 16px; vertical-align: middle;}
.singleLineActivity { padding: 10px; display: inline-block; min-height: inherit; border-radius: 3px; font-size: 13px; box-shadow: 1px 1px 1px #D0D0D0; }
.readMoreLink { display: inline-block; padding: 2px; border: 1px solid #d1e9f2; color: #2CB8FB; position: relative; font-weight: 700; width: 23px; height: 13px; border-radius: 2px; top: 4px; margin-left: 4px; }
.readMoreLink span { position: absolute; height: 2px; top: -8px; left: 5px; font-size: 14px; }
.socialLinks li a.inactive { cursor: default; pointer-events: none; opacity: 0.3;}
.reportsWrap { background: #f2f5f9; padding:5px 20px; position: relative; }
.reports-col { padding: 5px; }
.reportContainer { background: #fff; padding: 10px; -webkit-border-radius:10px;  border-radius:10px; }
.reportContent { padding: 15px 0 15px 0px; margin: 0 15px 20px; }
.reportContent h2 { font-size: 14px; font-weight: 600; margin: 0; }
.reportContent h2 a { color: #253858;}
.reportContent h4 { font-size: 13px; margin: 0; color: #a1b0b8; }
.reportTitleWrap { border-bottom: 1px solid #f5f5f5; position: relative; margin: -10px -10px 15px; padding: 20px 280px 20px 20px; }
h2.reportTitle { font-size: 14px; font-weight: 600; margin: 0; }
h4.reportDescription { font-size: 13px; font-weight: 300; margin: 0 0 0 0; padding: 15px 25px 15px; line-height: 20px; background: #fff;}
.reportTitleTxtOverflow {display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: top; text-overflow: ellipsis; max-width: 350px;}
.reportsDraggableContainer { padding: 0 10px; margin: 10px -15px 15px; background: white; border: 1px solid #c8d0d6; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(202, 204, 206, 0.6); box-shadow: 0 0 5px rgba(202, 204, 206, 0.6);}
.reportsDraggableContainer .reportContainerSortableHandlerRow{font-size: 12px; margin: 0 -10px; border-bottom: 1px solid #c8d0d6; padding: 0 17px; }
.reportsDraggableContainer .reportContainerSortableHandlerRow .reports-col{ padding: 8px 0 5px;}
.reportColLayoutDropdown > label{font-weight: 500; font-size: 12px;}
.reportColLayoutDropdown > select{width: 65px; display: inline-block; padding: 0; margin-left: 5px; height: 23px; font-size: 12px;}
.reportContainerSortableHandlerIcon {cursor: move; display: inline-block; vertical-align: middle; padding: 1px 10px; font-size: 15px; margin-left: -10px; margin-right: 5px; }
.reportContainerRow.row { margin-right: -10px; margin-left: -10px; }
.reportContainerRow.row .reports-col { padding: 0px; }
.reportContainerRow.row .reports-col.col-md-6:first-child, .reportContainerRow.row .reports-col.col-md-7, .reportContainerRow.row .reports-col.col-md-7:first-child, .reportContainerRow.row .reports-col.col-md-5:first-child{border-right: 1px solid #c8d0d6;}
.reportContainerRow.row .reports-col.col-md-12:first-child{border-bottom: 1px solid #e5e7e8;}
.reportsDraggableContainer .reportContainer {border-radius: 5px;}
.dashboardEditContainer .reportFieldPlaceholder {height:150px;}
.reportCriteriaContainer .reportBuilderBtns { margin-left: 15px; margin-top: 30px; display: block; padding: 15px; border-top: 1px solid #c4cdd3; }
.reportBuilderBtns .btn { font-size: 12px; }
.reportBuilderBtns .newReportbtn { padding: 0 15px 0 12px; height: 31px; line-height: 29px; }
.reportBuilderBtns .newReportbtn i { color: #71ba70; font-size: 16px; vertical-align: middle; margin-right: 3px; }

.c3-xgrid-focus { display: none; /*Vertical Line Disabled*/}
.c3-chart-bar path {
    /*stroke:  rgba(0, 0, 0, 0.2) !important;
    stroke-width: 1px;    */
}
.c3-axis-y , .c3-axis-x, .c3-legend-item {fill: #89889c; font-family:'Work Sans', sans-serif;}
.c3 line, .c3 path {
    fill: none;
    stroke: #908d8d;
}

.c3-bar._expanded_ {
    fill-opacity : 0.8!important;
}
.reportActionsWrap { position: absolute; right: 15px; margin-top: 15px; }
.nvd3 .nv-axis line { stroke: transparent!important; }
.nvd3 text { font-size: 10px!important; }
.modal[size=newreportmodal] .modal-body{padding:30px;}
.modal[size=newreportmodal] .modal-dialog {width:750px;}
.modal[size=newreportmodal] .modal-title { font-size: 14px; font-weight: 600;}
.inlineFormStyle{ margin-bottom: 28px; }
.inlineFormStyle label { font-size: 14px; font-weight: 600;}
.inlineFormStyle select {-webkit-box-shadow: 0 0 0 transparent;  box-shadow: 0 0 0 transparent; display: inline-block;  font-weight: 400; font-size: 13px; border: 0; border-bottom: 1px solid #ccc; height: 44px; padding: 0 12px; margin-right: 24px;     width: 176px; }
.inlineFormStyle select:focus, .inlineFormStyle select:active{outline:0 none;}
.createReportBtn { height: 40px; font-size: 14px; min-width: 140px; margin-bottom: 5px}
.modal[size=newreportmodal] .labels{font-size: 13px; font-weight: 600; font-style: italic; color: #169de4; position: absolute;}
.cahrtImgWrap { width: 424px; position: relative; padding-left: 200px; margin-top: 40px; margin-bottom: 21px;}
.modal[size=newreportmodal] .labels.yLabel{right: 223px; top: 40px; width: 200px;  text-align: right;}
.modal[size=newreportmodal] .labels.xLabel{right: 0; width: 211px; text-align: center;}
.newReportCriteria { display: table; width: 100%; table-layout: fixed; background: #fff; border-bottom: 1px solid #dae6eb}
.newReportCriteria > .cell { display: table-cell; position: relative; padding: 15px 25px;}
.newReportCriteria > .cell.filterCell {width:500px;}
label.newReportCriteria_label { font-weight: 600; font-size: 14px;}
.newReportCriteria_label + .txt-sm.txtFaint { margin-bottom: 15px; }
.reportCriteriaDropdownContainer { display: inline-block; position: relative; vertical-align:top;  }
.reportCriteriaDropdownContainer > .selected { position: relative; height: 35px; line-height: 35px; padding: 0px 25px 0 0px; cursor: pointer; }
.reportCriteriaDropdownContainer > .selected.multiple{white-space: nowrap; overflow: hidden; max-width: 170px; padding-right: 20px; text-overflow: ellipsis;}
.reportCriteriaDropdownContainer > .selected:hover { color: #0e96dc; }
.reportCriteriaDropdownContainer > .selected::after { content: ''; border: 4px solid transparent; border-top: 4px solid #666; position: absolute; right: 6px; top: 50%; }
.reportCriteriaDropdown { z-index: 9; display:none;  position: absolute; background: #fff; border: 1px solid #c4cfda; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border-radius: 3px; width: 240px;}
.reportCriteriaDropdownContainer.open .reportCriteriaDropdown{display:block;}
.reportCriteriaDropdownContainer.open > .selected::after{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); margin-top: -2px;}
ul.reportCriteriaDropdownList { padding: 15px 0; }
.reportCriteriaDropdown > .scroller {max-height:200px; overflow-y: auto;}
.reportCriteriaDropdown::before { border: 8px solid transparent; content: ''; border-bottom: 8px solid #c4cfda; position: absolute; top: -16px; left: 20px; }
.reportCriteriaDropdown::after { border: 8px solid transparent; content: ''; border-bottom: 8px solid #ffffff; position: absolute; top: -15px; left: 20px; }
ul.reportCriteriaDropdownList li { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; display: block; height: 33px; line-height: 33px;cursor: pointer; padding: 0 15px; position: relative;}
ul.reportCriteriaDropdownList li:hover{background: #f6f8fa}
ul.reportCriteriaDropdownList li label { font-weight: 400; margin-bottom: 0; position: relative; padding-left: 20px; }
ul.reportCriteriaDropdownList li label input[type=checkbox] { position: absolute; left: 0; top: 5px; }
.reportCriteriaDropdownSearch { background: #fff; border-bottom: 1px solid #c4cfda; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.reportCriteriaDropdownSearch > .searchInput { position: relative; padding: 5px; padding-left: 30px; }
.reportCriteriaDropdownSearch > .searchInput > input { -webkit-box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; font-size:13px; height: 26px; width: 100%; border: 0 none; background: none; padding: 0px 5px; }
.reportCriteriaDropdownSearch > .searchInput .searchIcon{position: absolute; top: 0; left: 0; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center;     color: #a1b0b8;}
.newReportCriteria > .cell .divider{height: 100%; width: 1px; display: block; position: absolute; top: 0; right: 0; background: #e1e7ed; z-index:9;}
.newReportCriteria > .cell .divider::before { content: ''; border: 8px solid transparent; border-left: 8px solid #d4d8dc; position: absolute; right: -16px; top: 50%; z-index: 9999; margin-top: -10px; }
.newReportCriteria > .cell .divider::after { content: ''; border: 8px solid transparent; border-left: 8px solid #ffffff; position: absolute; right: -15px; top: 50%; z-index: 9999; margin-top: -10px; }
.newReportCriteria .nextItemIcon{position: absolute; right: 12px; font-size: 10px; top: 50%; margin-top: -5px;}
.reportCriteriaDropdownList_nesting { width: 480px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.reportCriteriaDropdownList_nesting > .scroller { float: left; width: 240px;  max-height: 250px; overflow-y:auto; }
.reportCriteriaDropdownList_nesting.secondaryMenu{-webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); transform: translateX(-240px);}
.reportCriteriaDropdownContainer.withSearch .reportCriteriaDropdown::after { border-bottom: 8px solid #fff;}
.reportCriteriaDropdownContainer:hover .reportCriteriaDropdown{display:block;}
.newReportCriteria select { height: 35px; max-width:115px; border: 0 none; box-shadow: 0 0 0 transparent; border-bottom: 1px solid #dae6eb; border-radius: 0;  padding: 0 5px 0;}
.newReportCriteria select:focus {outline:0 none;}
.newReportCriteria  .filterRow {border-bottom: 1px solid #dae6eb; position: relative; padding-right: 45px;}
.newReportCriteria .multiselectListDivider { position:relative; height: 33px; line-height: 33px; padding: 0 15px; font-weight: 700; background: #f6f8fa; border-bottom: 1px solid #dae2ea; font-size: 13px; }
.newReportCriteria .multiselectListDivider a.backBtn { display: block; position: absolute; width: 65px; height: 32px; left: 0; text-align: center; color: #324752; }
.newReportCriteria .multiselectListDivider a.backBtn i {color: #039be5; margin-right:7px;}
.newReportCriteria .multiselectListDivider a.backBtn:hover {text-decoration:none;}
ul.reportCriteriaDropdownList li:hover {background: #e7f4ff;}
.newReportCriteria .multiselectListDivider + ul.reportCriteriaDropdownList {padding-top:0;}
.newReportCriteria a.deleteFilterBtn {font-size: 13px; position: absolute; right: 10px; top: 0px; display: block; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #a1b0b8; }
.newReportCriteria a.deleteFilterBtn:hover i {color:#309FD9;}
.reportContainerWhite {height: auto; width: 90%; background: #fff; margin: 0 auto; padding: 25px;  overflow:auto;}
.reportContainerWhite.fixedHeight {max-height:500px;}
text.nv-axislabel { font-size: 13px!important; font-weight: 600; fill: #1187bf!important; }
.panel.panel-default.report-view-panel { padding: 20px 25px; border-top: 1px solid #e7edf2; border-radius: 0; position: absolute; right: 0; top: 50px; bottom: 0; overflow: auto; left: 520px; background: #f9f8fb; margin-bottom:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  }
.panel.panel-default.report-view-panel.viewOnly { position: relative; left: inherit; top: inherit; padding: 25px 8%;}
.report-view-panel .panel-heading { padding-bottom: 12px; }
.report-view-panel .panel-title { display: inline-block; font-weight: 600; margin-right: 25px; font-size: 13px;}
.report-view-panel .panel-body { border: 1px solid #e7edf2; position: relative; }
.report-view-panel .panel-body:before { content: ''; position: absolute; border: 10px solid transparent; border-bottom: 10px solid #d7e3ed; top: -20px; }
.report-view-panel .panel-body:after { content: ''; position: absolute; border: 10px solid transparent; border-bottom: 10px solid white; top: -19px; }

/* Report Builder */
.reportBuilderMain {overflow:hidden; }
.reportCriteriaContainer { background: #fff; left: 0; top: 50px; bottom: 0; position: absolute;width: 520px;  z-index: 1; -webkit-box-shadow: 4px 1px 10px rgb(209, 206, 216); box-shadow: 4px 1px 10px rgb(209, 206, 216); -webkit-transition: all 0.3s ease;  transition: all 0.3s ease; }
.reportCriteriaScroller {padding: 30px; left: 0; top: 0; bottom: 0; position: absolute;width: 520px; overflow: auto;  }
.reportCriteria { padding: 20px 35px; background: #fff; -webkit-box-shadow: 0 0 43px rgb(160, 160, 179); box-shadow: 0 0 43px rgb(160, 160, 179);}
.reportFieldContainer { position: relative; margin-bottom: 15px;}
.reportFieldLabel { font-weight: 600; font-size: 12px; padding-top: 5px;}
.reportFieldLabel.inline {display:inline-block;}
span.chartAxis { display: inline-block; background: #f4a93f; text-align: center; border-radius: 20px; width: 16px; height: 16px; line-height: 16px; margin-right: 4px; color: #fff; font-size: 12px; }
.reportFieldLabel i.columnIcon { display: inline-block; vertical-align:middle; width: 30px; height: 30px; border: 1px solid #c8d0d6; line-height: 30px; text-align: center; border-radius: 100%; font-size: 20px; color: #df9330; margin-right: 5px; }
.reportField { cursor: pointer; height: 28px; border-radius: 3px; font-size:12px; padding: 0 30px 0 10px; line-height: 28px; position: relative; }
.columnField { cursor: pointer; height: 28px; border-radius: 3px; font-size:12px; padding: 0 30px 0 10px; line-height: 28px; position: relative; }
.reportFieldOverflow {display: inline-block; pointer-events:none;  white-space: nowrap;  max-width: 182px;  overflow: hidden; text-overflow: ellipsis;}
.reportField:after { content: ''; border: 4px solid transparent; border-top: 4px solid #70868f; position: absolute; right: 2px; top: 50%; margin-top: -1px; }
.reportField .txtFaint { font-weight: 400; color: #8698a5; }
.columnField .txtFaint { font-weight: 400; color: #8698a5; }
.cols.reportAxisCol { width: 265px;}
.cols.reportAxisCol .addColsLink {margin-top: 10px; color: #253858; font-weight: 600; display: inline-block;}
.cols.reportAxisCol .addColsLink i{ font-size: 16px; color: #2a9924;}
.reportFiledWrap { position: relative; border-radius: 4px; border: 1px solid #c8d0d6; margin-bottom: 5px; background: #f9f8fb; color: #253858;  }
.reportFiledWrap.tableDropdown { display:inline-block; margin-left: 22px; margin-bottom: 15px; border-color: #5993e9; font-weight: 600; background: #fff; display: inline-block; margin-bottom: 10px; margin-left: 22px; }
.reportFiledWrap.tableDropdown .reportField { color: #5b98f1; }
.reportFiledWrap.tableDropdown .reportField:after {border-top: 4px solid #4a8df0; right: 10px;}
.reportFiledWrap.removable { padding-right: 30px; }
.btn-group.reportSortingDropdown { position: absolute; right: 46px; top: 4px; display:none; }
.reportFiledWrap:hover .reportSortingDropdown {display:block;}
.btn-group.reportSortingDropdown:hover .dropdown-menu { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; display: block; top: 20px; }
.reportSortingDropdown .dropdown-menu > li > a.active { background: #f2f5f9; }
.reportSortingDropdown .btn { padding: 3px 10px; background: transparent; border: 0 none; font-size: 11px; box-shadow: 0 0 transparent!important;}
.reportSortingIcons { z-index: 1; right: 45px; top: 0px; bottom: 0; }
.reportSortingIcons i { margin: -5px; position: relative; color: #70868f;}
.reportSortingIcons i.up {top: -3px;}
.reportSortingIcons i.down {bottom: -3px;}
.reportSortingDropdown .dropdown-toggle.asc i.down {display:none;}
.reportSortingDropdown .dropdown-toggle.dese i.up { display:none;}
.reportSortingDropdown .dropdown-toggle.asc i.up { top: 0px; }
.reportSortingDropdown .dropdown-toggle.dese i.down { bottom: 0; }
.reportSortingDropdown .dropdown-menu { min-width: 120px; }
.reportSortingDropdown .dropdown-menu > li > a { font-size: 11px; padding: 4px 11px; }
.reportSortingIcons.show {display:block; background:#f9f8fb;}
.reportSortingIcons a { padding: 0 2px; color: #70868f; display: inline-block; height: 28px; line-height: 28px; }
.reportSortingIcons a.active { color: #f7ab51; }
.reportFiledWrap:hover .reportSortingIcons{display:block;}
.reportFiledWrap:hover .reportSortingIcons.show { background:#fff;}
.removeFieldBtn {font-size: 10px; position: absolute; right: 0; top: 0; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-weight: 400; color: #70868f; border-radius: 0 3px 3px 0;}
.reportFiledWrap.removable .reportField { border-radius:3px 0 0 3px; }
.reportFiledWrap.column { text-transform:uppercase; font-size:11px;}
.reportField:hover { background: #fff; }
.removeFieldBtn:hover { background: #fff4de; color: #f33232;  }
.reportField:active, .removeFieldBtn:active { background: #eef1f3;}
.reportFiledWrap:hover{ background: #fff; }
.columnField:active, .removeFieldBtn:active { background: #eef1f3;}
.columnField i {opacity: 0; transition: all 0.3s ease; width: 1px; overflow: hidden; display: inline-block; vertical-align: middle;}
.columnField:hover i {opacity: 1; width: 14px}
.columnField.asce:after {content: ''; position: absolute; right: 5px; top: 8px; background: url(../Images/sort-asce.png) no-repeat center center; width: 12px; height: 12px;}
.columnField.desc:after { content: ''; position: absolute; right: 5px; top: 8px; background: url(../Images/sort-desce.png) no-repeat center center; width: 12px; height: 12px;}
a.addReportFieldBtn { font-size: 16px; display: block; width: 18px; height: 18px; border: 1px solid #4b8dee; line-height: 16px; text-align: center; border-radius: 100%; text-decoration: none; color: #4b8dee;}
a.addReportFieldBtn i {pointer-events:none;}
a.addReportFieldBtn.shiftToLeft, span.addReportFieldBtnWrap.shiftToLeft{right: inherit!important; bottom: inherit!important; position: relative!important; display: inline-block; top: 1px; left: 10px;}
a.addReportFieldBtn:hover { box-shadow: inset 0 0 0px 13px #00a8ff; color: #fff; }
a.addReportFieldBtn:active {box-shadow: inset 0 0 0px 13px #00a8ff;}
.reportAxisCol a.addReportFieldBtn, .addReportFieldBtnWrap{position: absolute; right: -28px; bottom: 5px;}
a.addReportFieldBtn.static {position: initial; right: initial; bottom: initial;}
.xAxisSettingDropdown {display:none; line-height: normal; position: absolute; width: 302px; top:19px;  left: 0; margin-top: 0px;  z-index: 9; padding-top: 3px;transform: translateY(10px);}
.xAxisSettingDropdownIn{border: 1px solid #bdccd8; padding: 15px; min-height:75px; border-radius: 3px; box-shadow: 1px 1px 9px rgba(0,0,0,0.4); background: #fff; }
.xAxisSettingDropdown .dropdown-menu>li>a:focus, .xAxisSettingDropdown .dropdown-menu>li>a:hover { color: #ffffff;  text-decoration: none;background-color: #309fd9;}
.xAxisSettingDropdown li.seperator { padding: 5px 10px; font-size: 13px; background: #f6f8fa; font-weight: 700; }
.xAxisSettingDropdown .dropdown-menu {border-radius: 0 0 4px 4px; margin-top:-1px;}
.xAxisSettingDropdownIn:before { content: ''; border: 6px solid transparent; border-bottom: 6px solid #bdccd8; position: absolute; top: 0; left: 13px; margin-top: -9px; }
.xAxisSettingDropdownIn:after { content: ''; border: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: 0; left: 13px; margin-top: -8px;}
.xAxisSettingDropdown .btn.dropdown-toggle { min-width: 115px; box-shadow: 0 0 0 transparent; border: 0 none; font-size: 13px; border-bottom: 1px solid #bdccd8; border-radius: 0; text-align: left; padding: 7px 0; background: #fff!important;}
.xAxisSettingDropdown .btn.dropdown-toggle .textOverflow{display: inline-block; width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xAxisSettingDropdown .dropdown-menu>li>a{font-size: 13px;}
.xAxisSettingDropdown .btn.dropdown-toggle span.caret { position: absolute; right: 4px; top: 16px; }
.xAxisSettingDropdown  a.morelink { display: inline-block; margin-top: 16px; position: relative; }
.xAxisSettingDropdown a.morelink:after { content: ''; border: 4px solid transparent; border-top: 4px solid #309fda; position: absolute; top: 9px; margin-left: 5px; }
.filterLabel {display: inline-block; margin-top: 5px; position: relative; padding-right: 10px; font-size: 13px; font-weight: 600; }
.filterLabel i.filterIcon {display: inline-block; width: 30px; height: 30px; border: 1px solid #c8d0d6; line-height: 30px;  text-align: center; border-radius: 100%;font-size: 17px; margin-right: 5px; color:#2a9924;}
.filterParent {display: inline-block;position: relative;}
a.reportAddFilterBtn { text-decoration: none; font-size: 12px;}
.reportFilterList {padding-bottom: 13px; max-width:270px;}
.reportTypeDropdown.dropdown-toggle { height: 30px; padding: 0 10px; font-size: 12px; background: #fff!important; border: 1px solid #c4cdd3; }
.reportTypeDropdown.dropdown-toggle + ul.dropdown-menu { margin-top:5px; }
.reportTypeDropdown.dropdown-toggle + ul.dropdown-menu:before{ content: ''; border: 6px solid transparent; border-bottom: 6px solid #c4cdd3; position: absolute; top: -13px; left: 15px}
.reportTypeDropdown.dropdown-toggle + ul.dropdown-menu:after{ content: ''; border: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -11px; left: 15px;}
.fa.sortIcon { display: none; }
.reportField.sortingAsc .sort_asc {display: inline-block; margin-right: 3px; color: #70868f;}
.reportField.sortingDesc .sort_desc {display: inline-block; margin-right: 3px; color: #70868f;}
ul.reportTypeList > li { display: inline-block; text-align: center; font-size: 20px; vertical-align: middle; padding: 10px;}
ul.reportTypeList { padding:10px; min-width:305px;}
.current-chart-icon { margin-right: 2px; font-size: 16px; color: #2a9924; vertical-align: middle; }
.reportTypeDropdown.dropdown-toggle span.graphType { margin-right: 5px; font-weight:600; }
ul.reportTypeList > li > a { display: block; padding: 6px; color: #f3a943; min-width: 42px; border-radius: 10px; margin:1px 0;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
ul.reportTypeList > li > a span { display: block; font-size: 11px; color: #0e0f27; padding-top: 2px; }
ul.reportTypeList > li > a.active, ul.reportTypeList > li > a.active:hover { background: #897bef; color: #f1efff; }
ul.reportTypeList > li > a:hover {background: #f4a93f;color: #f1efff; text-decoration: none;}
.reportFiledWrap.reportDropdownLeft .reportFiltersDropdownIn:before, .reportFiledWrap.reportDropdownLeft .reportFiltersDropdownIn:after{left: 10px;}
.reportFieldContainer .reportAxisHelp { position: absolute; right: -100px; top: 33px; color: #b4b5cb; font-size: 12px; }
.reportFieldContainer .reportAxisHelp i.ch { font-size: 19px; vertical-align: middle; margin-right:5px; }
.pageTitle .reportFiledWrap {  border: 0;box-shadow: 0 0 0 transparent; color: #00a8ff;}
.pageTitle .reportFiledWrap .reportField {padding:0 24px 0 10px;}
.pageTitle .reportFiledWrap .reportField:after { border-top: 4px solid #6c9fd9;}
.reportFiltersDropdown {display:none; font-size: 13px; font-weight: normal;  line-height: normal; position: absolute; width: 311px; left:0; margin-top: 5px; z-index: 9; padding-top: 3px;  }
.reportFiltersDropdownIn { border: 1px solid #c8d0d6; border-radius: 5px; -webkit-box-shadow: 5px 5px 15px rgba(114, 113, 130, 0.3); box-shadow: 5px 5px 15px rgba(114, 113, 130, 0.3); background: #fff;}
.reportFiltersDropdownIn:after {content: ''; border: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: 0; left: 32px; margin-top: -8px;}
.reportFiltersDropdownIn:before { content: ''; border: 6px solid transparent; border-bottom: 6px solid #aab7c1; position: absolute; top: 0; left: 32px; margin-top: -9px;}
.reportFiltersDropdownHeader { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; position: relative; font-weight: 600; background: #ffffff; padding: 15px;}
.reportFiltersDropdownHeader a.back {position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #d68d2d; background: #ffe0a8; border-radius: 100%; font-size: 16px; margin-right: 3px;}
.chFiltersDropdownIn .btn.btnApply { box-shadow: 0 0 0 transparent; color: #fff; border: 1px solid #624dd6; font-size: 12px; padding: 7px 10px; position: relative; background: #624dd6; display: block; border-radius: 0 0 4px 4px;}
.chFiltersDropdownIn .btn.btnApply:hover {background: #755ef1}
.reportFiltersDropdown.reportFiltersDropdownNew{right: -46px; left: inherit; margin-top: -3px;}
.reportFiltersDropdown.reportFiltersDropdownNew .reportFiltersDropdownIn:after, .reportFiltersDropdown.reportFiltersDropdownNew .reportFiltersDropdownIn:before, .reportFiltersDropdown.reportFiltersDropdownNew .reportFiltersDropdownIn:after, .reportFiltersDropdown.reportFiltersDropdownNew .reportFiltersDropdownIn:before, .reportValuesDropdown.reportNewValuesDropdown .reportValuesDropdownIn:before, .reportValuesDropdown.reportNewValuesDropdown .reportValuesDropdownIn:after{ left: inherit; right: 22px;}
.reportFiltersDropdown.reportNewFieldPopover.reportFiltersDropdownNew.reportDropdownLeft { right: inherit; left:43px; top: inherit; margin-top: 5px;}
.reportValuesDropdown {display:none; font-size: 13px; font-weight: normal;  line-height: normal; position: absolute; width: 310px; left:-2px; margin-top: 3px; z-index: 9; padding-top: 3px;  }
.reportValuesDropdownIn {border: 1px solid #c8d0d6; border-radius: 5px; -webkit-box-shadow: 5px 5px 15px rgba(114, 113, 130, 0.3); box-shadow: 5px 5px 15px rgba(114, 113, 130, 0.3); background: #fff;}
.reportValuesDropdownIn:after {content: ''; border: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: 0; left: 32px; margin-top: -8px;}
.reportValuesDropdownIn:before {content: ''; border: 6px solid transparent; border-bottom: 6px solid #aab7c1; position: absolute; top: 0; left: 32px; margin-top: -9px;}
.reportValuesDropdownHeader {position: relative; font-weight: 600; background: #ffffff; padding: 15px; border-bottom: 1px solid #c8d0d6; border-radius: 5px 5px 0 0;}
.reportValuesDropdown.reportNewValuesDropdown {right: -46px; left: inherit; margin-top: -3px;}
.addReportFieldBtnWrap .reportValuesDropdown.reportNewValuesDropdown, .addReportFieldBtnWrap  .reportFiltersDropdown.reportFiltersDropdownNew { right: -17px; margin-top: 5px;}
.reportValuesTabContainer {display: table; width: 100%; font-size: 12px; background: #ffffff;}
ul.reportValuesTabs {display: table-cell; width: 100px; font-size: 12px; background: #f9f8fb; padding: 15px 0; vertical-align: top;}
ul.reportValuesTabs > li { display: block; }
ul.reportValuesTabs > li > a{ display: block ; padding: 8px 15px; color: #324752; position: relative;}
ul.reportValuesTabs > li > a:active, ul.reportValuesTabs > li > a:focus{text-decoration: none;}
ul.reportValuesTabs > li > a.selected, ul.reportValuesTabs > li > a:hover{ background: #a395f5; color: #ffffff; text-decoration: none;}
ul.reportValuesTabs > li > a.selected:after { content: ''; border: 6px solid transparent; border-right: 7px solid #fff; position: absolute; right: -2px; top: 50%; margin-top: -6px; }
.reportValuesTabContainer > div {display: table-cell;}
.reportValuesTabContent { border-left: 1px solid #bdccd8;}
.reportValuesTabPanel { max-height: 285px; overflow: auto; padding:10px; }
.reportValuesTabPanel li a{display: block ; padding: 6px 15px; color: #324752; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative}
.reportValuesTabPanel li a:hover, .reportValuesTabPanel li a.active{text-decoration: none; background: #1E82B5; color: #fff;}
.newReportFolderInputs *{float:left;}
.newReportFolderInputs input { width: 147px; margin-right: 7px; height: 33px;}
.reportValuesDropdown.reportNewValuesDropdown.reportDropdownLeft .reportValuesDropdownIn:before, .reportValuesDropdown.reportNewValuesDropdown.reportDropdownLeft .reportValuesDropdownIn:after { left: 5px; right: inherit;}
.reportValuesTabPanel ul.reportFiltersMultiList > li > ul > li > a {padding: 7px 10px;}
ul.reportFiltersMultiList > li > a + ul { display: none; }
span.filterCondition { display: inline-block; vertical-align: middle;}
span.filterCondition .btn-group>.btn, span.filterCondition .btn-group>.btn:hover, span.filterCondition .btn-group>.btn:active, span.filterCondition .btn-group>.btn:focus { background: #ffffff; border: 0 none; font-weight: 600; box-shadow: 0 0 0 transparent; padding: 0 6px; color: #e19a3e; }
span.filterCondition .btn-group>.btn .caret { border: 0 none; display: inline-block; vertical-align: middle; height:inherit; width:inherit;}
span.filterCondition .btn-group>.btn .caret:before { content: "\F140"; font-family: "Material Design Icons"; font-size: 16px; border: 0 none!important; background: transparent; }
ul.reportFiltersMultiList {padding-bottom:10px;}
ul.reportFiltersMultiList > li { display: block; font-size: 12px; font-weight: normal; padding-bottom:5px;}
ul.reportFiltersMultiList > li.disabled {opacity: 0.5; pointer-events: none;}
ul.reportFiltersMultiList > li.disabled > a + ul.reportFiltersCheckList {display:none;}
ul.reportFiltersMultiList > li > a, ul.reportFiltersMultiList > li > a:hover {text-decoration: none; display: block; background: #f9f8fb!important; color: #253a43!important; padding: 7px 15px 7px 26px; font-weight: 600; position: relative; border: 1px solid #c8d0d6; border-radius: 4px;font-size: 12px;}
ul.reportFiltersMultiList > li > ul { padding: 5px 0; }
ul.reportFiltersMultiList > li > a:before { content: "\F142"; position: absolute; left: 8px; top: 6px; font-family: "Material Design Icons"; font-size: 16px;}
ul.reportFiltersMultiList > li > a.arrowup:before {content:"\F140";}
ul.reportFiltersMultiList> li > ul > li {display: block; padding:1px 0;}
ul.reportFiltersMultiList> li > ul > li > a { display: block; color: #324c62; padding: 7px 10px 7px 35px; text-decoration:none; word-break: break-word; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-border-radius:4px; border-radius:4px;}
ul.reportFiltersMultiList> li > ul > li > a.loadMore { margin-bottom: 15px; position: relative; }
ul.reportFiltersMultiList> li > ul > li > a.loadMore label { color: #4aa2e1; font-weight: 600; }
ul.reportFiltersMultiList> li > ul > li > a.loadMore i.ch { font-size: 13px; margin-left: 4px; }
ul.reportFiltersMultiList > li > ul > li > a.loadMore:hover {background: #f7f7f9;}
ul.reportFiltersMultiList> li > ul > li > a.loadMore .loadImg { position: absolute; right: 15px; top: 9px; max-width: 16px;}
ul.reportFiltersMultiList> li > ul > li:not(.addNew) > a:hover, ul.reportFiltersMultiList> li > ul > li:not(.addNew) > a.active{ text-decoration: none; color: #ffffff; background: #f4a93f;}
ul.reportFiltersMultiList > li > ul > li > a.disableSelected { position:relative;}
ul.reportFiltersMultiList > li > ul > li > a.disableSelected:after {content:"\F12C"; font-family:"Material Design Icons"; display:block; width:18px; height:18px; display:block; position:absolute; right:10px; top:50%; margin-top:-9px;}
ul.reportFiltersMultiList > li > ul > li > a.active.disabled {color: #ffffff; opacity: 0.5;}
ul.reportFiltersMultiList > li > ul > li.blockUI a{color: #ffffff; background: #f4a93f;}
ul.reportFiltersMultiList > li > ul > li.blockUI a.active {color: #ffffff; opacity: 0.5;}
.filterListSearch {background: #ffffff; border-bottom: 1px solid #dee7f0; padding: 3px 32px 3px 0px; position: relative; margin: 5px 15px 0 15px;}
.filterListSearch input { background: transparent; width: 100%; height: 30px; border: 0 none; box-shadow: 0 0 0 transparent!important; }
.filterListSearch:before {position: absolute; right: 5px; top: 14px; width: 20px; height: 15px; content: "\F349"; font-family: "Material Design Icons"; color: #2a9924; font-size: 17px;}
.reportFiltersMultiListColContainer { position:relative; overflow:hidden;}
.reportFiltersColHScroller {position:relative; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; width:930px;}
.reportFiltersMultiListCol { padding: 0 15px; position: relative; overflow: hidden; overflow-y: auto; max-height: 234px; width: 300px; z-index: 99; display: inline-block; vertical-align: top; }
.reportFiltersMultiListColContainer.reportFilterDropState1 .reportFiltersColHScroller {transform: translateX(0px);}
.reportFiltersMultiListColContainer.reportFilterDropState2 .reportFiltersColHScroller {transform: translateX(-303px);}
.reportFiltersMultiListColContainer.reportFilterDropState3 .reportFiltersColHScroller {transform: translateX(-606px);}
.reportFiltersCheckList li a {padding: 0!important;}
.reportFiltersCheckList li a label{display:block;padding: 7px 0px 7px 25px; cursor:pointer; position: relative; font-weight: normal; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.reportFiltersCheckList.noLeftSpace li a label { padding-left: 12px;}
.reportFiltersCheckList li a label input[type=checkbox]{position:absolute; opacity: 0;}
.reportFiltersCheckList li a label input[type=checkbox] + span.checkIcon{position: absolute; left: 5px; font-size: 16px; color: #34b92d; display: none; top: 5px;}
.reportFiltersCheckList li a label input[type=checkbox]:checked + span.checkIcon { display:inline-block; }
.reportFiltersCheckList li a:hover label input[type=checkbox] + span.checkIcon { color: #fff; }
ul.reportFiltersMultiList> li > ul > li.addNew a > label { color: #3ea2e1; font-weight: 600; }
.addCustomFieldsContainer {padding: 10px 0px; border-top: 1px solid #dee7f0; margin: 4px 0px 10px 0; position: relative;}
.addCustomFieldsContainer:before { content: ''; position: absolute; border: 7px solid transparent; border-bottom: 7px solid #cfdbe6; top: -15px; left: 25px; }
.addCustomFieldsContainer:after { content: '';position: absolute; border: 7px solid transparent; border-bottom: 7px solid #ffffff; top: -14px;left: 25px;clear: both; display: block;}
.addCustomFieldsContainer:after { content: ''; display: block; clear: both; }
.addCustomFieldsContainer select { width: 62px; float: left; margin-right: 5px; padding: 0 3px; font-weight: 700;}
.addCustomFieldsContainer .input-group input { font-weight: 700; padding-right: 0; padding-left:5px; }
.addCustomFieldsContainer .input-group { border-spacing: 0; width: 112px; float: left; margin-right: 5px; }
.addCustomFieldsContainer .input-group .input-group-addon { background: #f3f7fb; border-color: #d6e1e6; padding: 0 8px; }
.addCustomFieldsContainer .btn{ padding: 5px 14px!important;  font-weight: 700;}
.addCustomFieldsContainer * { font-size: 12px; }
.dropdown-menu.filterConditionDrop {border-color: #c8d0d6!important; max-height: 120px; overflow: auto; margin: 0px;}
.filterConditionDrop li a {font-size:12px;}
.filterConditionDrop li a:hover {text-decoration: none; background: #4182e1; color: #ffffff;}
.reportFieldPlaceholder { min-height: 35px;  margin: 7px 0;  background:#fff url(../images/darg.png); z-index:9; position:relative;}
.reportNewFieldPopover.reportDropdownLeft .reportFiltersDropdownIn:before, .reportNewFieldPopover.reportDropdownLeft .reportFiltersDropdownIn:after{ right: inherit; left: 7px;} 
.reportCriteriaLoadingWrap { position: relative;    min-height: 165px; }
.reportCriteriaLoading { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; z-index: 9;}
.reportCriteriaLoadingIcon { position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -15px; }
.reportCriteriaLoadingIcon i.lg { font-size: 30px; color: #624dd6;}
.reportCriteriaLoadingIcon i.sm  { position: absolute; top: 18px; left: 25px; }
.reportCriteriaLoadingIcon i.sm:before {font-size: 24px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-animation: spinner 1.8s infinite linear; animation: spinner 1.8s infinite linear; border-radius: 100%; position: absolute; color: #ff733e;}
.reportBuilderStep { counter-increment: step-counter; position: relative; }
.reportBuilderStep.disabled { pointer-events: none; }
.reportBuilderStep.disabled .reportBuilderStepTitle { opacity: 0.7; }
.reportBuilderSteps { position: relative; }
.reportBuilderSteps:after { content: ''; position: absolute; left: 12px; top: 0; bottom: 0; width: 1px; background: #c4cdd3; }
.reportBuilderSteps > .reportBuilderStep:before { content: counter(step-counter); background: #f1efff; display: block; font-size:12px; width: 24px; height: 24px; line-height: 23px; text-align: center; position: absolute; border: 1px solid #7d6eee; color: #7d6eee; background:#fff; z-index:1; left: 0; top: 11px; border-radius: 100%; font-weight: 600; }
.reportBuilderStepBody { display: none; padding: 5px 0 15px 40px; }
.reportBuilderStepTitle { font-weight: 600; padding: 14px 0px 14px 40px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.reportBuilderStepTitle:hover { color: #4b8dee; }
.reportingDataTypeRadio { margin-bottom: 10px; }
.reportingDataTypeRadio > label { font-weight: 600; margin-bottom: 0; font-size: 12px; cursor: pointer; }
.reportingDataTypeRadio > label input { margin-right: 7px; }
.reportingDataTypeRadio .reportingDataTypeEg { font-size: 12px; padding-left: 22px; padding-top: 1px; font-weight: 300;}
.reportBuilderMain.hideBuilder .reportCriteriaContainer { left: -530px; }
.reportBuilderMain.hideBuilder .panel.panel-default.report-view-panel { left: 0; padding: 25px 120px; }
a.closeReportBuilder {position: absolute; right: 0px; top: 16px; font-size: 22px; color: #c0cad0; border: 1px solid; border-right: 1px solid #dddbe3; border-radius: 4px 0 0 4px; z-index: 1; background: #fff;}
a.openReportBuilder {position: fixed; left: 205px; text-decoration:none; font-size: 12px; color: #ffffff; background: #2a9924; display: inline-block; padding: 6px 3px 6px 10px; border-radius: 0 3px 3px 0; top: 125px; border-left: 0 none; font-weight: 500; border: 1px solid #0f820c;}
a.openReportBuilder i { font-size: 19px; vertical-align: middle; line-height: 0; }
.reportBuilderBtns .btn.btn-default { border: 1px solid #c4cdd3; }
.c3-tooltip {-webkit-box-shadow:7px 7px 12px rgba(38, 40, 53, 0.5); box-shadow:7px 7px 12px rgba(38, 40, 53, 0.5);}
.c3-tooltip tr {border:0 none;}
.c3-tooltip th { background-color: #311d5f; font-size: 11px;padding: 4px 9px;font-weight: 500; }
.c3-tooltip td { padding: 5px 10px; font-size: 11px; }

/* Tasks */
.taskContainer {max-width: 1050px;margin: 0 auto; padding: 30px;  min-height: 450px; position:relative; background:#fff;}
.tasksFilters {font-size: 14px; position: sticky; top:0; z-index: 9; background: #fff; padding: 12px 25px;}
.tasksFilters:before { top: 100%; background-image: linear-gradient(135deg, #d3d9ec 25%, transparent 25%), linear-gradient(225deg, #d3d9ec 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; }
.tasksFilters:after { top: 96%; background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; }
.tasksFilters i.tasksIcon{width: 36px; height: 36px; display: inline-block; background: linear-gradient(141deg, rgba(99,180,253,1) 0%, rgba(173,76,255,1) 100%); text-align: center; line-height: 36px; border-radius: 20px; font-size: 20px; vertical-align: middle; margin-right: 10px; color: #fff;}
.tasksFilters .newBtn {margin-top:4px;}
.tasksFilters.sticky .newBtn {display:inline-block;}
.tasksFilters .dropdownTrans button, .tasksFilters .dropdownTrans button:focus, .tasksFilters .dropdownTrans button:active, .tasksFilters .dropdownTrans.open button:active, .tasksFilters .dropdownTrans button:active:focus, .tasksFilters .dropdownTrans button:hover { background: transparent!important; border: 0; box-shadow: 0 0 0 transparent!important; font-size: 14px; font-weight: 600; padding: 6px 10px;}
ul.taskList {display: block; }
ul.taskList.busy { pointer-events: none; opacity: 0.7; }
ul.taskList li {display: block;background: #fff; padding: 0; border-top: 1px solid #eaeaf3;}
.taskContents { display: table; width: 100%; table-layout: fixed;}
.taskContents .taskCol { display: table-cell; padding: 15px 0 15px 5px; vertical-align: middle; position:relative;}
.taskIcon.taskCol{ width: 52px; }
.taskIcon.taskCol i{ width: 36px; height: 36px; text-align: center; line-height: 36px; background: #eeffe3; display: block; color: #44a148; font-size: 20px; border-radius: 100%; }
.taskIcon.taskCol i.meetingIcon {background:#ffefe3; color:#f4734b;}
.taskMark.taskCol { width: 50px; text-align: center;}
.typeAndDate.taskCol {width: 200px;}
.taskCategory {display: inline-block; font-size: 12px; padding: 1px 4px; border-radius: 3px; color: #44a148; margin-bottom: 3px; font-weight: 600;}
.taskDate { font-size: 14px; letter-spacing: -0.6pt;}
.taskDate .date { font-weight: 600;}
.taskName {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px;}  
.taskAssigned.taskCol {width: 180px;}
.taskAssigned span.name {margin-left: 5px; max-width: 120px; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.taskEdit.taskCol { width: 76px;}
.taskDescription {color: #939cb1;font-weight: 300;padding-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-right: 30px;}
.taskDivider { padding: 20px 0 7px;}
.taskDividerToggle { font-size: 18px; cursor: pointer; }
.editTaskWrap, .editMeetingWrap{ width: 0; overflow: hidden; position: absolute; right: 0;top: 50%;  margin-top: -15px;} 
a.editTask, a.deleteTask, .editMeetingWrap a.editTask, .editMeetingWrap a.deleteTask{ color: #a2a6bf; font-size: 15px; width: 30px; display: inline-block; height: 30px; text-align: center; line-height: 30px;}
ul.taskList li:hover{background: #f7f7f9;}
ul.taskList li:hover .editTaskWrap, ul.meetingList li:hover .editMeetingWrap{width:76px;}
a.assigneTo:hover { text-decoration: none;}
li.taskComplete{background: #E6F3FF!important;overflow: hidden;-webkit-box-shadow: inset 0 0 2px #B7C7D2; box-shadow: inset 0 0 2px #B7C7D2;}
.taskLoading {text-align: center; font-size: 30px; color: #ff7b1d; position: absolute; top: 8px; bottom: 0; left: 0; right: 0; z-index: 1; background: #fff; padding-top: 50px;}
.taskList .taskAssigned  a { color: #a2a6bf; }
.taskList .taskAssigned a i { font-size: 24px; display: inline-block; vertical-align: middle; }
.typeAndDate.taskCol a { color:#0070d2;}
.relatedPerson { display: inline-block;font-size: 13px;color: #939cb1;max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; margin-top: 2px;}
.newTaskWrap { padding: 35px 0;}
.newTaskWrap .recordViewTable {width:615px;}
.newTaskWrap .recordCell.labelTxt {width: 180px; font-weight: 600; vertical-align:middle;}
.newTaskWrap select,  .newTaskWrap select:focus{ border: 0; box-shadow: 0 0 0 transparent; width: inherit; display: inline-block;-webkit-appearance: none;}
/*.newTaskWrap .input-group.date {width:200px;}*/
.btn-group.dropTrans .btn { border: 0 none;box-shadow: 0 0 0 transparent; font-size:13px;}
.btn-group.dropTrans .dropdown-menu {font-size:13px;}
.asscociateDrop {vertical-align:inherit}
.asscociateDrop .btn{color: #4ba0f8;text-decoration: underline;  cursor: pointer;}
.asscociateDrop .btn .caret {visibility:hidden;}
.asscociateDrop .btn:hover {color: #516873;text-decoration: inherit; }
.asscociateDrop .btn:hover .caret {visibility:visible;}
.taskTooltip + .tooltip {left:0!important;}
.taskTooltip + .tooltip > .tooltip-inner { left:0!important;background-color: #f6f8fa; color: #253a43;box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: 1px solid #C7D6E3;text-align: left;line-height: 18px;padding:7px  10px; max-width: 480px; word-break: break-all;}
.taskTooltip + .tooltip > .tooltip-arrow { border-bottom-color: transparent;}
.taskTooltip + .tooltip > .tooltip-arrow::before { content: ''; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #CCDAE5; margin-top: -9px;  margin-left: -4px;}
.taskTooltip + .tooltip > .tooltip-arrow::after { content: ''; position: absolute; border: 8px solid transparent;border-bottom: 8px solid #fff;margin-top: -7px; margin-left: -4px;}
.bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table th { height: 16px!important; line-height: 16px!important; font-size:13px!important; width: 14px!important;}
.quickAddPopover .bootstrap-datetimepicker-widget * {text-align:center!important;}
.quickAddPopover .bootstrap-datetimepicker-widget table td.day, .quickAddPopover .bootstrap-datetimepicker-widget table th { padding:4px 0!important; width:14px!important; height:16px!important; text-align:center!important; text-transform:capitalize;}
#taskModal.ch-modal .modal-dialog {max-width:390px;}
#taskModal.ch-modal label{font-weight: 500;}
#taskModal.ch-modal .form-group { margin-bottom: 15px;}
.newTaskWrap .ch-table-search-template .input-group > input {border: 0 none!important; border-bottom: 1px solid #e8f0f4!important;}
.newTaskWrap .ch-table-search-template .input-group i.ch.ch-magnify { opacity: 0;}
.newTaskContainer:not(.noBorder){ border: 1px solid #c8d0d6; max-width: 440px; margin: 40px auto; border-radius: 10px; box-shadow: 0 0 23px 0px rgb(209, 209, 224); background: #fff; }
.newTaskContainerHeader { font-size: 14px; font-weight: 600; margin-bottom: 25px; }
.newTaskContainerBody {padding: 40px; }
.newTaskContainerBody .verticalLabelInputRow .ch-input-div .ch-input.taskDescriptionArea {min-height:60px; resize:vertical; max-height:100px; margin-top:5px;}
.newTaskContainer .createTaskBtn, .uploadImageModal .uploadImageFileAttachment { border-radius: 0 0 10px 10px; height: 38px; line-height: 38px; padding: 0; }
.chNewTaskModal .newTaskContainer { border: 0; box-shadow: 0 0 0; max-width: inherit; margin: 0; background: transparent; }
.chNewTaskModal .modal-dialog,  .uploadImageModal .modal-dialog{ max-width: 440px; }
.chNewTaskModal .modal-content, .uploadImageModal .modal-content{ border-radius: 10px; }
.chNewTaskModal  button.close, .uploadImageModal button.close {position: absolute; right: -15px; top: -20px; color: #fff; opacity: 1;}

.uploadImageModal .fileUploadGrid { display: block; }
.uploadImageModal .fileUploadGrid > div { display: block; }
.uploadImageModal .fileUploadContainer { margin: 0; box-shadow: 0 0 0 transparent; text-align: left; }
.uploadImageModal .uploadImagePreviewWrap { text-align: center; padding: 0 0 25px 0; border-bottom: 1px solid #e8e3f1; margin-bottom: 25px; }
.uploadImageModal .uploadImagePlaceholder { display: inline-block; width: 90px; height: 90px; font-size: 50px; border-radius: 100%; border: 2px solid #e8e3f1; line-height: 90px; color: #e8e3f1; }
.uploadImageModal .uploadImagePreview { width: 90px; height: 90px; border-radius: 100%; }
.uploadImageModal .uploadImageInfo { font-size: 12px; }
.uploadImageModal .selectedFielsContainer.showFiles ul.uploadFileList { width: 100%; margin-bottom: 0; padding-left: 0; }
.uploadImageModal .selectedFielsContainer.showFiles ul.uploadFileList > li { border-bottom:0 none;}
.uploadImageModal .uploadImageInfo { font-size: 12px; }
.tasksAssociatedLookup .dropdown-toggle {height: 40px!important; border-bottom-color: #c8d0d6!important; }
.tasksAssociatedLookup .dropdown-menu.lookup-dropdown {min-width:300px;}
.verticalLabelInputRow.taskMeetingFields { padding: 15px 14px 15px 8px; position: relative; background: #fff4d5; margin-bottom: 15px; }
.verticalLabelInputRow.taskMeetingFields .ch-input-div { padding: 0 10px 0; }
.verticalLabelInputRow.taskMeetingFields .ch-input-div .ch-input{background: transparent;}
.verticalLabelInputRow.taskMeetingFields .ch-input-div > .ch-input-label{color: #b99e8e;}
.taskMeetingFields .taskMeetingFieldsClose { position: absolute; right: 8px; top: 5px; cursor: pointer; width: 16px; height: 16px; display: block; text-align: center; line-height: 16px; }

@media screen and (min-width:500px) {
    .chFormFeildsLayout { display: table; width: 100%; border-collapse: separate; border-spacing: 15px 0;}
    .chFormFeildsLayout .chFormFeildsRow { display: table-row; }
    .chFormFeildsLayout .chFormFeildsRow .chFormFeildsCell { display: table-cell; padding:0 0 5px;  vertical-align: top;}  
    .chFormFeildsLayout  input:not([type='button']):not([type='checkbox']), .chFormFeildsLayout  textarea, .chFormFeildsLayout  select {  -webkit-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent; width: 100%; height: 48px; border: 0 none; border-bottom: 1px solid #E2EBF5; font-size: 13px;  -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius:0; }
    .chFormFeildsLayout input:not([type='button']):focus, .chFormFeildsLayout textarea:focus, .chFormFeildsLayout select:focus {outline: none; -webkit-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent;}
    .activityTypeCell{width:15%;}
    .activityDateCell{width:15%;}
    .chFormFeildsLayout .input-group{width: 100%;border-spacing: 0;}
    .chFormFeildsLayout .input-group input[type=text], .chFormFeildsLayout .activityTypeCell select{ min-width: 140px;}
    .chFormFeildsLayout .input-group.date .input-group-addon { background: transparent; border: 0 none; border-bottom: 1px solid #e2ebf5; border-radius: 0;}
    

}

@media screen and (min-width: 768px) {
    .ch-container { width: 1000px; margin: 0 auto; }
}

@media screen and (min-width:900px) {
    .followupWrap { width: 250px; overflow: hidden; }
    h5.followupDesignation { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 1px; }
    h2.followupName, .followupName a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

@media screen and (min-width:1400px) {
    .followupWrap { width: 350px; }
}

/* Admin Pages */
.vTbasContainer { display: table; width: 100%; height: 100%;}
.vTabsSidebar { display: table-cell; width: 260px; vertical-align: top; padding: 20px;}
.vTabsContent { display: table-cell; background: #fff;-webkit-box-shadow: 0 0 3px rgb(220, 217, 224); box-shadow: 0 0 3px rgb(220, 217, 224);}
.vTabsContent > .tab-pane { padding: 0px 40px 35px; overflow: auto; height: 100%; padding-top:15px; }
.settings-template.manageEmailTemplates .vTabsContent > .tab-pane { padding: 0;}
.vTabsContent .vTabsContentTitle { font-size: 16px; font-weight: 300; margin: 0; }
.vTabs {position: relative;  }
.vTabs > li { display: block; padding-bottom: 1px;}
.vTabs > li > a { display: block; position: relative; padding: 14px 20px 14px 42px; color: #535367; border-radius: 7px; }
.vTabs > li > a .vTabIcon { position: absolute; left: 15px; font-size: 18px; top: 11px; color: #c0bfce; }
.vTabs > li.active a .vTabIcon { color: #4596fb; }
.vTabs > li a i.chevronIcon { position: absolute; right: 10px; top: 50%; font-size: 18px; margin-top: -12px; visibility: hidden; color: #4596fb;}
.vTabs > li.active > a > i.chevronIcon {visibility:visible;}
.vTabs > li > a:hover { color: #4596fb; background:#fff; text-decoration: none; }
.vTabs > li.active > a { font-weight: 500; background: #fff;-webkit-box-shadow: 0 0 3px rgb(220, 217, 224); box-shadow: 0 0 3px rgb(220, 217, 224) }
.vTabs > li.active a:hover { color: #4596fb;}
ul.vTabSubmenu { padding: 10px 0 10px 50px; display:none;}
ul.vTabSubmenu > li { display: block; }
ul.vTabSubmenu > li > a { padding: 8px; display: block; color: #253858; position:relative; }
ul.vTabSubmenu > li > a:hover { text-decoration: none; }
ul.vTabSubmenu > li.active > a { color: #4596fb; }
ul.vTabSubmenu > li.active > a > .chevronIcon { visibility: visible; }
.vTabs > li.users.active > ul.vTabSubmenu {display:block;}
.vTabsContent > .tab-pane > .pageTitle { margin: 0 -40px }
.vTabsContent .listViewTableWrap { padding: 17px 0 0; }
.vTabsContent .manageTableScroller {overflow: auto; position: absolute; left: 0; right: 0;}
.vTabsContent .btn-group.btn-toggle .btn.btn-default.active { background: #4a8dee; border-color: #4182e1; color: #ffffff; }
.vTabsContent .btn-group.btn-toggle .btn-default { border-color: #CCDAE0; color: #afbdd2; }
.vTabsContent .tab-pane #listview-builder .pageTitle {padding:0 25px;}
.customizePageContainer {max-width:1000px; margin:0 auto;}
.customizeList { padding-top: 30px; margin: 0 auto; }
.customizeListItem { display: block; color: #253862; width: 280px; background: #fff; transition: all 0.3s ease; }
.customizeList.grid {display: flex; justify-content: space-between; flex-wrap: wrap;}
.customizeList .customizeListItem { display: block; color: #253862; transition: all 0.3s ease; }
.customizeList.grid .customizeListItem { width: 24.5%; border-radius: 10px; background: #fff; text-align:center;}
.customizeList.grid .customizeListItem:hover, .customizeList.grid .customizeListItem.active { box-shadow: 0 0 15px rgb(223 223 239); text-decoration: none; }
.customizeList .inlineItem {display: flex; justify-content: space-between; border-bottom: 2px solid #c8d0d6; width: 100%; background: transparent; text-decoration: none; padding-bottom:10px;}
.customizeList .inlineItem  .customizeListItemContent{display: flex; align-items: center;}
.customizeList.grid .customizeListItemContent { padding: 25px 15px; position: relative; display: block; }
.customizeList.grid .customizeListItemContent.btmSpace {padding-bottom:44px;}
.customizeList.grid .customizeListItemContent:before { bottom: -5px; background-image: linear-gradient(135deg, #d3d9ec 25%, transparent 25%), linear-gradient(225deg, #d3d9ec 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 10px; background-size: 8px 100%; content: ''; position: absolute; }
.customizeList.grid .customizeListItemContent:after { bottom: -3px; background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 10px; background-size: 8px 100%; content: ''; position: absolute; }
.customizeListItemIcon { display: block; width: 56px; height: 56px; margin: 0 auto; line-height: 56px; text-align: center; color: #fff; border-radius: 100%; font-size: 28px; }
.customizeList.grid .customizeListItemIcon {margin-bottom: 15px; }
.customizeList .inlineItem .customizeListItemIcon {margin-right:15px;}
.customizeListItemIcon.table {background:#52a856;}
.customizeListItemIcon.fields { background:#f5c02a;}
.customizeListItemIcon.webforms {background:#f9783b;}
.customizeListItemIcon.dynamicForms {background:#8368f3;}
.customizeListItemTitle {display: block;font-weight: 700; font-size: 16px;}
.customizeListItemAction { padding: 15px 15px 15px; display: flex; align-items: center; justify-content: center; }
.customizeList.grid .customizeListItemTitle {margin-bottom: 5px;}
.customizeListItemAction select{width: inherit; margin: 0 auto; max-width: 170px; border: 1px solid #c8d0d6; font-weight: 600;}
.customizeListItemAction i { font-size: 22px; }
.customizeListItem:hover .customizeListItemAction select, .customizeListItem.active  .customizeListItemAction select{ border-color: #3a86e4;}
.tableTemplatesListContainer { margin: 15px 0px 0;}
.tableTemplatesList { display: flex;flex-wrap: wrap; justify-content: start; margin: 15px 0;}
.tableTemplatesListItem { text-align: center; font-weight: 600; cursor: pointer; position: relative; width: calc(25% - 10px); margin-bottom: 10px; margin-right: 10px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 rgb(223 223 239); transition:all 0.3s ease;}
.tableTemplateName { padding: 15px;}
.tableTemplatesListHeading {font-size:12px;}
.tableTemplatesListItem > .tableTemplatesListItemIcon { display: block; width: 100%; text-align: center; font-size: 38px; border-bottom: 3px #f7f7f9 double; position: relative; padding: 10px 0 7px;}
.tableTemplatesList .tableTemplatesListItem:nth-child(5n+1) .tableTemplatesListItemIcon{color: #76d3ff;} 
.tableTemplatesList .tableTemplatesListItem:nth-child(5n+2) .tableTemplatesListItemIcon {color: #ab76ff;}
.tableTemplatesList .tableTemplatesListItem:nth-child(5n+3) .tableTemplatesListItemIcon {color: #ff768f;} 
.tableTemplatesList .tableTemplatesListItem:nth-child(5n+4) .tableTemplatesListItemIcon {color: #ffac65;}
.tableTemplatesList .tableTemplatesListItem:nth-child(5n+5) .tableTemplatesListItemIcon {color: #8fd463;}
.tableTemplatesListItem:hover {box-shadow: 0 0 15px rgb(223 223 239);}
.packageInstallIcon{position: absolute; bottom: 44px; width: 16px; height: 16px; background: #52a856; color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; right: 0;}
.packageDetailsModal .modal-dialog {width: 400px;}
.packageDetailsModal .modal-content {border-radius:10px;}
.packageDetailsModal .modal-title{border-bottom: 1px solid #c8d0d6; padding-bottom: 10px; display: flex; align-items: center;}
.packageDetailsModal .tableTemplatesListItemIcon {
    margin: 0 10px 0 0;
    width: 44px;
    height: 44px;
    background: #8453f4;
    font-size: 32px;
    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.packageDetailsModal .templateName { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 15px; }
.packageDetailsModal .modal-body { padding: 25px; max-height: 320px; overflow: auto; }
.packageDetailsModal .modal-body ul, .packageDetailsModal .modal-body ol {
    margin-left: 16px;
    line-height: initial;
}
.otherSettingListItem { background:#fff; padding: 10px 15px}
.otherSettingListItem:hover {background:#f8f7fa; }
.otherSettingListIconCell {width:40px;}
.otherSettingListIcon {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; border-radius: 10px; margin-right: 8px; font-size: 20px;}
.otherSettingListTxtCell { width:450px;}
.otherSettingListItem .onoffswitch { display:inline-block;}
.otherSettingListItem b{ font-weight:600;}
.settingTitleBar { position: relative; font-size: 15px; font-weight: 600; padding: 10px 20px 10px 50px; margin-bottom: 15px; margin-top: 10px; }
.settingTitleBar .settingTitleBarIcon { position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; left: 12px; color: #fff; font-size: 20px; border-radius: 100%; top: 5px; }
.settingsDivider { border-top: 1px solid #c8d0d6; margin: 35px -40px;}
.chSetupListContainer { margin-top: 40px; }
.chSetupListContainerTitle { text-transform: uppercase; font-weight: 600; padding-bottom: 10px; }
.chSetupListWrap { display: flex; }
.chSetupListItem { display: inline-block; padding: 0 25px; height: 60px; line-height: 60px; border: 1px solid transparent; margin-right: 15px; border-radius: 10px; color: #253858;  }
.chSetupListItem:hover {text-decoration:none; border-bottom-width: 3px;}
.chSetupListItemIcon { font-size: 24px; vertical-align: middle; margin-right: 10px; }
.chSetupListItem.yellow {background:#fff6e5; border-color:#f5e4c4;}
.chSetupListItem.yellow .chSetupListItemIcon{color:#f5b02a;}
.chSetupListItem.orange {background:#fff2ec; border-color:#fce2d6;}
.chSetupListItem.orange .chSetupListItemIcon{color:#f9783b;}
.chSetupListItem.purple {background:#f7f5ff; border-color:#e3dcfe;}
.chSetupListItem.purple .chSetupListItemIcon{color:#8368f3;}
.chSettingPageContainer {max-width: 1100px; margin: 0 auto;}
.utronsTypeContainer { max-width: 980px; margin: 0 auto; }
.utronsTypeContainer > h2 { font-size: 18px; font-weight: 300; margin: 45px 18px 30px; }
.utronsTypeContainer > h2 b { font-weight: 600;}
.utronsTypeContainTitle { margin: 0 18px; border-bottom: 1px solid #c9d0d6; padding: 10px 0; }
.utronsTypeContainer > .utronsTypeContainTitle p { font-size: 16px; margin: 5px 0 0; }
.ch-layout-table.utronTypeGridLayout { border-spacing: 20px; table-layout: fixed;}
a.utronType { display: block; text-align: center; box-shadow: 0px -2px 9px #dbe3e8; padding-top: 115px; border-radius: 4px; color: #fff; margin-bottom:25px; }
a.utronType.dataChanges{ background:url(../Images/data-changes-utron-icon.png) no-repeat center 32px;}
/*a.utronType.dataChanges:before {content:''; position:absolute; right:0; top:0; background:url(../Images/utron-coming-soon-img.png) no-repeat 0 0; width:54px; height:75px; }*/
a.utronType.schedule{background:url(../Images/scheduled-utron-icon.png) no-repeat center 32px;}
a.utronType.oneTime{background:url(../Images/one-time-change-utron-icon.png) no-repeat center 28px;}
a.utronType span.utronTypeTxt { display: block; font-size: 14px; font-weight: 600; height: 40px; line-height: 39px; border-radius: 0 0 4px 4px; }
a.utronType.dataChanges .utronTypeTxt { background: #e35461; }
a.utronType.schedule .utronTypeTxt { background: #5c84f5; }
a.utronType.oneTime .utronTypeTxt { background: #8d54e3; }
a.utronType span.utronTypeTxt > i { position: relative; font-size: 16px; top: 2px; margin-left: 3px; }
.utronsUseCasesContainer p { font-size: 14px; font-weight: 600; margin-bottom: 0; }
ul.utronsUseCasesList > li { display: block; border-bottom: 1px solid #ccd4d9; padding: 12px 0 12px 25px; position: relative; color: #2a3b59; }
ul.utronsUseCasesList > li:before { content: ''; display: block; width: 8px; height: 8px; border: 2px solid transparent; border-radius: 100%; position: absolute; left: 8px; top: 15px; }
ul.utronsUseCasesList > li > a { color: #2a3b59; line-height:15px;}
ul.utronsUseCasesList > li:last-child { border-bottom: 0 none;}
.dataChanges ul.utronsUseCasesList > li:before{ border-color: #5c84f5; }
.schedule ul.utronsUseCasesList > li:before { border-color: #8d54e3; }
.oneTime ul.utronsUseCasesList > li:before { border-color: #e35461; }

.ch-layout-table.utronsGrid { table-layout: fixed; border-spacing: 15px 5px; height: inherit; margin: 20px 0; }
.ch-layout-table.utronsGrid .utronType { border: 1px solid #c9d0d6; border-radius: 5px; padding: 28px 15px 28px 76px;}
.ch-layout-table.utronsGrid .utronType:before { content: ''; width: 60px; display: block; position: absolute; left: 0; bottom: 0; top: 0; border-radius: 5px 50px 50px 5px; background: rgba(76,163,245,1); background: -moz-linear-gradient(-45deg, rgba(76,163,245,1) 30%, rgba(125,64,231,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(30%, rgba(76,163,245,1)), color-stop(100%, rgba(125,64,231,1))); background: -webkit-linear-gradient(-45deg, rgba(76,163,245,1) 30%, rgba(125,64,231,1) 100%); background: -o-linear-gradient(-45deg, rgba(76,163,245,1) 30%, rgba(125,64,231,1) 100%); background: -ms-linear-gradient(-45deg, rgba(76,163,245,1) 30%, rgba(125,64,231,1) 100%); background: linear-gradient(135deg, rgba(76,163,245,1) 30%, rgba(125,64,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca3f5', endColorstr='#7d40e7', GradientType=1 ); }
.ch-layout-table.utronsGrid  .utronTypeIcon { position: absolute; left: 15px; top: 50%; font-size: 26px; color: #fff; line-height: 0; }
.ch-layout-table.utronsGrid  .utronTypeTxt { font-weight: 700; font-size: 15px; margin-bottom: 2px; }
.ch-layout-table.utronsGrid  .utronTypeDescription { font-size: 12px; }
.newUtronBtn { position: absolute; border-radius: 20px; margin-top: 10px; margin-left: 23px; font-size: 12px; padding: 4px 13px; }
.ch-layout-table.utronsGrid .templatesLabel { font-size: 14px; font-weight: 600; padding: 10px 0; text-align:center; }
.ch-layout-table.utronsGrid  .utronTemplateContainer { border: 1px solid #c9d0d6; border-radius: 5px; padding: 17px 40px 17px 58px; cursor: pointer; margin-bottom:5px; position: relative; }
.ch-layout-table.utronsGrid  .utronTemplateContainer:hover { background: #f7f9ff; }
.utronTemplateIcon { color: #fff; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; font-size: 20px; border-radius: 100%; position: absolute; left: 17px; background: rgba(237,151,23,1); background: -moz-linear-gradient(45deg, rgba(237,151,23,1) 0%, rgba(235,85,47,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,151,23,1)), color-stop(100%, rgba(235,85,47,1))); background: -webkit-linear-gradient(45deg, rgba(237,151,23,1) 0%, rgba(235,85,47,1) 100%); background: -o-linear-gradient(45deg, rgba(237,151,23,1) 0%, rgba(235,85,47,1) 100%); background: -ms-linear-gradient(45deg, rgba(237,151,23,1) 0%, rgba(235,85,47,1) 100%); background: linear-gradient(45deg, rgba(237,151,23,1) 0%, rgba(235,85,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9717', endColorstr='#eb552f', GradientType=1 );}
.utronTemplateName { font-weight: 500; font-size: 13px; margin-bottom: 2px; }
.utronTemplateDescription { font-size: 12px; font-weight:300;}
.ch-layout-table.utronsGrid  .utronTemplateContainer:after { content: "\F142"; font-family: "Material Design Icons"; position: absolute; right: 10px; top: 50%; font-size: 24px; color: #bcc4c7; margin-top: -18px; }
.ch-layout-table.utronsGrid  .orDiv { margin-top: -10px; position: relative; height: 30px; }
.ch-layout-table.utronsGrid  .orDiv:before { content: ''; width: 100px; height: 1px; background: #c9d0d6; position: absolute; left: 50%; margin-left: -50px; margin-top: 10px; }
.ch-layout-table.utronsGrid  .orDiv:after { content: 'OR'; display: block; width: 30px; height: 30px; background: #fff; position: absolute; left: 50%; margin-left: -15px; line-height: 30px; margin-top: -6px; font-weight: 300; color: #a2b0d0; }

.permissionsTable { font-size: 13px; }
.permissionsTable input[type=checkbox] { margin: 0; }
.permissionsTable th { font-weight: 400; border-bottom: 1px solid #dae4ed; }
.permissionsTable th:first-child { border-bottom: 0 none; }
.permissionsTable th, .permissionsTable td { padding: 7px 10px; }
.permissionsTable tbody tr td:first-child { font-weight: 600; width: 200px; }
.fieldsPermissionsWrap { background: #f8fbfd; padding: 15px; }
.fieldsPermissionsWrap table { font-size: 13px; }
.fieldsPermissionsWrap table th { text-transform: uppercase; font-size: 13px; border-bottom: 1px solid #eef3f8; }
.fieldsPermissionsWrap table th, .fieldsPermissionsWrap table td { padding: 8px 10px; }
.fieldsPermissionsWrap table tbody tr:nth-child(odd) td{ background: #fff;}
.permissionFixedGrid {table-layout:fixed;}
.popover { font-family: 'Work Sans', sans-serif; font-size: 13px; border: 1px solid #D1E0E8; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0px 6px rgba(0,0,0,.2); min-width:300px;}
.popover.bottom > .arrow:after { border-bottom-color: #F6FCFF; }
.settinsIconlist { margin-bottom: 85px; margin-top: 20px;}
.settinsIconlistItem { border-bottom: 1px solid #ededed; position:relative;}
.settinsIconlistItem:not(.apiIntegration):not(.plan) {cursor:pointer;}
.settinsIconlistItem:not(.apiIntegration):not(.plan):active { background: #f8f7fa;}
.settinsIconlistItem .ch-layout-table > .ch-layout-table-row > .ch-layout-table-cell{ padding: 18px 15px; }
.settinsIconlistItem h2 { font-size: 15px; font-weight: 600; margin:0;}
.settinsIconlistItem h4 { display: block; font-size: 13px; font-weight: 400; color: #78868c; margin: 0; }
.settinsIconlistItem h2 + h4 {margin-top:8px;}
.settinsIconlistItem .ch-layout-table-cell { vertical-align: middle; }
.ch-layout-table-cell.settinsIconlistIconCell { width: 44px; padding-right: 0!important;}
.ch-layout-table-cell.settinsIconlistIconCell .settingslistIcon{width: 44px; height: 44px; line-height: 44px; text-align: center; display: block; border-radius: 100%; font-size: 22px; color: #fff;}
.settinsIconlistItem .settingsListActions { position: absolute; right: 15px; top: 50%; margin-top: -16px; }
.settinsIconlistItemContent { padding: 30px 35px; }
.settinsIconlistItemContent.smSpacing { padding: 15px 15px 30px; }
.settinsIconlistItemContent.opened { border-bottom: 1px solid #ededed;}
.settinsIconlistItemContent.loading:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.6) url(../Images/loading-sm.GIF) no-repeat center center; text-align: center; }
ul.numList > li { display: block; margin-bottom: 10px; line-height: 21px; position: relative; padding-left: 16px; }
ul.numList > li:before { content: attr(data-index); font-weight: 700; font-size: 15px; position: absolute; left: 0; top: 0px; }
.apiBtns { position: absolute; right:15px; top: 22px; }
.apiBtns .btn { margin-left: 10px; }
.apiKeyPopupContainer { position: relative; }
.apiKeyPopupContainer .apiKeyPopup { position: absolute; right: 0; width: 350px; background: #fff; border: 1px solid #c9d6dc; padding: 20px; top: 53px; box-shadow: 6px 4px 10px rgba(0,0,0,0.2); border-radius: 0 0 3px 3px; z-index: 9;}
.apiKeyPopupContainer .apiKeyPopup > label { font-weight: 600; }
.apiKeyPopupContainer .apiKeyPopup > textarea { height: 80px; margin-bottom: 10px; resize:none; }
.apiKeyPopupContainer .apiKeyPopup .btn { min-width: 90px; }
.apiKeyPopupContainer .apiKeyPopup:before { content: ''; border: 7px solid transparent; border-bottom: 7px solid #cad7dd; position: absolute; right: 61px; top: -15px; }
.apiKeyPopupContainer .apiKeyPopup:after { content: ''; border: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; right: 61px; top: -14px; }
ul.planAddonList { padding: 2px 0 0 12px;}
ul.planAddonList > li { display: inline-block; margin-right: 6px; padding: 2px 13px 2px 25px; font-weight: 500; position: relative; }
ul.planAddonList > li:before { position: absolute; content: "\F133"; font-family: "Material Design Icons"; font-size: 20px; left: 0px; top: 50%; margin-top: -15px; color: #5cb85b; }
div#emailSentFolderModal .modal-dialog { max-width: 380px; }
div#emailSentFolderModal .modal-body { max-height: 320px; overflow: auto; padding-top: 0; margin-top: 10px }
ul.input-radio-group.emailSentFolderList { border-bottom: 0; max-height: initial; }
ul.input-radio-group.emailSentFolderList.disabled { pointer-events: none; opacity: 0.6; }
ul.input-radio-group.emailSentFolderList > li { display: block; padding: 0; position:relative;}
ul.input-radio-group.emailSentFolderList > li a.deselectEmailFolder { background: #fff; position: absolute; right: 0px; top: 9px; }
ul.input-radio-group.emailSentFolderList > li > label { font-weight: 500; border-bottom: 1px solid #e7eff3; display: block; padding: 8px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:100px; }
ul.input-radio-group.emailSentFolderList > li:last-child label{border-bottom:0 none;}
ul.input-radio-group.emailSentFolderList > li > label input { margin-right: 5px; vertical-align: text-bottom; top: 0!important; left: 0!important }


/* Data Import */
.importWizard{ padding: 40px;}
.importWizard > li{ display: block; position: relative;  min-height: 35px;padding: 14px 48px;font-size: 15px;}
.importWizard > li::after{content:''; width: 1px; height: 100%; position: absolute; left: 15px; top:0; background: #c8d0d6;} 
.importWizard > li .stepTitle span.txtSm { font-size: 13px; font-weight: 300; }
.importWizard > li .stepTitle{ position: relative; font-weight: 600;}
.importWizard > li.enable .stepTitle{cursor:pointer;}
.importWizard > li .stepTitle .editStep{ font-size: 13px; overflow: hidden; opacity: 0; margin-left: 7px; display: inline-block; vertical-align: middle;}
.importWizard > li .stepTitle .editStep a{ color: #4ba3f9; display: inline-block; font-weight: 400; border: 1px solid #dee4ea; font-size: 12px; padding: 0px 8px; border-radius: 11px;}
.importWizard > li .stepTitle .editStep a:hover { border-color: #4ba3f9; text-decoration: none; }
.importWizard > li .stepTitle:hover .editStep{ opacity: 1;}
.importWizard .stepStatus{ position: absolute; top:10px; left:0; }
.importWizard .stepStatus .num{position: relative; z-index: 9; border-radius: 24px; text-align: center; line-height: 22px; font-size: 16px; font-weight: 600; color: #ffffff; background: #eb592e; background-image: linear-gradient(to right, #f39f87, #efc080); border: 5px solid #fff; width: 34px; height: 34px; left: -2px;}
.importWizard .stepStatus .done{ position: relative; z-index: 9; display: none; width: 24px; height: 24px; border-radius: 30px; background: #eb592e;  background-image: linear-gradient(to right, #eb592e, #ed9418); text-align: center; line-height: 22px; font-size: 16px; font-weight: 600; color: #fff; left: 3px;}
.importWizard .stepStatus .done i.ch{margin-top: 6px; }
.importWizard li.currentStep .num{ background: #eb592e; background-image: linear-gradient(to right, #eb592e, #ed9418);}
.importWizard li.stepDone .done{display: block;}
.importWizard li.stepDone .num{display: none;}
.stepContent {transition: all 0.5s ease;height: 0; overflow:hidden; font-size:13px;}
.stepContent:after {content:''; display:block; clear:both;}
.stepContent.opened { padding: 20px 0; height:auto; overflow:inherit; }
.stepContent .recordCell.labelTxt { color: #3d5965;font-size: 13px; font-weight: 600;}
.stepContent .recordViewTable{visibility:hidden;}
.import-tabs-solid { padding-left: 25px; margin-top: 25px; }
.import-tabs-solid > li { position: relative; border: 1px solid #c8d0d6; border-bottom: 0 none; margin-right: 10px; border-radius: 4px 4px 0 0; }
.nav-tabs.import-tabs-solid > li > a:not(.tableEdit) { border-bottom: 0 none; min-width: 115px; text-align: center; margin-right: 0; }
.nav-tabs.import-tabs-solid > li::before {height:3px; background:#7d4bee;}
.import-tabs-solid > li a.tableEdit { display: none; position: absolute; right: -9px; padding: 0; top: 8px; cursor: pointer!important; color: #4ba3fa!important; background: #ffffff; border: 1px solid #c8d0d6!important; width: 20px; height: 20px; border-radius: 100%; text-align: center; padding: 0; font-size: 12px; z-index: 99; line-height: 20px;}
.import-tabs-solid > li a.tableEdit:hover { background: white; border-color: #4ba3fa!important; }
.import-tabs-solid > li.editable:hover  a.tableEdit{display: block;}
.import-tabs-solid > li.disabled a:not(.tableEdit) { cursor: default; pointer-events: none; }
.nav-tabs.import-tabs-solid { border-bottom: 1px solid #d3dde4; }
.import-tab-content >.tab-pane { padding: 30px 25px!important; }
.selectTableWrap{ width: 520px; }
.selectTableWrap select, .selectTableWrap select:focus{ width: 250px; }
.fileUploadWrap{ background: #fdf4e0; transition: all 0.5s ease; height: 0; padding: 0 15px; overflow: hidden; opacity: 0;}
.fileUploadWrap.open{ padding: 20px; margin-top: 15px; opacity: 1; height: auto;}
.fileUploadBtn input[type="file"] {position: fixed; top: -1000px;}
.fileUploadBtn label{    margin-bottom: 0; cursor: pointer;}
.fileUploadBtn {border-radius: 3px; display: inline-block; font-weight: 400; cursor: pointer; margin-right: 10px; vertical-align: middle;}
.fileUploadBtn:hover {background: #309fd9;}
.fileUploadBtn:active {background: #309fd9;}
.fileUploadBtn :invalid + span, .fileUploadBtn :valid + span {color: #fff; cursor: pointer;}
a.importLinkStyle { color: #253858; font-size: 13px; text-decoration: underline; }
a.importHelpLinkStyle { color: #253858; font-weight:300; }
a.importHelpLinkStyle i.ch { font-size: 18px; color: #4ba0f9; margin-right: 3px; vertical-align: middle; font-weight: 300; }
.importWarningStyle { font-weight: 600; color: #eb572f; }
.importWarningStyle i { font-size: 18px; vertical-align: middle;}
.importWarningStyle.lg { font-size: 16px; }
.importWizard .chFormHorizontal .chFormHorizontalInputDiv{ max-width: 280px; }
.chFormHorizontalInputDiv.inline{display:inline-block; vertical-align:top; min-width: 280px;}
.chFormHorizontalInputDiv.inline + .chFormHorizontalInputDiv.inline { margin-left:15px;}
.importWizard .siteIdDropdownbtn{ padding: 5px 15px; text-align: left; box-shadow: inset 0 1px 1px rgba(119, 128, 147, 0.075); }
.chFormHorizontalInputDiv .siteIdDropdownClear{ position: absolute; right: -18px; top: 7px; color: #c8d0d6; font-size: 15px; line-height: 0;}
.chFormHorizontalInputDiv .siteIdDropdownClear:hover {color:#4ba0f8; }
.importWizard .siteIdDropdownbtn:after { content: ''; border: 4px solid transparent; border-top: 5px solid #253858; position: absolute; right: 8px; top: 12px; }
.importWizard select.selectOptions {font-weight:400;}
.chFormHorizontal a.importLinkStyle {position: absolute; left: 298px; white-space: nowrap; top: 29px; font-weight: 300;}
.importNameFieldsWrap { padding: 15px 0; }
.importWizard .importOppCell {width:280px; vertical-align: middle;}
.importWizard .selectedFile { display: inline-block; vertical-align: top; }
.addNewFieldToImportTxt { background: url(../Images/confused.png) no-repeat 0 0; padding-left: 85px; margin-left: 40px; background-size: 70px; min-height: 80px; padding-top: 14px;}
.addNewFieldToImportTxt p { font-weight: 600; margin: 0 0 3px 0; }
.addNewFieldToImportTxt a { color: #ee682e; }
.addNewFieldToImportTxt a i { font-size: 16px; vertical-align: middle; margin-right: 3px; }
.selectedFile > li{display: inline-block; max-width: 300px; padding: 0 10px; border-radius: 3px; border: 1px solid #eb572f;}
.selectedFile > li.processing-upload{background: url(../images/processing.gif);background-size: 23px; box-shadow: 1px 1px 3px #AAB9C5}
.selectedFile > li.processing-upload td.filename {color: #5B7394; font-weight: 600;}
.fileNameOverflow {max-width: 270px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #eb572f; font-weight: 600; font-size: 13px; vertical-align: middle;}
.selectedFile > li td{ vertical-align: middle; height:30px;}
.selectedFile > li td.filename{ color: #95a7bf;  font-size: 14px;}
.fileUploadWrap .uploadBtn{font-size: 13px;font-weight: 400;box-shadow: 0 0 0 transparent;}
.fileUploadWrap .uploadBtn i{ margin-right: 5px;}
.stepContent  .divider {border-bottom: 1px solid #E1E4EA; padding: 20px 0 6px; margin-bottom: 22px; font-size: 14px;font-weight: 600;}
.matchingFieldCell {width:290px;}
.firstMatchLabel{padding-left: 21%;font-size: 13px; font-weight: 400; padding-bottom: 15px;}
.firstMatchLabel input[type=checkbox] {    position: relative; top: 3px; margin-right: 3px;}
span.infoPopover {display: inline-block; cursor:pointer; width: 16px; height: 16px;line-height: 14px; border: 1px solid #A7B9D0;text-align: center;border-radius: 18px;font-size: 10px; position: relative; right: 2px; top:-1px; background: #fff;color: #7191BB;}
span.infoPopover:hover { color:#253a43;  border-color: #46AFE2;}
span.infoPopover:focus {outline:0 none;}
.importNameFieldsWrap > .importNameFields { padding-left: 20%;}
.importNameFieldsWrap  .radioGroup  {padding-left: 10px; font-size: 13px; margin-bottom: 10px;  margin-top: 15px;}
.importNameFieldsWrap .radioGroup > label {margin-right: 15px; font-weight: 600;}
.importSectionDivider {margin: 25px 0 0; font-weight: 600; border-bottom: 1px solid #d3dde4; padding-bottom: 10px;margin-bottom: 28px;}
.ch-form-grid.fieldsMapping {max-width: 1000px; margin:0 auto;}
.linkDivider {margin: 25px 0 0; font-weight: 400; font-size: 13px; border-bottom: 1px solid #DEE4EA; padding-bottom: 12px;margin-bottom: 28px;}
.importNameFieldsWrap h4 {font-size: 13px; padding-right:15px;  position: relative; border-bottom: 1px solid #D6E1E6; padding-bottom: 12px; padding-left:15px;}
.importNameFieldsWrap h4::before {content:''; border: 10px solid transparent; border-top: 10px solid #D6E1E6; position: absolute; left: 130px; bottom: -20px;}
.importNameFieldsWrap h4::after {content:'';border: 10px solid transparent; border-top: 10px solid #F6F8FA; position: absolute; left: 130px; bottom: -19px;}
.dataImportTableStyle td, .dataImportTableStyle th {white-space:nowrap;}

h5.verifyTitle{margin-bottom: 18px; font-weight: 700; margin-top: 20px; border-bottom: 1px solid #309fd9; padding: 15px 0px; position: relative;}
h5.verifyTitle:after { content: ''; border: 7px solid transparent; border-top: 7px solid #ffffff; position: absolute; bottom: -14px; left: 16px; }
h5.verifyTitle:before { content: ''; border: 7px solid transparent; border-top: 7px solid #208fca; position: absolute; bottom: -15px; left: 16px;}
.importWizard .ch-form-element .alert-info.alert{ font-size: 11px; margin-bottom: 0; text-align: center; padding: 8px 15px; color: #6d84ca; background-color: #f2f7ff; border-color: #d9e5f7;}
.createCustomFieldsPopup { position: absolute; background: #fff; border: 1px solid #c8d0d6; box-shadow: 2px 2px 25px rgba(135, 158, 177, 0.5); border-radius: 4px; padding: 30px 25px; max-width: 415px; z-index: 9; left: 128px; top: 65px; }
.createCustomFieldsPopup:before { content: ''; border: 9px solid transparent; border-bottom: 7px solid #b1bfca; position: absolute; top: -16px; }
.createCustomFieldsPopup:after { content: ''; border: 9px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; top: -15px; }
a.createCustomFieldsPopupClose {position: absolute;right: 12px;top: 9px;color: #bdc4d0;}
.createCustomFieldsPopup .ch-form-grid { margin-bottom: 0; }
.createCustomFieldsPopup .ch-form-element.input-label { width: 50px; padding-left: 0; }
.importFailreason { position: relative; padding: 10px 0 20px 30px; }
.importFailreason strong { font-weight:600;}
.importFailreason:before { content: "\F2FD"; font-family: "Material Design Icons"; font-size: 22px; color: #eb562f; position: absolute; left: 3px; top: 5px; }
.importFailreasonTxt { font-size: 14px; }
.importFailreasonTxt + p {font-weight: 300; margin-top: 10px; margin-bottom: 0;}
.importDateFormatDropdown { max-width: 280px; display: inline-block; margin-right: 15px; background: #fff3e0; color: #eb5c2d; border: 1px solid #eb5c2d; }
.importFailreason .checkboxList { border: 1px solid #d7e0e4; max-width: 300px; padding: 10px 15px 15px; border-radius: 4px; margin: 5px 0 10px; }
.importFailreason .checkboxList > li { display: block; }
.importFailreason .checkboxList input[type=checkbox] { margin-left: 0; }
.importFailreason .checkboxList label { line-height: inherit; font-weight: 400; }
ul.dateList { margin: 5px 0 10px; }
ul.dateList > li { font-weight: 500; margin-left: 17px; font-size: 12px; padding: 1px 0; }
.importReasonstoFails + .btn { margin-left: 30px; }
.importReasonstoFails ol, .importReasonstoFails ul{padding-left: 30px;}
.importSuccessMsg { padding: 45px; }
.importSuccessMsg h2 { font-size: 20px; font-weight: 600; color: #4d9e25; margin: 0; }
.importSuccessMsg h4 { font-size: 15px; font-weight: 400; margin-bottom: 30px; margin-top: 16px; }
.importSuccessMsg .importFailreasonTxt { font-size: 13px; }
.importSuccessMsg .importFailreason { margin-bottom:5px;}
.importSuccessMsg .importSuccessImgCell {width:230px; vertical-align:top;}
.importSuccessMsg > .ch-layout-table { width: inherit; margin: 0 auto; }
.importSuccessMsg .ch-layout-table-cell.vAlignM {vertical-align: middle;}
.importWizard .autoMappedField{border-bottom-color: #4c8ded; color: #243858; font-weight: 600;}

/* Web To Lead */
.leadFormFieldsList { margin-bottom: 25px; max-height: 250px; overflow: auto; }
.leadFormFieldsList > li { display:inline-block; width:31%; margin-right: 2.33%;}
.leadFormFieldsList > li label { font-size: 13px; font-weight: 600; }
.webToLeadFormListContainer { max-width: 550px; }
.ch-layout-table-row.webToLeadFormListItem:hover { background: #f8f7fa; }
.webToLeadFormListItem .ch-layout-table-cell { padding: 7px; border-bottom: 1px solid #e2e6e8; }
.webToLeadFormListItem .ch-layout-table-cell.icon { width: 30px; }
.webToLeadFormListItem .ch-layout-table-cell.icon  i { font-size: 20px;color: #f9783b; vertical-align:middle; }
.webToLeadFormListItem .ch-layout-table-cell.actions { width: 60px; white-space: nowrap;}
.webToLeadFormListItem .ch-layout-table-cell.actions a { display: inline-block; width: 30px; color: #a2a6bf; }
.chWebToLeadFormContainer { max-width: 500px; margin: 0 auto; background: #fff; padding: 30px;  font-family: 'Work Sans'; color: #253858;}
.chWebToLeadFormContainer.selected { border: 1px dashed #f48453; }
.chWebToLeadFormSection.editable { transition: all 0.3s ease; position:relative; }
.chWebToLeadFormSection.editable.hovered:before , .chWebToLeadFormSection.editable.selected:before{ content: ''; background: #fff; padding: 10px 5px; border: 1px dashed #f48453; position: absolute; left: -8px; top: 0px; bottom: 10px; right: -8px; }
.chWebToLeadFormSection.editable.empty.hovered:before, .chWebToLeadFormSection.editable.empty.selected:before {bottom:-8px;}
.chWebToLeadFormSectionTitle { display: flex; justify-content: space-between; border-bottom: 1px solid #c8d0d6; padding: 10px 0; text-transform: uppercase; font-weight: 600; }
.chWebToLeadFormSection.editable .chWebToLeadFormSectionTitle {position:relative; cursor:pointer;}
.chWebToLeadFormSectionTitle  .chWebToLeadFormSectionActionBtn { display: inline-block; color: #909bae; padding: 0 3px; cursor: pointer; }
.chWebToLeadFormCol.sortable-fields.empty { min-height: 65px; margin: 10px 0; padding: 0; position:relative; }
.chWebToLeadFormCol{ padding: 15px 0; }
.chWebToLeadFormFieldContainer { margin-bottom: 15px; position:relative; color: #253858;}
.chWebToLeadFormTitle {font-size: 20px; font-weight: 600; margin-bottom: 15px; position: relative; cursor:pointer;}
.chWebToLeadFormTitle  span.chWebToLeadFormSettingIcon { position: absolute; right: 0; color: #909bae; cursor:pointer; }
.chWebToLeadFormFieldContainer .chWebToLeadDelete {display:none; position: absolute; top: 8px; right: 0px; color: #ff831d; cursor: pointer; }
.chWebToLeadFormFieldContainer:hover .chWebToLeadDelete {display:block;}
.chWebToLeadFormFieldContainer.movable{margin-bottom: 0; padding: 10px 0; background: #fff; border-radius: 4px; transition: all 0.3s ease; cursor:pointer; position:relative;}
.chWebToLeadFormFieldContainer.movable:hover:before, .chWebToLeadFormFieldContainer.selected:before { content: ''; background: #fffaf0; padding: 10px 5px; border: 1px dashed #f48453; position: absolute; left: -8px; top: 0; bottom: 0; right: -8px; }
.chWebToLeadFormCol.cols2 .chWebToLeadFormFieldContainer.movable:hover:before, .chWebToLeadFormCol.cols2 .chWebToLeadFormFieldContainer.selected:before {left:-3px; right:-3px;}
.chWebToLeadFormFieldContainer.movable .chWebToLeadFormField {pointer-events:none;}
.chWebToLeadFormFieldContainer.movable .chWebToLeadFormField, .chWebToLeadFormFieldContainer.movable .chWebToLeadFormFieldLabel {position:relative; }
.chWebToLeadFormFieldLabel {display:block; font-weight: 400; font-size: 12px; margin-bottom: 3px; }
.chWebToLeadFormFieldLabel .required { color: #f35951; }
.chWebToLeadFormFieldLabel.move {cursor:move;}
.chWebToLeadFormField { border: 1px solid #c8d0d6; height: 30px; border-radius: 3px; width: 100%; padding: 0 7px; font-family: 'Work Sans'; }
.chWebToLeadFormField:focus {outline:0 none; border-color:#7ca3f9; box-shadow:0 0 3px #7ca3f9;}
.chWebToLeadFormCol.cols2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.chWebToLeadFormCol.cols2 .chWebToLeadFormFieldContainer { width: 49%; }
.chWebToLeadFormFooter.editable { transition: all 0.3s ease; position:relative; }
.chWebToLeadFormFooter.editable:hover:before, .chWebToLeadFormFooter.editable.selected:before { content: ''; background: #fffaf0; padding: 10px 5px; border: 1px dashed #f48453; position: absolute; left: -8px; top: -8px; bottom: -8px; right: -8px;}
.chWebToLeadFormFooter.editable .chWebToLeadFormSubmitBtn {position:relative;}
.chWebToLeadFormSubmitBtn { width: 100%; height: 32px; border: 0 none; background: #2a9924; color: #fff; border-radius: 4px; font-weight: 600; }
.chWebToLeadFormFieldContainer.movable .chWebToLeadOptionsFieldsGroup {position:relative;}
.chWebToLeadOptionsFieldsGroup label {font-weight: 400; font-size: 12px; margin-right: 15px;}
.chWebToLeadOptionsFieldsGroup label > input { vertical-align: sub; margin: 0 2px 0 0; }
select[multiple].chWebToLeadFormField, textarea.chWebToLeadFormField { height: 65px; }
.chWebToLeadFormCol .chWebToLeadFormFieldPlaceholder {display:block; width:100%; min-height: 35px;  margin: 7px 0;  background:#fff url(../images/darg.png); z-index:9; position:relative;}
.chWebToLeadFormCol.cols2 .chWebToLeadFormFieldPlaceholder {width: 49%;}
.chWebToLeadFormCol.empty:after {content: "Drag & drop fields here"; font-size: 11px; color: #d0d0d0; text-align: center; display: block; border: 1px dashed #cdcbd2; border-radius: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 65px; line-height: 65px;}
.chWebToLeadFormCol.empty .chWebToLeadFormFieldPlaceholder {position:absolute; top:0; bottom:0; left:0; right:0;}
.chWebToLeadFormCol li.draggableFieldItem {display:block; min-width:200px;}
.chWebToLeadFormCol li.draggableFieldItem a{padding: 13px 15px 13px 50px;}
.chWebToLeadFormCol li.draggableFieldItem a:before { display: block; width: 26px; height: 26px; margin-top: -14px; line-height: 26px; font-size: 16px; border-radius:8px; left: 10px}
a.addSectionLink {margin-bottom: 15px; display: inline-block;}
.addSectionLink i{font-size: 20px; vertical-align: middle; margin-right: 4px; color: #ff7b1d;}
.chFieldSearchContainer {padding: 15px 15px 5px 15px;}
.chFieldSearchContainer .input-group-addon{color: #8f9eb3; background-color: transparent!important; border: 1px solid transparent; border-bottom-color: #e7eff3; font-size: 16px; border-radius: 0; border-right-color: transparent!important; padding: 5px 0 0 0;}
.chFieldSearchContainer + .scroller.thinScrollbar {top:50px;}
.chWebToLeadFormOutputHtmlContent p.sm { font-size: 12px; }
.chWebToLeadFormOutputHtmlContent textarea.chWebToLeadFormOutputTextarea, .chWebToLeadFormOutputHtmlContent textarea.chWebToLeadFormOutputTextarea:focus{resize: none; font-size: 12px; font-family: monospace; padding: 12px; background: #ecf1ff;}
.chWebToLeadFormRedirectUrlWrap {margin-bottom:25px;}
.chWebToLeadFormRedirectUrlWrap .input-group-addon {background: #624cd6; font-size: 13px; color: #fff; border: 1px solid #614bd6; text-decoration: none;}

/* Demo Tour */
.infoWrapBlue { padding: 5px; text-align: center; }
.infoWrapBlue > .info { padding: 13px 45px; border: 1px dashed #fff; background: #DAA014; position: relative; display: inline-block; min-width: 600px; }
.infoWrapBlue > .info h2 { font-size: 16px; font-weight: 400; color: #fff; margin: 0; }
.infoWrapBlue > .info::before { content: ''; position: absolute; right: 9px; top: 0; border-left: 15px solid #BB880E; border-top: 15px solid transparent; border-bottom: 15px solid transparent; transform: rotate(134deg); }
.infoWrapBlue > .info::after { content: ''; position: absolute; right: -12px; top: -20px; border-left: 23px solid #fff; border-top: 23px solid transparent; border-bottom: 23px solid transparent; transform: rotate(-46deg); }
.infoWrapBlue > .info h4 { font-size: 13px; font-weight: 400; color: #fff; margin: 9px 0 0 0; }
.infoWrapBlue > .info > p { font-size: 13px; font-weight: 400; color: #fff; margin: 0; }
.infoWrapBlue > .info a { color: #DFFFAD; text-decoration: underline; }
.infoWrapBlue > .info .spacer { min-height: 8px; }
.followup-page-template .infoWrapBlue > .info { display: inline-block; padding-left: 20px; }
.followup-page-template .infoWrapBlue > .info::after { border-left: 23px solid #F6F8FA; }
.profileContainer-left .pageInfoWrap { text-align: center; }
.profileContainer-left .pageInfoWrap .infoWrapBlue > .info { display: inline-block; }
#chBenefitModal h1 { font-size: 22px; font-weight: 300; margin: 24px 0; }
#chBenefitModal .modal-body { padding: 30px; }
.chFeaturesList li { display: block; border-bottom: 1px solid #C7D6E3; position: relative; padding-left: 60px; min-height: 60px; line-height: 60px; font-weight: 600; font-size: 16px; }
.chFeaturesList li .num { width: 39px; height: 39px; border-radius: 40px; text-align: center; line-height: 39px; font-size: 22px; font-weight: 600; color: #fff; position: absolute; left: 6px; top: 9px; }
.chFeaturesList li .num.red { background: #e27d6f; }
.chFeaturesList li .num.orange { background: #e2b06f; }
.chFeaturesList li .num.oliveGreen { background: #bac466; }
.chFeaturesList li .num.green { background: #89c466; }
.chFeaturesList li:last-child { border-bottom: none; }

.onaboardingIcons { border-top: 1px solid #c8d0d6; padding: 20px 12px; text-align: center; background: #ffffff; background-image: linear-gradient(white, #f7f7f7); position: relative; /*margin-top: -30px;*/}
.onaboardingIcons.white { background-image: none; }
ul.onboardingIconList > li { display: inline-block; margin-right: 15px;}
ul.onboardingIconList > li a { display:block; position: relative; padding: 0 10px 0 60px; color: #253a43; font-size: 15px; font-weight: 600;  min-height: 45px; line-height: 45px; }
ul.onboardingIconList > li a i {display: block; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 39px; font-size: 22px; position: absolute; left: 10px; top: 50%; margin-top: -22px;}
ul.onboardingIconList > li.customize a i, ul.onboardingIconList > li.profiles a i  {background: #ff7b1d; color: #fff;}
ul.onboardingIconList > li.sync a i, ul.onboardingIconList > li.permissions a i   {background: #4596fb; color: #fff;}
ul.onboardingIconList > li.import a i  { background: #369e2b; color: #fff;}
ul.onboardingIconList > li a:after { font-family: "Material Design Icons"; font-size: 16px; margin-left: 5px; color: #92a0a7; content: "\F142"; vertical-align: middle; }
ul.onboardingIconList > li a:hover { color:#040e13; text-decoration:none;}
ul.onboardingIconList > li.sync:hover a i:before, ul.onboardingIconList > li.customize:hover a i:before {-webkit-animation: ch-spin 2s infinite linear; animation: ch-spin 2s infinite linear;}
.onaboardingTypeContent {border-top: 2px solid #ab7be6; padding: 20px 25px; background: #ffffff; position: relative; box-shadow: 0 13px 16px #e1e7ec }
.onaboardingTypeContent:before { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #fff), color-stop(0.25, #fff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; }
.onaboardingTypeContent h2 { font-size: 16px; margin: 0; font-weight: 600; display: inline-block; margin-right: 19px; vertical-align: middle; }
.onaboardingContent { padding: 15px 0;}
.onaboardingIcon { display: inline-block; position: relative; margin-right: 5px; }
.onaboardingIcon i.ch.ch-emoticon-happy { font-size: 34px; color: #ff860b; vertical-align: middle; }
.onaboardingTypeContent .btn{ font-weight:600;}
.onaboardingTypeContentSticky { position: fixed; z-index: 99; left: 205px; right: 0; bottom: 80px; text-align: center;}
.onaboardingTypeContentSticky.pipeline .onaboardingTypeContent {  display: inline-block;}
.onaboardingIcon.help { width: 30px; height: 30px; background: #ff860b; line-height: 30px; border-radius: 100%; font-size: 18px; color: #fff; box-shadow: 0 0 0 rgba(255, 82, 0, 0.4); animation: pulseRed 1s infinite;}
a.docLinkStyle { font-weight: 500; }
a.docLinkStyle > i { margin-right: 3px; font-size: 19px; vertical-align: middle; }
a.docLinkStyle > i.red {color: #f4634c;}
a.docLinkStyle > i.orange {color: #f4ab4c;}
.docLinkTooltipContainer { position: relative; padding-bottom: 10px; display:inline-block; }
.docLinkTooltip { display: none; position: absolute; background: #fff; border: 1px solid #4c8dec; padding: 15px; border-radius: 4px; min-width: 350px; max-width:380px; margin-top: 9px; -webkit-box-shadow:7px 6px 6px rgba(0,0,0,0.3); box-shadow:7px 6px 6px rgba(0,0,0,0.3); font-size:12px; }
.docLinkTooltip:before { content: ''; border: 8px solid transparent; border-bottom: 8px solid #2561b9; position: absolute; top: -17px; }
.docLinkTooltip:after { content: ''; border: 8px solid transparent; border-bottom: 8px solid #ffffff; position: absolute; top: -16px; left: 15px; }
.docLinkTooltipContainer:hover .docLinkTooltip{display:block;}
a.knowMoreLink { color: #253958; font-weight: 600; }
a.knowMoreLink i{font-size: 19px; vertical-align: middle; color: #4b8dee;}
.docLinkTooltip b {font-weight: 600;}
.docLinkTooltipContainer.forBuilder { text-transform: capitalize; font-weight: 400; z-index: 99; text-align: left;}
.docLinkTooltipContainer.forBuilder .docLinkTooltip{min-width:310px; margin-top: 5px;}
.docLinkTooltipContainer.forBuilder .docLinkTooltip:before, .docLinkTooltipContainer.forBuilder .docLinkTooltip:after {left: 4px; border-width: 7px; top: -14px;}
.docLinkTooltipContainer.forBuilder .docLinkTooltip:before {top: -15px;}

.onboardingModalStyle .modal-dialog { width: 680px; }
.onboardingModalStyle .modal-dialog .modal-content { border-radius: 15px; }
.onboardingModalStyle .modal-header { position: relative; padding: 25px; border-bottom: 0 none; }
.onboardingModalStyle .modal-header:before { top: 101%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #ffffff ), color-stop(0.25, #ffffff )); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 2; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; margin-top: -3px; }
.onboardingModalStyle .modal-header:after { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #fff8df), color-stop(0.25, #fff8df)); background-image: linear-gradient(135deg, #c8c4d0 25%, transparent 25%), linear-gradient(225deg, #c8c4d0 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 1; display: block; height: 32px; background-size: 8px 100%; content: ''; position: absolute; }
.onboardingModalStyle .modal-header .close { position: absolute; right: -15px; color: #fff; opacity: 1; text-shadow: 0 0 0 transparent; top: -15px; }
.onboardingModalStyle .modal-header h2 { font-size: 17px; font-weight: 700; margin: 0; text-align: center; padding: 0 30px; }
.onboardingModalStyle .modal-header .btnPurple { border-radius: 30px; padding: 8px 20px; }
.onboardingModalStyle .modal-body { padding: 25px; }
.onboardingModalStyle .modal-body img { max-width: 100%; }
.onboardingModalStyle .modal-header .ch-layout-table-cell { vertical-align: middle; }
.onboardingInlineTheme { display: flex; border-bottom: 2px solid #624dd6; padding: 20px 0; align-items: center; margin-bottom: 20px; justify-content: space-between;}
.onboardingInlineThemeContentWrap {display: flex; align-items: center; cursor:pointer;}
.onboardingInlineThemeIcon { width: 65px; height: 65px; display: inline-block; background: linear-gradient(141deg, rgba(99,180,253,1) 0%, rgba(173,76,255,1) 100%); text-align: center; line-height: 65px; border-radius: 100%; font-size: 32px; vertical-align: middle; margin-right: 15px; color: #fff; }
.onboardingInlineTheme .txtLg { font-weight: 700; font-size: 15px; }
.onboardingInlineTheme .txtLg .arrow{font-size: 33px; vertical-align: middle; line-height: 26px; color: #f4734b;}

/* Bulk Mail */
.bulkMailModalStyle .modal-dialog{ width: 1100px; margin: 15px auto;}
.bulkMailModalStyle.bulkUpdate .modal-dialog{ width: 940px;}
.bulkMailModalStyle .modal-content { border-radius: 15px;}
.bulkMailModalStyle .pageTitle{border-radius: 15px 15px 0 0;}
.bulkMailModalStyle .modal-body{padding: 0; height: 580px;}
.bulkMailModalStyle .modal-close{ position: absolute;right: 20px; top: 14px;color: #aeafb3; font-size: 16px;}
.bulkMailModalStyle.loading .modal-body:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); z-index: 9999; border-radius: 15px; }
.bulkMailModalStyle.loading .modal-body:after { content: ''; position: absolute; display: block; width: 30px; height: 30px; border: 3px solid #ff8128; top: 50%; left: 50%; z-index: 9999; border-radius: 100%; border-right-color: #fff; margin: -15px 0 0 -15px; transition: all 0.3s ease; -webkit-animation: spinner 0.8s infinite linear; animation: spinner 0.5s infinite linear; }
.bulkMailModalStyle .pageTitle .titleTxt i{font-size: 20px; vertical-align: middle; margin-right: 5px; color: #ec872d;}
.bulkMailWrap{display:table; width:100%; height:100%;}
.bulkMailCol{display:table-cell; vertical-align: top;}
.bulkMailColLeft, .bulkMailColRight{width:290px; position:relative;}
.bulkMailColLeft{border-right:1px solid #c8d0d6;}
.bulkMailColRight{border-left:1px solid #c8d0d6; background:#f6f8fa;  border-radius: 0 0 5px 0;}
span.font600 { font-weight: 600;}
.selectedSender{ font-weight:600; color:#263238;}
.selectedSender .caret {position: relative; top: -5px; margin-left: 6px;}
.senderWrap.dropdown .recipientEmail{top:-5px;}
.followupSender {position:static; border-bottom: 0 none;}
.sender a {color: #253a43; display: block; text-decoration: none; padding: 5px 5px 0 7px; border-radius: 5px;}
.sender a:hover {background: #F6F8FA;}
.sender > label{position:absolute; left: 25px;  top: 18px;}
.senderWrap.dropdown {padding: 3px 10px 5px 0;}
.senderAvtar{width: 30px; position: absolute; top: 13px; left: 6px;}
.recipientWrap h4 { display: block; margin: 0; padding: 0 25px; font-size: 13px; font-weight: 600;}
.recipientSearch {padding: 0 25px 5px 25px;}
.recipientListScroller {max-height:350px; overflow:hidden; overflow-y:auto;}
.recipientLookup {position: relative;}
.recipientLookup  ul.recipientList {padding: 0 15px;}
.recipientLookup  ul.recipientList li{cursor:pointer;}
.recipientLookup  ul.recipientList li:last-child .recipientContents{border-bottom:0 none;}
.recipientLookupDropdown { display:none; position: absolute; background: #fff; z-index: 9;border: 1px solid #CCC; width: 100%; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);border-radius: 0 0 3px 3px;  top: 35px;}
.recipientSearchInputWrap { position: relative;}
.recipientSearchInputWrap input{height:34px;}
.recipientLookupCotainer{position:relative; padding: 15px 0; }
.recipientLookupCotainer::before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;content: ''; position: absolute; top: -6px;right: 12px;z-index: 9;}
.recipientLookupCotainer::after { border-left: 8px solid transparent; border-right: 8px solid transparent;border-bottom: 8px solid #ccc; content: ''; position: absolute; top: -8px; right: 11px;}
.recipientSearchInputWrap i.ch{  position: absolute; right: 15px; top: 10px; color: #47606c;}
.recipientWrap { position: absolute; left: 0; width: 100%; top: 80px; bottom: 0;}
.recipientScroll { overflow: auto; position: absolute; top:30px; width: 100%; bottom: 0; padding: 0 15px; }
.hasMoreContactsWrap + .recipientScroll{top: 90px;}
ul.recipientList { display: table; width: 100%;}
ul.recipientList li { display: table-row;}
.hasMoreContactsWrap { padding: 0 90px 0 25px; margin-top: 10px; position: relative; }
.recipientLimitMsg { font-size: 12px; line-height: 14px; font-weight: 500; background: #ffead6; padding: 10px 15px; border-radius: 5px; }
.hasMoreContactsWrap .btn { position: absolute; right: 0; top: 50%; box-shadow: 0 0 transparent; padding: 0px 3px; font-size: 16px; margin-top: -13px; }
.hasMoreContactsWrap .btn.btn-prev { right: 55px; color: #595c59; }
.hasMoreContactsWrap .btn.btn-next { right: 25px; background: #f3723f; color: #fff; }
.recipientContents {display: table-cell; vertical-align: middle; position: relative; padding: 12px 30px 12px 45px; border-radius: 5px;}
.invalidRecipient {color: #BD8930; background-color: #FFF9EA; text-decoration:line-through;}
.recipientAvtar { position: absolute; left: 13px; top: 5px; font-size: 24px;}
.recipientList > li:nth-child(5n+1) .recipientAvtar{color: #f9963e;} 
.recipientList > li:nth-child(5n+2) .recipientAvtar{color: #9e69f1;}
.recipientList > li:nth-child(5n+3) .recipientAvtar{color: #688dfb;} 
.recipientList > li:nth-child(5n+4) .recipientAvtar{color:#ff6588;}
.recipientList > li:nth-child(5n+5) .recipientAvtar{color:#aad052;} 
.recipientName {padding: 0; font-weight: 600; font-size: 12px; max-width: 178px; overflow: hidden;text-overflow: ellipsis;}
.recipientName a{color:#202f43;}
.recipientEmail {color: #939cb1; font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top: 0px; position: relative; max-width: 178px; overflow: hidden; text-overflow: ellipsis;}
.removeRecipient { position: absolute; right: 15px; top: 18px; width: 15px; height: 15px; text-align: center; color: #f3713e; font-size: 14px; display: none;}
ul.recipientList li:hover .removeRecipient{display:block;}
ul.recipientList li:hover{background: #f7f7f9;}
ul.recipientList li.active{background: #ffe5c1; color: #e48d21;}
ul.recipientList li.active .recipientAvtar {color: #f4a93f;}
ul.recipientList li.active .recipientEmail { color: #cc9267; }
.composeEmailTable{height:100%; width:100%; display:table;}
.composeEmailTable .cell{display:table-cell; position:relative;}
.bulkMailContainer {position:relative;}
.bulkEmailSubjectContainer{display:table-row; height:50px;}
.bulkEmailCcContainer{display:table-row; }
.bulkEmailCcGrid { display: table; width: 100%; border-bottom: 1px solid #c8d0d6; }
.bulkEmailCcGridRow { display: table-row; }
.bulkEmailCcGridCell { display: table-cell; height: 44px; vertical-align: middle; }
.bulkEmailCcGridCell.labelCell {width: 69px; padding-left: 35px; }
.bulkMailCcLinks { position: absolute; right: 51px; top: 17px; }
.bulkMailCcLinks a { margin: 0 7px; color: #b1afb5;}
.bulkEmailSubjectContainer .cell{border-bottom: 1px solid #c8d0d6; height: 49px; padding: 0 25px}
.bulkEmailSubjectContainer input.emailSubject{border: 0;background: none;width: 100%;height: 55px;box-shadow: 0 0 0 transparent;  outline: 0 none; padding-right: 100px; font-weight:600;}
.bulkEmailSubjectContainer input[type=text]:focus { outline: 0 none; box-shadow: 0 0 0 transparent;}
.bulkEmailMessageContainer{ display:table-row;}
.bulkEmailMessageContainer .cell{padding:0 25px;}
.bulkEmailMessageContainer .cell .mce-panel {border:0;}
.moreAttachmentsListItem{    padding-right: 8px!important; height: 28px; vertical-align: top;}
.moreAttachmentPopup { display:none; position: absolute; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); padding: 10px; border: 1px solid #d4dde5; z-index: 999; min-width: 280px; bottom: 30px; right: 0; }
.moreAttachmentPopup ul { padding: 0!important; max-height: 200px; overflow: auto; }
.moreAttachmentPopup:after { content: ''; border: 10px solid transparent; border-top: 10px solid white; position: absolute; right: 5px; bottom: -16px; }
.moreAttachmentPopup:before { content: ''; border: 10px solid transparent; border-top: 10px solid #d4dde5; position: absolute; right: 5px; bottom: -20px; }
.moreAttachmentsListItem:hover .moreAttachmentPopup{display:block;}
ul.bulkMail_attachmentsList {    padding:0 0 10px 0; }
ul.bulkMail_attachmentsList li { display: inline-block; font-size: 11px; padding: 5px 30px 5px 10px; position: relative; background: #fff; border: 1px solid #dae6eb; margin: 2px; border-radius: 3px; }
ul.bulkMail_attachmentsList li .bulkMail_attachments_filename { display:inline-block; max-width:125px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.bulkMail_attachmentsList li a.cancelFileUpload { position: absolute; right: 8px; top: 6px; border-color: #fff; color: #6f7796; }
ul.bulkMail_attachmentsList li a.cancelFileUpload:hover { box-shadow: inset 0 0 3px 6px #de6363; color: #fff; border-color: transparent;}
.bulkEmailMessageContainer textarea{height:100%; width:100%; border: 0; outline:0 none;}
.bulkEmailBottomActionsRow{display:table-row;}	
.bulkEmailBottomActionsRow .cell{border-top:1px solid #c8d0d6; padding:10px 25px;}	
ul.dropdown-menu.emailAccountsList { left: 25px; width: 280px;margin-left: -70px; max-height: 200px;  overflow: auto; border-radius:5px;padding: 15px 0;}
.senderWrap.open:before { content: "";border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; position: absolute;  top: 49px; left: 41px; z-index: 9999;}
.senderWrap.open:after {content: ""; border-bottom: 8px solid #a5b9d2; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; top: 48px; left: 40px; z-index: 9;}
ul.dropdown-menu.emailAccountsList li{display:block; padding: 0 15px;}
ul.dropdown-menu.emailAccountsList li a { position: relative; padding: 10px;border-bottom: 1px solid #E9ECF0;}
ul.dropdown-menu.emailAccountsList li a:hover{background-color: #F6F8FA;}
ul.dropdown-menu.emailAccountsList li:last-child a{border-bottom:0 none;}
ul.dropdown-menu.emailAccountsList li h2{ font-size: 12px;font-weight: 600;  margin: 0 0 7px 0;}
ul.dropdown-menu.emailAccountsList li h4{ font-size: 12px; font-weight: 400; color: #a1b0b8; margin: 0;}
.accountImg{position: absolute;width: 24px;left: 9px;}
.emailActionsTable {display: table;width: 100%;}
.emailActionsTable .chRow {display: table-row;}
.emailActionsTable .chCell { display: table-cell; height: 45px; vertical-align: middle;}
.emailActionsTable .chCell.sendBtnCell {width: 76px;}
.emailActionsTable .chCell.trackBtnCell { width: 92px;}
.emailActionsTable .chCell.scheduleCell {}
.emailActionsTable .chCell.reminderCell {width: 130px;}
.emailActionsTable .chCell.reminderCell .ch-dropdown{min-width: 136px;}
.emailActionsTable .chCell.templatesCell { width: 80px; padding-right: 13px; text-align:right;}
.ch-dropdown{display: inline-block;position: relative;padding: 0 15px 0 0;cursor: pointer;height: 45px;}
.ch-dropdown h3 {margin-top: 8px;pointer-events: none;margin-bottom: 0;font-size: 13px; -webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s; font-weight:600;} 
.ch-dropdown.dropdownBefore h3{ padding-top:7px; -webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s; font-size:12px; white-space:nowrap; }
.shedule-dropdown.ch-dropdown::after {left:60px;}
.ch-dropdown.dropdownBefore h3::after{top:20px; -webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
.ch-dropdown.dropdownBefore h3 i { font-size: 15px; display: inline-block; vertical-align: middle; margin-right: 4px; color: #4b8dee; }
.ch-dropdown h3::after{content: '';position: absolute;margin-left: 5px; top: 15px; width: 0; height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #4b8dee;clear: both; -webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
span.dropdown-selected-value {position: relative; top: 0;font-size: 11px; color: #aaa; pointer-events: none; font-weight: 300;}
.dropdownBefore span.dropdown-selected-value{display:none; -webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
.dropDownList{position: absolute;bottom: 55px; background: #fff; width: 205px;right: 0;padding: 0 15px;margin: 0; border: 1px solid #E8ECEE; display: none; z-index: 999;box-shadow: -1px -1px 5px rgba(0,0,0,0.1);}  
.dropDownList > li{ display:block; height:30px; line-height:30px; padding:0 10px; border-bottom:1px solid #f2f2f2; }
.dropDownList > li:hover{background:#f5f5f5;}
.dropDownList > li:last-child{border-bottom:0 none;}
.dropDownList::after{content: '';position: absolute;border: 0; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFFFFF; clear: both; right: 38px; bottom: -10px;}
.dropDownList::before{content: ''; position: absolute;right: 3px;border: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-top: 10px solid #CCD5DA;clear: both;right: 38px;bottom: -11px;}
label.track{font-weight: 600; border: 1px solid #dbe0e4; padding: 0px 10px 0px 7px;cursor: pointer; border-radius: 2px;height: 30px;line-height: 30px; margin: 0; vertical-align: middle;     min-width: 79px; font-size: 13px; margin: 0 3px;}
label.track input[type=checkbox]{ position: relative; top: -3px; margin-right: 4px; vertical-align: middle; margin-top: 0;}
.emailSendBtn{ min-width: 70px; font-size: 13px;}
ul.dropDownList.templatesDropdown {width: 285px;text-align: left; padding:0;}
.dropdownHeader { height: 45px;line-height: 45px; font-weight: 600; font-size: 13px;border-bottom: 1px solid #c8d4d8;padding: 0 15px;}
ul.templatesFolderList, ul.templateList {margin: 0;padding: 0;}
ul.templatesFolderList{margin: 15px 0 0; max-height: 425px; margin-bottom: 10px;  overflow: auto; overflow-x:hidden; min-height:425px;}
ul.dropDownList.templatesDropdown ul.templatesFolderList {  max-height: 185px;}
ul.templateList {padding: 0 0px 15px; display:none;}
ul.templatesFolderList > li { display: block; padding:0 15px; position:relative;}
.emailFolderSettingDropdown { position: absolute; right: 13px; top: 1px; font-size:12px; display:none; }
.emailFolderSettingDropdown label { font-size:12px; padding: 0 17px; cursor: pointer; font-weight: 400; border-top: 1px solid #a5b9d2; display: block;}
.emailFolderSettingDropdown label input[type=checkbox] { vertical-align: text-bottom; margin-right: 5px; }
.emailFolderSettingDropdown  .btn-default.dropdown-toggle, .emailFolderSettingDropdown  .btn-default.dropdown-toggle:hover, .emailFolderSettingDropdown  .btn-default.dropdown-toggle:active{border: 0 none;box-shadow: 0 0 0 transparent; padding: 5px 7px;}
.emailFolderSettingDropdown .dropdown-menu > li > a { font-size:12px;}
.emailFolderSettingDropdown  .caret {border-top: 3px dashed; border-right: 3px solid transparent; border-left: 3px solid transparent;}
ul.templatesFolderList > li:hover .folderName + .emailFolderSettingDropdown{display:block;} 
.templateList li{display: block; padding: 10px 13px; position: relative; cursor: pointer; border-radius: 4px;}
.templateList li h2{ margin: 0 0 3px; font-size: 12px; font-weight: 600; line-height: normal; word-break: break-all;}
.templateList li h4{margin: 0; font-size: 12px; color: #8d9ca4; font-weight: 300; line-height: normal; word-break: break-all;}	
.templateList li:hover, .templateList li.active { background: #fff4db; color: #FF9800; }
.templateList li:hover h4, .templateList li.active h4{ color: #80704c; }
.templateList li.active {border-bottom-color: #498bf1;}
.bulkUpdateForm .ch-form-grid {width: 100%!important;}
.bulkMailColLeft .senderDetails {height: initial;}
.bulkMailColLeft .senderDetails .labelCell{text-align: right; width: 55px; padding: 10px 0;}
.chEmailTextEditor {height:100%;}
.chEmailTextEditor > .mce-tinymce.mce-container {height:100%;}
.chEmailTextEditor > .mce-tinymce.mce-container > .mce-container-body.mce-stack-layout { display: flex; flex-direction: column; flex: 1; height: 100%;}
.chEmailTextEditor > .mce-tinymce.mce-container > .mce-container-body.mce-stack-layout > .mce-edit-area {flex: 1}
.chEmailTextEditor > .mce-tinymce.mce-container > .mce-container-body.mce-stack-layout > .mce-edit-area > iframe {flex: 1; height:100%!important;}

.folderName { position: relative;  padding-left: 26px; cursor:pointer;} 
.folderName h1{ font-size: 13px; font-weight:400; margin:0; pointer-events:none; line-height:30px;}
.folderName:before {content:"\F250"; position: absolute; left: 0; color: #94aebf; font-size: 20px; top: 0; pointer-events: none; font-family:"Material Design Icons";}
.folderName.public:before {content:"\F251";}
.folderName.openedFolder h1{font-weight:600;}
.renameFolderContainer { display: none; margin-left: 0; position: absolute; width: 213px; top: 0; z-index: 9;}
.renameFolderContainer input[type=text] { height: 26px!important; width: 141px; padding: 0 70px 0 6px!important;}
.renameFolderContainer ul.templateFolderActions {opacity: 1; right: 0; top:1px;}
ul.dropDownList.templatesDropdown .createBtn{width:100%; display:block; cursor:pointer; font-size:13px;}
.templateDropdown {position: absolute;right: 15px;top: 0;}
.templateDropdown ul.dropDownList.templatesDropdown {bottom: inherit; top: 40px; padding: 0; box-shadow: 5px 5px 15px rgba(178, 176, 185, 0.7); border: 1px solid #c8d0d6; border-radius: 5px;}
.templateDropdown .dropDownList::before { border: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCD5DA; right: 38px; top: -8px;}
.templateDropdown .dropDownList::after {border: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;right: 38px; top: -7px;}
.templateDropdown ul.templatesFolderList {min-height:50px;} 
#templatesModal .modal-dialog{width:770px; margin:30px auto!important; height:auto!important;}
#templatesModal .modal-body{padding:0;}
#templatesModal .modal-content {border-radius:6px!important; height: inherit!important;}
.emailTemplateModal { display:none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 99999; }
.manageTemplatesWrap{display:table; width:100%; height:100%; position:fixed; left:0; top:0;  z-index: 999; background: rgba(255, 255, 255, .5);}
.emailTemplateModal-dialog { width: 885px; margin: 30px auto; background: #fff; border-radius: 3px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; transform: translateY(-30px); }
.emailTemplateModal-header { padding: 10px 15px; font-weight: 600; font-size: 14px; border-bottom: 1px solid #e1e3e4; }
.emailTemplateModal.open {display:block;}
.emailTemplateModal.open .emailTemplateModal-dialog { transform: translateY(0px);}
a.manageFolders { position: absolute;  right: 15px; top: 0;font-size: 16px;color: #94AEBF;}
.manageTemplateModal{display:table-cell; width:100%; height:100%;  text-align:center; vertical-align:middle;} 
.modalShadowWrap{width:770px; height:457px; background:#fff; border-radius:4px; display:inline-block; text-align:left; position:relative; padding-top:45px; box-shadow: 0 0 7px rgba(0,0,0,0.5);}
.modalHeader{width:100%; height:45px; line-height:45px; padding: 0 15px; border-bottom:1px solid #e1e3e4; position:absolute; left:0; top:0; font-size: 14px; font-weight: 600; box-sizing:border-box;}
.modalCols{display:table; width:100%; height:457px; }
.modalCols .col{display:table-cell; vertical-align: top;}
.modalCols .col.colLeft{width:264px; border-right:1px solid #e1e3e4;}
.modalCols .col.colRight{border-radius: 0 0 6px 0;}
.modalClose { position: absolute!important; right: 15px; top: 16px!important; color: #AEBDC7;font-size: 13px;}
.manageTemplateContainer{max-width: 1000px; border-radius: 10px; margin: 40px auto; padding: 15px; background: #fff; box-shadow: 0 0 13px #e4e4ee;}
.newTemplateForm{padding:20px; height:365px;}
.colRightScroll {padding: 20px; position:relative;}
.colRightScroll.loading:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff url(../Images/loading-sm.GIF) no-repeat center center; z-index: 9;}
.emailTemplateInputs.ch-layout-table {table-layout: fixed; margin-bottom: 15px;}
.emailTemplateInputs.ch-layout-table .ch-layout-table-cell { padding-right: 10px; }
.emailTemplateInputs.ch-layout-table .ch-layout-table-cell.templateFolderCell { padding-right: 0; }
.emailTemplateInputs.ch-layout-table .ch-layout-table-cell label { font-weight: 500; }
.colRightScroll .inputDiv label {display:block; margin-bottom:4px; font-weight:500;}
.newFolderContainer { position: relative; padding-right: 39px;}
.newFolderContainer > select {border-radius:3px 0 0 3px;}
.newFolderBtnGroup { position: absolute; right: 0; top: 0; }
.newFolderBtn{height: 30px; padding: 5px 9px; border-radius: 0 3px 3px 0;}
.newFolderBtn .folderIcon { position: relative; font-size: 20px; top: -5px; color: #ecbe75;}
.addFolderDropdown{width: 276px; top: 33px!important;}
.addFolderDropdown::before { content:''; border: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCD5DA; position:absolute; right: 8px; top: -8px;}
.addFolderDropdown::after {content:''; border: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position:absolute; right: 8px; top: -7px;}
.addFolderDropdown input{font-size: 13px;margin-bottom: 6px;}
.addFolderDropdown > li > form{padding: 15px;}
.colRightScroll .textEditorWrap > .mce-panel { border-width:0!important;}
.btmBtns { padding: 10px 0; border-top: 1px solid #d4dde2; text-align: right;}
.btmBtns .btn{font-size:13px; min-width:70px; margin-left:5px;}
.emailTemplateModal .creteTemplateBtn { border: 1px solid #4b8dee; color: #4b8dee; min-width: 173px; margin-right: 3px}
.mce-panel { border-color: #D4DDE5!important;background-color: #fff!important;}
.mce-panel p{font-size:13px;}
.followupEditorCol > .mce-panel:first-child {  border: 0;}
.includeConversationLinkRow .ch-layout-table-cell { border-bottom: 1px solid #d4dde5; padding:7px 0;}
.followupEditorLoader {position: absolute; left: 0; top: 0; right: 0; bottom: -2px; z-index: 10; background: white; text-align: center; line-height: 100%; padding-top: 30px; font-weight: 300; font-size: 14px;}
.followupEditorLoader:before {content: ''; width: 18px; height: 18px; border: 2px solid #b9b3da; border-right-color: #fff; transition: all 0.3s ease; -webkit-animation: spinner 0.8s infinite linear; animation: spinner 0.5s infinite linear; position: absolute; border-radius: 100%; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; z-index:10;}
label.includeConversationLabel { font-size: 12px; margin-bottom:0; font-weight: 400; }
label.includeConversationLabel input[type=checkbox]{ vertical-align: text-bottom; margin: 0 4px 0 0;}
.emailThreadBtn{font-size: 18px; background: #d6dce6; display: inline-block; line-height: 1px; padding: 5px 2px; border-radius: 8px; margin-left: 8px;}
.emailThreadBtn:hover{background: #c8d1e0;}
.mce-btn {background-color: #fff!important; color:#47606c!important;}
.quoteBuilderContainer .mce-btn-group:not(:first-child) {border-left: 0 none!important; margin-left: 15px!important;}
.mce-toolbar-grp { padding: 0px 0!important; }
.mce-stack-layout-item {background: #fff!important;}
.quoteBuilderContainer .mce-panel {border:0 none!important;}
.quoteBuilderContainer .mce-toolbar { padding: 5px 5px 5px 30px!important; }
.quoteBuilderContainer .mce-stack-layout-item.mce-last { background: #f7f7f9!important; }
.quoteBuilderContainer .mce-btn-group .mce-btn {margin-left:0!important;}
.quoteBuilderContainer .mce-tinymce.mce-container.mce-panel {
    border: 1px solid #c8d0d6 !important;
}
.quoteBuilderContainer .mce-edit-area + .mce-statusbar {display:inline-block; border-radius: 4px;  border:1px solid #4596fb!important;background: #4596fb!important; color: #fff!important; margin:5px;}
.quoteBuilderContainer .mce-edit-area + .mce-statusbar .mce-path { padding: 2px 7px; color:#4596fb!important; }
.quoteBuilderContainer .mce-edit-area + .mce-statusbar .mce-path .mce-path-item, .quoteBuilderContainer .mce-edit-area + .mce-statusbar .mce-path .mce-divider { color:#fff; }
.quoteBuilderContainer .quoteBuilderBodyEditorWrap .mce-edit-area + .mce-statusbar { position: sticky; bottom: 10px; z-index: 1; margin:0 0 0 15px;}
.quoteBuilderBodyEditorWrap .mce-toolbar-grp { position: -webkit-sticky; position: sticky; top: 0;}
.documentsListContainer { max-width: 1050px; margin: 0 auto; padding: 30px 50px 50px; min-height: 450px; background: #fff; border-radius: 0 0 10px 10px; }
.documentBuilderListingTitle { display: flex; align-items: center; padding: 15px 0; }
.documentBuilderListingTitleBack { font-size: 22px; display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; }
.documentBuilderListingTitleTxt { font-size: 16px; flex: 1; }
.documentBuilderListItem { display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #c8d0d6; }
.documentBuilderListItemIcon { font-size: 32px; padding-right: 10px; }
.documentBuilderListItemName, .documentBuilderListItemEnable{ flex: 1; }
.documentBuilderListItemName .font700 { font-size: 14px; }
.documentBuilderListItemActions { display: flex; align-items: center; white-space: nowrap; width: 250px; justify-content: flex-end; }
.documentBuilderListItemActions .btn { margin-left: 10px; }
.documentBuilderListItemActions a.btn-link { margin: 0 5px; }
.documentBuilderListItemDeafult { flex: 2; }
.documentBuilderListItemDeafult .defaultDocLabel { display: inline-block; border: 1px solid #4596fb; color: #4596fb; border-radius: 30px; padding: 3px 12px 3px 7px; }
.documentsOnboarding {margin: 0px -50px 10px;}
.documentsOnboarding h2 { font-size: 22px; font-weight: 700; }
.documentsOnboarding .ch-layout-table-cell.content { width: 100%; padding-left: 33px; line-height: 20px; vertical-align: middle; }

.bulkEmailMessageContainer .mce-toolbar-grp {
    padding-bottom: 6px !important;
    position: relative;
    z-index: 1;
}
.quoteBuilderContainer .mce-wordcount, .quoteBuilderContainer .mce-container-body .mce-resizehandle { display: none; }
.docTemplateWraningMsg { display: flex; align-items: center; background: #fef4eb; padding: 15px 20px 15px 15px; border-radius: 10px; margin-bottom: 15px; }
.docTemplateWraningMsgIcon { display: flex; font-size: 52px; line-height: 43px; color: #f1642c; }
.docTemplateWraningMsgContent { padding: 0 15px 0 10px; flex: 1; }
.docTemplateWraningMsgContent .txtLg { font-size: 15px; font-weight: 700; color: #f1642c; }
.docTemplateWraningMsgBtn .btn { background: #f1642c; border: 1px solid #f1642c; border-radius: 5px; }

.mce-menu, .mce-floatpanel.mce-popover {z-index: 99999999!important;}
/*.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text , .mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico{ color: #47606c!important;}*/
.mce-ico {font-size: 13px!important;line-height: 18px!important; width: 13px!important; height: 13px!important;}
.mce-btn button {font-size: 13px!important;}
.mce-container .mce-widget, .mce-reset { font-family: 'Work Sans', sans-serif !important;}
.mce-ico { font-family: 'tinymce',Arial!important;}
.mce-contactFieldsBtn button {color: #1589C6!important;font-weight: bold!important; border: 1px solid #309FD9!important;background: #E4F1FF!important; line-height: 5px!important; border-radius: 3px!important; padding:10px 10px 10px 6px!important;}
.mce-contactFieldsBtn button span {font-weight: 500!important; font-size: 10px!important; padding: 0 5px!important; height: inherit!important; text-transform: uppercase!important;}
.mce-contactFieldsBtn button .mce-caret{margin-top: 0; margin-left: 0;border-top-color: #6086AF;}
.mce-window-head .mce-title {font-size: 16px; font-family: 'Work Sans', sans-serif!important;}
.mce-contactFieldsBtn:hover, .mce-contactFieldsBtn:active, .mce-contactFieldsBtn:focus {border-color:transparent!important;}
.mce-window-head .mce-title { font-size: 15px!important;}
#mce-modal-block.mce-in {z-index: 99999!important;}
.mce-window.mce-in {z-index: 99999999!important; }
.mce-window.mce-in .mce-textbox.mce-multiline {max-height:300px; border: 1px solid #d4dde5;}
.mce-window.mce-in {max-height:478px; top:50px!important;}
.mce-window.mce-in .mce-container-body, .mce-window.mce-in .mce-abs-layout-item, .mce-window.mce-in .mce-container-body.mce-abs-layout {max-height:388px;}
.noEmailModalWrap {display:none; position: absolute;left: 0;top: 0;width: 100%;  height: 100%;background: rgba(0,0,0,0.3); z-index: 9;}
.noEmailModal { -webkit-transition: all 0.3s ease; opacity: 0; transition: all 0.3s ease; position: absolute; left: 50%; top: 140px; background: #fff; padding: 25px 25px 48px; border-radius: 10px; margin-left: -235px; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); text-align: center; width: 470px;}
.noEmailModal h2 {font-size: 13px; line-height: 21px; color: #ff5200; margin-bottom:15px;}
.noEmailModal h4 {font-size: 13px; color:#7c8897; margin:0 0 15px; line-height: 20px;}
.noEmailAccount .noEmailModal {opacity:1; top:120px;}
.mce-btn button {color: #253a43!important;}
.mce-btn:hover, .mce-btn:focus { color:#253a43!important; background-color: #fff!important;  border-color: #CED4E1!important;}
.mce-btn.mce-active, .mce-btn.mce-active:hover {border-color: #f1642c!important; background: rgb(241 100 44 / 10%)!important; }
.mce-btn.mce-active .mce-ico, .mce-btn.mce-active:hover .mce-ico {color: #f1642c!important;}
.mce-splitbtn .mce-open.mce-active { background-color: #fff!important;}
.mce-window{border: 0 none!important; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4); box-shadow: 1px 1px 5px rgba(0,0,0,0.4)}
.mce-window label{font-size:13px;}
.mce-foot{border-radius: 0 0 4px 4px;}
.mce-window-head { border-bottom: 1px solid #D4DDE5!important;}
.mce-menu-item-normal.mce-active {background-color: #f1642c!important; color:#fff!important}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus{ color: white!important;background-color: #f1642c!important;}
.mce-menu-item:hover > span, .mce-menu-item > span, .mce-menu-item.mce-selected > span, .mce-menu-item:focus > span { background: transparent!important;}
.mce-floatpanel { border: 1px solid #c8d0d6!important; box-shadow: 4px 4px 5px rgb(0 0 0 / 10%); }
.mce-menu-item:hover span, .mce-menu-item.mce-selected span, .mce-menu-item:focus span{ color: white!important;}
.mce-grid-border a:hover, .mce-grid-border a.mce-active { border-color: #f1642c!important; background: #f1642c!important; }
button.mce-format-btn span.mce-txt { display: none; }
button.mce-format-btn:before { content: "\F27F"; position: relative; font-family:"Material Design Icons"; margin-right: 5px; font-size: 17px;}
.followupSender {position:static; border-bottom: 0 none; height:37px; padding-left: 38px;}
.followupSender .senderAvtar {width: 24px; top:6px;}
.followupSender .senderWrap.dropdown {padding-top:0; padding-left: 38px; display: inline-block;}
.followupSender > label {font-weight: 400;left: 14px; top:10px;}
.followupSender ul.dropdown-menu.emailAccountsList {margin-left: 0; margin-top: -5px;}
.followupSender .senderWrap.open:after {top:36px;}
.followupSender .senderWrap.open:before {top: 37px;}
.ch-layout-table-row.followupEmailBody, .ch-layout-table-row.followupEmailBody > .ch-layout-table-cell { height: 100%;}
ul.templateFolderActions > li { display: inline-block; border-bottom: 0;}
.ch-layout-table.sender { height: 50px; margin-top: 11px}
.ch-layout-table.sender .ch-layout-table-cell { vertical-align: middle; padding-left: 5px; }
.ch-layout-table.sender .ch-layout-table-cell.label {width: 64px; color: #253858; text-align: right; font-size: 13px; padding-left: 0; font-weight: normal; vertical-align: top; padding-top: 10px;}
.bulkMailColLeft ul.dropdown-menu.emailAccountsList {left:77px;}
.tinyMceEditorConainer > .mce-tinymce, .tinyMceEditorConainer > .mce-tinymce > .mce-container-body, .tinyMceEditorConainer > .mce-tinymce > .mce-container-body > .mce-edit-area > iframe { min-height: 100% !important; height: 100%!important;}
.tinyMceEditorConainer > .mce-tinymce > .mce-container-body { position: absolute; bottom: 0; left: 0;  right: 0;}
.tinyMceEditorConainer > .mce-tinymce > .mce-container-body > .mce-edit-area { position: absolute; top: 74px;  bottom: 0;  left: 0; right: 0;}
.chFollowupWindowBody .tinyMceEditorConainer > .mce-tinymce > .mce-container-body > .mce-edit-area {top:34px; max-height:252px;}
.tinyMceEditorConainer > .mce-tinymce  .mce-statusbar { position: absolute; bottom: 0; left: 0; right: 0;}
.mce-top-part::before, .mce-tinymce {-webkit-box-shadow: 0 1px 2px transparent; -moz-box-shadow: 0 1px 2px transparent; box-shadow: 0 1px 2px transparent;}
.bulkMailTemplateDropdown .dropdownDiv { position: absolute; right: 14px; top: 5px; }
.bulkMailTemplateDropdown .dropDownList{ top:50px; bottom:inherit;}
.tempDeleteModal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display:none; }
.tempDeleteModal.open {display:block;}
.tempDeleteModal-dialog { background: #fff; display: block; width: 500px; border-radius: 5px; margin: 30px auto; box-shadow: 1px 1px 8px rgba(0,0,0,0.2); border: 1px solid #e1e3e4; }
.tempDeleteModal-body { padding: 15px; }
.tempDeleteModals-footer { padding: 15px; border-top: 1px solid #e1e3e4; }
ul.templateFolderActions { opacity:0; position: absolute; top: 1px; right: -5px; background: #fff; padding: 0 10px; pointer-events:none; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
ul.templateFolderActions > li { display: inline-block; border-bottom: 0; }
ul.templateFolderActions > li > a { color: #85a1b3; display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 100%; font-size:14px; }
ul.templateFolderActions > li > a i.ch {pointer-events:none;}
.folderName:hover ul.templateFolderActions, .templateList > li:hover ul.templateFolderActions {opacity:1; right:0; pointer-events:inherit; background: #fff4db; color: #FF9800;}
.folderName.editFolderName .renameFolderContainer {display:block;}
.emailTempalteDeleteConfirmModal { position: absolute; background: #fff; -webkit-box-shadow: 0 0 44px rgba(88, 95, 109, 0.8); box-shadow: 0 0 44px rgba(88, 95, 109, 0.8); border-radius: 3px; z-index: 99; padding: 15px 0 0; left: 50%; margin-left: -220px; border: 1px solid #dbdde0; max-width: 440px}
.emailTempalteDeleteConfirmModal .deleteInfoWrap{ padding: 21px 43px 15px 55px; margin-left: 15px;}
.emailTempalteDeleteConfirmModalFooter { padding: 15px; text-align: right; }
.checkGroup label {margin-right: 10px;  font-weight: 600;}
.checkGroup label input[type=checkbox] { position: relative; top: 2px;}
.settings-template.manageEmailTemplates .vTabsContent { padding: 0px;}
.settings-template.manageEmailTemplates .tab-pane, 
.settings-template.manageEmailTemplates .chManageEmailTemplateWrap,
.settings-template.manageEmailTemplates  .chManageEmailTemplateWrap > .modalCols {height:100%;}
.settings-template.manageEmailTemplates .btmBtns {text-align:left;}
.settings-template.manageEmailTemplates .modalCols .col.colLeft {padding-top:10px; padding-left: 10px}
.settings-template.manageEmailTemplates .colRightScroll { padding: 25px; height:100%; }
.emailTemplatesGridRight .ch-layout-table-row.template-row-name, 
.emailTemplatesGridRight .ch-layout-table-row.btns-row,
.emailTemplatesGridRight .ch-layout-table-row.subject-row { height: 53px; }
.emailTemplatesGridRight .mce-tinymce, .emailTemplatesGridRight .mce-container-body,  .emailTemplatesGridRight #emailTinyTemplateEditor_ifr { min-height: 100% !important; height: 100% !important;}
.emailTemplatesGridRight .textEditorWrap > .mce-container > .mce-container-body { display: flex; flex-direction: column; flex: 1; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch;}
.emailTemplatesGridRight .textEditorWrap > .mce-container > .mce-container-body > .mce-edit-area {height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch;}
.emailTemplatesGridRight #emailTinyTemplateEditor_ifr { min-height:230px!important;}



/* Bulk SMS */
.bulkEmailMessageContainer.smsEditorContainer .cell .mce-panel { padding: 12px 0!important;}
.bulkEmailMessageContainer.smsEditorContainer .tinyMceEditorConainer > .mce-tinymce > .mce-container-body > .mce-edit-area {bottom: 54px; top: 55px; position: absolute!important;}
span.smsCharCount { position: absolute; bottom: 15px; }


/* Intercom */
#intercom-launcher { right:-100%!important;}
#intercom-container .intercom-launcher-button {background-image:url(/images/support-icon.png)!important;     background-position: center 7px!important; background-size:21px!important;}
.intercom-launcher-button::after { content: 'Support'; display: block; position: absolute; color: #fff; font-size: 9px; top: 30px; left: 8px; }
.customIntercomBtn {color: #fff!important; text-decoration:none!important; font-size: 9px; display: none; background: #22a6e6 url(/images/support-icon.png) no-repeat center 7px; background-size: 21px!important; border: 1px solid #1c98d4; border-radius: 50%; position: fixed; bottom: 100px; right: 20px; width: 48px; height: 48px; cursor: pointer; box-shadow: 0 6px 13px 0 rgba(0,0,0,.23); padding-top: 28px; text-align: center;}

/* CPQ */
.sectionProdcutRecordView{width:470px; margin-top: 30px;}
.sectionProdcutRecordViewTite{border-bottom-color:#c8d0d6!important; padding-bottom: 13px; position:relative;}
.addressCheck{color:#96a3a9; font-weight:400; position:absolute; right:0; top: 0px; padding-left:23px;}
.addressCheck label{font-weight:400; font-size:13px; }
.addressCheck input[type=checkbox]{position:absolute; left:0; margin-top: 1px;}
.addressCheck .button-group .btn{ -webkit-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent; border:0 none; padding: 0; font-size: 13px; font-weight: 400; margin-top: -5px; color:#96a3a9;}
.addressCheck .button-group .btn:active, .addressCheck .button-group .btn:hover, .addressCheck .button-group .btn:focus{background:transparent!important;}
.productTableActions { border-bottom: 1px solid #D9E7EE;}
.productTable td, .productTable th{padding:10px 7px;}
.productViewTable td, .productViewTable th{padding:12px 7px;}
.productTable th{text-transform:uppercase; font-size:11px; color:#4ba0f8; font-weight:600;}
.productViewTable th{text-transform:uppercase; font-size:11px; color:#4ba0f8; font-weight:600;}
.productTableWrap {padding: 15px 0;}
.productTableWrap .input-group-addon {font-size:14px;}
.productTable tbody tr:nth-child(odd) td{background:#f6f8fa;}
.productViewTable tbody tr:nth-child(odd) td{background:#f6f8fa;}
.totalTable {table-layout:fixed;}
.totalTable td, .totalTable th{padding: 10px 7px;}	
.totalTable th{text-transform:uppercase; font-size:11px; font-weight:400; text-align:right;}	
.grandTatal th, .grandTatal td{font-weight:700; border-top: 1px solid #c5d5df;}
.productTableBottom { border-top: 1px solid #D9E7EE; padding: 15px 0 40px;}
.quntityInput{ max-width: 86px;}
.infoCircleIcon { display: inline-block; width: 18px; height: 18px; border: 1px solid #2494CE; text-align: center; border-radius: 50px; font-size: 11px; color: #2494CF; margin-left:5px;}
.actionsList > div { display: table-cell; height: 65px; vertical-align: middle; padding: 0 15px;}
.actionsList { display: table; width: 100%; table-layout: fixed; }
.actionsList .btn.btn-default, .actionsList .btn.btn-default:hover, .actionsList .btn.btn-default:focus, .actionsList .btn-group.open .btn.dropdown-toggle { font-size: 13px; font-weight: 600; box-shadow: 0 0 0 transparent!important; border: 0; background: transparent!important; }
.actionsList .btn-group .dropdown-menu{font-size:13px; font-weight:400;}
.checkboxList label{font-weight: 600; margin-right: 15px; margin-bottom: 0; display: inline-block; min-height: 26px; line-height: 26px;}
.checkboxList input[type=checkbox], .checkboxList input[type=radio]{position: relative;top: 4px;margin-right: 8px; margin-left: -7px;}
.taxModal {max-width:550px;}
.actionsList > div.discount {width: 130px;}
.actionsList > div.discount a.link, .actionsList > div.tax a.link{font-size: 11px; font-weight: 400; top: -5px; position: relative;}
.actionsList > div.tax {width: 112px;}
.actionsList > div .btn i.ch{color: #8899A2; margin-right:5px;}
.taxList li { display: block; padding: 4px 15px; }
.taxList li.selected{background:#f6f8fa; margin-bottom: 2px;}
.taxLevelOptions {display:none;}
.taxLevelOptions label {font-size:13px; font-weight: 400;}
.taxList li.selected .taxLevelOptions {display:block; }
.newTaxWrap { background: #f6f8fa; padding: 20px; margin-top: 10px; border: 1px solid #e1e5e8; position: relative; display: none; }
.newTaxWrap:before { content: ''; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #e1e5e8; top: -16px; }
.newTaxWrap:after { content: ''; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #f6f8fa; top: -14px; }
.discountDrop ul{    display: none; position: absolute; background: #fff; width: 80px; right: 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); border-radius: 0 0 3px 3px;border: 1px solid #ccc; z-index: 9; margin-top:7px;}
.discountDrop ul::before{ content:''; position:absolute; border:6px solid transparent; border-bottom:6px solid #ccc; top: 0; margin-top: -13px;right: 10px;}
.discountDrop ul::after{ content:''; position:absolute; border:6px solid transparent; border-bottom:6px solid #fff; top: 0; margin-top: -12px;right: 10px;}
.discountDrop ul li{display:block; height:26px;line-height:26px; padding:0 15px;}
.discountDrop ul li:hover{background:#f5f5f5; cursor:pointer;}
span.selectedVal { display: inline-block; position: relative; width: 20px; text-align: left;}
span.selectedVal::after { content: ''; position: absolute; border: 4px solid transparent; border-top: 4px solid #666; right: -3px; top: 6px; }
.discountDrop { cursor: pointer; font-size: 11px; color: #516873;}
.discountDrop:hover{background:#fff;}
.productLookup {  width: 300px; padding-left: 0; position:relative; }
.productLookup span.selectedProduct { display: inline-block; height: 30px; position: absolute; z-index: 11; background: #fff; top: 0px; padding: 0 10px; min-width: 264px; max-width: 264px; line-height: 29px; border: 1px solid #d6e1e6; border-radius: 3px 0 0 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dropdown-menu.productLookupList .lookup-search-list { padding: 0 10px; }
.dropdown-menu.productLookupList .lookup-search-list > li { border-bottom: 1px solid #d6e1e6; padding: 16px 10px; }
.dropdown-menu.productLookupList .productLookupGrid { display: table; width: 100%; table-layout: fixed; font-size: 11px; }
.dropdown-menu.productLookupList .productLookupGrid > .cell { display: table-cell; text-align: left; }
.dropdown-menu.productLookupList .lookup-search-list > li > label { cursor: pointer; }
.dropdown-menu.productLookupList .lookup-search-list > li:hover { background: #fafcfd; }
.dropdown-menu.productLookupList .lookup-search-list > li:hover label { color: #289edc; }
.productLookupGrid > .cell.txtFaint { width: 34px; }
.addProductsTableContainer span.input-group-addon { background: #ffffff; border-color: #d6e1e6; color: #7b939f; font-size: 11px;}
.addProductsTableContainer span.input-group-addon i:before { font-size:16px;}
.addProductsTableContainer span.input-group-addon:hover ul{display:block; }
.productLookup  input[type=text]{white-space: nowrap; text-overflow: ellipsis;}
.dollor-icon-sm { margin-right: 2px; font-size: 13px; color: #516873;}
.productTableWrap .input-group .fa{font-size: 13px; color: #566873; }
.productTableWrap .tableActionList {width:80px;}
.addProductsTable:hover .tableActionList .overflow {width:80px;}
.quoteLineItems { position: relative; }
.quoteLineItems.loading:before, .productCustomFieldsContainer .loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.8) url(../Images/loading-sm.gif) no-repeat center 50px; z-index: 119; content: ''; }
.quoteLineItemEdit .addProductsTable:hover .tableActionList .overflow  {width:0px;}
.productTableContainer .productLookupList li { display: block; padding: 10px; position: relative; border-bottom: 1px solid #D9E7EE; }
.productTableContainer .productLookupList li:last-child{border-bottom:0 none; }
.productTableContainer .productLookupList li .productName { font-size: 13px; font-weight: 500; white-space: normal; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.productTableContainer .productLookupList li .table{width:100%; table-layout:fixed; display:table; margin: 0; font-size: 11px;}
.productTableContainer .productLookupList li .table .cell{display: table-cell; overflow: hidden; white-space: nowrap; padding-right: 10px; text-overflow: ellipsis;}
.productTableContainer .productLookupList .cell.txtFaint { width: 43px; }
.productTableContainer .productLookupList .cell .dollor-icon-sm {font-size:10px;}
.productTableContainer .productLookupList ul { padding: 0 15px; max-height: 250px; overflow-y: auto;}
.disabledTax { pointer-events: none; opacity: 0.5; cursor:wait; }
.disabledTax label { text-decoration: line-through; }
.addProductsWrapper {padding:0 25px;}

.quoteBreadcrumbWrap{position: relative; overflow: auto; text-align: center; padding: 25px 0;}
.quoteBreadcrumb {display: table; overflow: hidden; counter-reset: flag; text-align: center; margin: 0 auto;}
.quoteBreadcrumb a { white-space: nowrap; cursor:default; text-decoration: none; outline: none; display: table-cell; width: 50%; font-size: 13px; line-height: 36px; color: #324752; padding: 0 23px; background: #e4efff; position: relative; text-align: left; text-align: center; border: 1px solid #dae3f1}
.quoteBreadcrumb a:first-child {border-radius: 5px 0 0 5px;}
.quoteBreadcrumb a:last-child { border-radius: 0 5px 5px 0 ;}
.quoteBreadcrumb a.active:hover:after, .quoteBreadcrumb a.active:after {background: #fff;}
.quoteBreadcrumb a.active:before{color: #0e9cdd;}
.quoteBreadcrumb a.active, .quoteBreadcrumb a.active:hover, .quoteBreadcrumb a.active:hover:after {background: #fff; font-weight: 600;}
.quoteBreadcrumb a:after {content: ''; position: absolute; top: 0px; right: -18px; width: 38px; height: 36px; transform: scale(0.707) rotate(45deg); z-index: 1; background: #e4effb; box-shadow: 3px -3px 0 -2px rgb(200, 213, 227), 3px -3px 0 -2px rgb(199, 214, 231);}
.quoteBreadcrumb a:last-child:after {display: none;}
.quoteBreadcrumb a:before {content: counter(flag); counter-increment: flag; border-radius: 100%; width: 25px; height: 25px; line-height: 25px; margin: 8px 0; text-align: center; margin-right: 8px;}
 
a.btn.quoteBtns { border: 1px solid #d0e0f2; border-radius: 3px; min-width: 61px; padding: 7px 15px; font-size: 11px; text-transform: uppercase; }
.addProductsTableContainer {padding:25px 0 40px;}
.addProductsTableWrapper {}
.addProductsTable {table-layout:fixed; width:100%;}
.addProductsTable > thead > tr > th{font-weight:600; text-transform:uppercase; font-size:11px; border-bottom:1px solid #c7d9e2; padding:10px 7px;}
.addProductsTable > tbody > tr > td{ border-bottom:1px solid #d9e7ee; padding:0 7px; height:54px; vertical-align:middle;}
.quoteLineItems .quoteLineItem:nth-child(odd) td { background: #fafcfd;}
.quoteLineItemEdit { border-top: 2px solid #00a8ff; border-bottom: 2px solid #00a8ff; padding: 25px 0 0; }
.quoteLineItem + .quoteLineItem .quoteLineItemEdit {border-top: 0;}
.quoteLineItems .quoteLineItem:nth-child(odd) .quoteLineItemEdit  td{ background: #fff;}
.quoteLineItemPriceListDropdown { position: absolute; right: 0; }
.productSearchWrap { position: relative;display: inline-block;}
.quoteLineItemPriceListDropdown { position: absolute; right: 0; top: -18px; }
.quoteLineItemPriceListDropdown .btn, 
.quoteLineItemPriceListDropdown .btn:hover, 
.quoteLineItemPriceListDropdown .btn:focus, 
.quoteLineItemPriceListDropdown .btn:active,
.quoteLineItemPriceListDropdown .btn:active:hover,
.quoteLineItemPriceListDropdown .btn:active:focus,
.quoteLineItemPriceListDropdown.open > .btn:active:focus, .quoteLineItemPriceListDropdown.open > .btn { font-size: 11px; padding: 0; border: 0; box-shadow: 0 0 0 transparent; font-weight: 400; color: #00a8ff; background: transparent;}
.quoteLineItemPriceListDropdown.open .dropdown-menu{ margin-top: 3px; border-color: #bdcdd4;}
.btn-group.quoteLineItemPriceListDropdown.open:after { content: ''; border: 5px solid transparent; border-bottom: 5px solid #ffffff; position: absolute; top: 9px; z-index: 9999; left: 12px; }
.quoteLineItemPriceListDropdown.open:before { content: ''; border: 5px solid transparent; border-bottom: 5px solid #bdcdd4; position: absolute; top: 8px; z-index: 9; left: 12px; }
.btn-group.quoteLineItemPriceListDropdown .dropdown-menu > li > a:hover {background-color:#f8f9fb;}
.addProductsTable .tableActionList li {padding-right:0;}
.quoteLineItemEditBtns .btn { display: inline-block; margin-right: 5px; vertical-align: top; width: 30px; height: 30px; text-align: center;top: inherit; right: inherit; padding: 0; line-height: 30px; font-size: 16px; border-radius: 100%; }
.quoteLineItemEditBtns .btn.saveBtn { background: #449d44; color: #fff;}
.quoteLineItemEditBtns .btn.saveBtn.circleProgressBtn:before { border: 2px solid #ffffff; border-left-color: #449d44;}
.quoteLineItemEditBtns .btn.cancelBtn { background: #fff; border-color: #d0e0f2; color: #7b94aa; line-height: 28px; }
.productCustomFieldsContainer { background: #f7f7f9; padding: 20px 15px 25px 15px; position: relative; }
.productCustomFieldsContainer:before { content: ''; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #c8d0d6; top: -16px; left: 40px; }
.productCustomFieldsContainer:after { content: ''; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #f7f7f9; top: -15px; left: 40px; }
.productCustomFieldGroup { padding: 0 2px; font-size: 0;}
.productCustomField { display: inline-block; width: 20%; padding: 0 4px 15px; vertical-align:top; }
.productCustomField  .label { color: #324752; font-size: 12px; font-weight: 400; padding: 0 0 6px; display: block; text-align: left; }
.productCustomField .form-control {height:30px;}
.productCustomField .checkListDropdown .btn, .productCustomField .checkListDropdown .btn:hover { height: 30px;border: 1px solid #d6e1e6;background: #fff; border-radius: 3px;font-weight: 400;}
.productCustomField .lookupWrap .dropdown-toggle {height: 30px!important; border: 1px solid #cbdae2!important; -webkit-border-radius: 3px!important; border-radius: 3px!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;}
.productCustomField .dropdown-menu.lookup-dropdown { min-width: 270px;}
.productCustomField .lookupWrap a.lookupMagnifyBtn {line-height:31px; height:30px;}
.productCustomField .input-group-addon{background-color: #eff4f5; border: 1px solid #bfd2d6;}
.productCustomFieldSection { padding-top: 25px; }
.productCustomFieldSectionTitle { text-transform: uppercase; font-weight: 600; color: #039be5; padding: 0px 0 15px 6px; }
.addProductBtnWrap { padding: 25px 0; background: white; }
.quoteBreadcrumbWrapBtn { border-top: 1px solid #c6d6df; padding: 20px 0; text-align: center; margin-top: 35px; }
.quoteBreadcrumbWrapBtn .btn { margin: 0 5px; font-size: 14px; padding: 8px 24px; }
.productListViewContainer .pageTitle + div > .pageTitle{ position: relative;z-index: 9;}
.productCustomField .lookupWrap a.lookupSelectedLink {max-width:130px;}

/* Quote Builder */
.quoteBuilderContainer{max-width:845px; margin: 0 auto; padding: 25px 0 50px;display: flex; justify-content: center;}
.quoteBuilderTop { height: 48px; line-height: 48px;}
.quoteBuilderTop h2{ font-size: 14px; font-weight: 600;}
.quoteBuilderEditor { border: 1px solid #c9d7e4; min-height: 400px; background: #fff;}
.quoteFooterEditor iframe{height:150px!important;}
.quoteHeaderEditor iframe{height:150px!important;}
.chCollapsibleTitle { border-bottom: 1px solid #c8d0d6; position: relative; padding: 13px 20px; font-weight: 600; cursor: pointer; }
.chCollapsibleTitle:before { content: "\F142"; font-family: 'Material Design Icons'; position: absolute; left: 0px; font-size: 18px; color: #f1642c; top: 50%; font-weight: 400; margin-top: -13px; }
.chCollapsibleTitle.active:before { transform: rotate( 90deg ); }
.chCollapsibleTitle.active { border-bottom-color: transparent; }
.chCollapsibleTitleTxt { font-size: 15px; flex:1; }
.chCollapsibleTitleWithActions { display: flex; align-items: center; justify-content: space-between; }
.chCollapsibleTitleActions { display: flex; align-items: center; }
.chCollapsibleContent .newBtn { padding: 5px 15px; border-radius: 5px; margin-bottom:15px; }
.toggleDocumentations { display: flex; margin-left: 15px; align-items: center; }
.toggleDocumentations .onoffswitch.short { margin-left: 8px; top: 0; }
.chCollapsibleContent { display: none; }
.chCollapsibleTitle.active + .chCollapsibleContent {display:block;}
.quotePages {padding-right: 15px;}
.quotePage { cursor:pointer; position: relative; background: #fff; width: 60px; height: 70px; margin-bottom: 5px; border: 1px solid #c8d0d6; display: flex; align-items: center; justify-content: center; counter-increment: step-counter; flex-direction: column;}
.quotePage.active { border: 1px solid #624dd6; box-shadow: inset 0 0 0 1px #624dd6; color: #624dd6;}
.quotePage quotePagesTxt {font-size: 11px;color: #c7c7dc;}
.quotePage:before { content: counter(step-counter); display: block; font-size: 16px; font-weight: 700; }
.quotePage.new:before { display: none; }
.quotePagesTxt { font-size: 11px; color: #c7c7dc; }
.quotePage.new { font-size: 24px; font-weight: 900; color: #c7c7dc; background: #f8f7fa;}
.quotePage:hover { border-color: #624dd6; color: #624dd6; background: #fff; }
.dropdown.quotePageOptionsDropdown { position: absolute; right: 0; top: 0; }
.dropdown.quotePageOptionsDropdown .dropdown-toggle { padding: 0; width: 24px; height: 24px; font-size: 16px; background: transparent; box-shadow: 0 0 0 transparent; }
.quotePages + .chCollapsibleContainer {width: 900px;}
.quoteBuilderContainer .mce-edit-area{background: #f7f7f9!important; padding: 15px 30px 30px!important;}
.quoteBuilderContainer .mce-edit-area > iframe {box-shadow: -1px 1px 3px #d2d2d2;box-sizing: border-box;}
.quoteBuilderInsertBtns { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5px 0 20px; }
.quoteBuilderInsertBtns .btn { height: 35px; line-height: 35px; padding: 0; position: relative; padding-left: 20px; border-radius: 5px; }
.quoteBuilderInsertBtns .btn i {position: absolute; left: 10px; font-size: 17px; width: 18px; height: 18px; }
.quoteBuilderInsertBtns .btn i.if{background: #fff; display: flex; align-items: center; justify-content: center; color: #f1642c; top: 7px; border-radius: 15px; font-size: 12px; font-weight: 600;}
.quoteBuilderInsertBtns .tooltip {font-family: 'Work Sans', sans-serif; line-height:20px; position:fixed; margin-left: 15px;}
.quoteBuilderInsertBtns .tooltip-inner {padding: 7px; line-height: 15px; border-radius: 7px;}
.chFiltersDropdown.aligned.chInsertQuoteFieldDropdown { margin-top: 40px; right: 320px; }
.chFiltersDropdown.aligned.chInsertQuoteFieldDropdown .chFiltersDropdownIn:before { right: -12px; left: inherit; transform: rotate( 90deg ); top: 27px; }
.chFiltersDropdown.aligned.chInsertQuoteFieldDropdown .chFiltersDropdownIn:after { right: -11px; left: inherit; transform: rotate( 90deg ); top: 27px; }
.conditionBtn, .insertFieldBtn.btnPurple { width: 100%; margin-top: 10px; }
.dataSourceModalContainer { position: fixed; right: 0; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99999; display:none;}
.dataSourceModal { position: fixed; top: 0; right: 0; bottom: 0; background: #fff; width: 500px; display: flex; flex-direction: column;}
.dataSourceModalHeader { height: 50px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 600; position: relative; padding: 0 20px; }
.dataSourceModalHeader:before { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient( 135deg , #c8cfe6 25%, transparent 25%), linear-gradient( 225deg , #c4cce6 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; }
.dataSourceModalHeader:after { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient( 135deg , #ffffff 25%, transparent 25%), linear-gradient( 225deg , #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; margin-top: -2px; }
.dataSourceModalHeaderTxt { font-size: 16px; }
.dataSourceModalHeaderTxt .ch { font-size: 18px; color: #2a9924; margin-right: 10px; }
a.dataSourceModalClose { padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #a1b0b8; }
.dataSourceModalBody { flex: 1; padding:20px 20px 50px; overflow:auto;}
.dataSourceModalFooter .btn { border-radius: 0; height: 38px; line-height: 38px; padding: 0; box-shadow: 0 0 0 transparent; }
.chDatasetList { padding-left: 25px; }
.chDatasetList > .chDatasetListItemWrap .chDatasetListItem { padding: 5px 0 5px 5px; border-bottom: 1px solid #d3dae3; }
.chDatasetListItem { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.chDatasetListItem label { width: 100%; margin: 0; display: flex; align-items: center; cursor:pointer; }
.chDatasetListItem label input { margin: 0 5px 0 0; }
.chDatasetListItemCollapseIcon { cursor: pointer; font-size: 16px; color: #455ffb; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.chDatasetListItem + .chDatasetListItem > .chDatasetListItemWrap { width: calc(100% - 25px); }
.chDatasetListItem + .chDatasetListItem { flex-direction: column; }
.chDatasetListItem .isInlineItem i { margin-right: 5px; color: #4596fb; font-size: 20px; vertical-align: middle; } }
.quoteBuilderPropertiesModal .modal-dialog { max-width: 500px; }
.quoteBuilderPropertiesModal .modal-content { border-radius: 10px; }
.quoteBuilderPropertiesModal .modal-body { padding: 0; }
.quoteBuilderPropertiesModalHeader { height: 50px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 600; position: relative; padding: 0 20px; }
.quoteBuilderPropertiesModalBody { padding: 25px; }
.quoteBuilderPropertiesModalFooter { padding: 15px 20px; border-top: 1px solid #c8d0d6; text-align: right; }
.quoteBuilderPropertiesModalFooter .btn{min-width:90px; border-radius:15px;}
.quoteBuilderPropertiesModalHeader:before { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient( 135deg , #c8cfe6 25%, transparent 25%), linear-gradient( 225deg , #c4cce6 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; }
.quoteBuilderPropertiesModalHeader:after { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient( 135deg , #ffffff 25%, transparent 25%), linear-gradient( 225deg , #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; margin-top: -2px; }
.quoteBuilderPropertiesModalBody .ch-form-element.input-label {width: 40%;}
.quoteBuilderPropertiesModalBody .ch-form-grid {margin-bottom:0;}
.quoteBuilderPropertiesModalBody .dataDropdownValTxt {display: inline-block; max-width: 247px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis;}
.chQuoteulderPropertiesLayout { position: relative; border: 1px solid #c8d0d6; padding: 20px 15px 15px; margin-bottom: 15px; background:#fff; border-radius: 7px; display: flex; width: 100%; flex-wrap:wrap; align-items:center;}
.top.builderPropertyBtn { position: absolute; top: 0; left: 50%; margin-left: -30px; }
.right.builderPropertyBtn { position: absolute; right: 0px; top: 50%; margin-top: -15px; }
.bottom.builderPropertyBtn { position: absolute; bottom: 0; left: 50%; margin-left: -30px; }
.left.builderPropertyBtn { position: absolute; left: 0px; top: 50%; margin-top: -15px; }
.center.builderPropertyBtn { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -30px; }
.chQuoteulderPropertyType {font-weight: 600; position: absolute; top: -8px; left: 10px; background: #fff; padding: 0 5px;}
.chQuoteulderPropertiesLayout.border .chQuoteulderPropertyType {margin-bottom:5px;}
.builderPropertySelection { position: relative; width: 200px; flex-shrink: 0; height: 110px; margin: 0px auto 0px;}
.builderBorderProperties { padding-left: 20px; min-height: 113px; display: flex; width: 150px; }
.builderPropertyBtn { border: 1px solid #c8d0d6; width: 60px; height: 28px; border-radius: 3px; background: #fff; position: relative; padding: 1px 5px;}
.builderPropertyBtn:before { position: absolute; font-size: 11px; top: -7px; background: #fff; padding: 0 3px; left: 5px; font-weight: 500; }
.top.builderPropertyBtn:before { content: 'Top'; }
.bottom.builderPropertyBtn:before { content: 'Bottom'; }
.left.builderPropertyBtn:before { content: 'Left'; }
.right.builderPropertyBtn:before { content: 'Right'; }
.center.builderPropertyBtn:before {content: 'All Side';}
.chQuoteulderPropertiesLayout .builderPropertyBtn > input { height: 26px!important; text-align: center; padding: 0!important; font-size: 11px!important; border-bottom: 1px solid #4596fb!important; max-width: 60px; border-radius: 0px;}
.chQuoteulderPropertiesLayout .builderPropertyBtn > input.hasVal{color:#f1642c}
.chQuoteulderPropertiesLayout.border input.noBorder { border-bottom: 0 none!important; cursor: pointer; }
.chQuoteulderPropertiesDropdown {
    margin-top: -14px !important;
    max-width: 280px;
}
.chQuoteulderPropertiesDropdown .form-control {padding:0 5px!important;}
.chQuoteulderPropertiesLayout .borderStyleBtns { display: flex; margin-bottom: 15px; }
.chQuoteulderPropertiesLayout .borderBtn { width: 30px; height: 30px; font-size: 21px; display: flex; border: 1px solid #c8d0d6; align-items: center; justify-content: center; margin: 0 2px 0 0; border-radius: 3px; cursor: pointer; }
.chQuoteulderPropertiesLayout .borderBtn.hasBorder{color:#f1642c;}
.chQuoteulderPropertiesLayout .borderBtn:hover { background: rgb(255 216 61 / 20%); }
.chQuoteulderPropertiesLayout .borderBtn.active { background: rgb(255 216 61 / 20%); border-color: #f47f4c; }
.chQuoteulderPropertiesLayout .borderBtn .ch-builder-border-icon { width: 18px; height: 18px; border: 1px dotted; }
.chQuoteulderPropertiesLayout .borderBtn .ch-builder-border-icon.ch-builder-border-top { border-top: 2px solid; }
.chQuoteulderPropertiesLayout .borderBtn .ch-builder-border-icon.ch-builder-border-right { border-right: 2px solid; }
.chQuoteulderPropertiesLayout .borderBtn .ch-builder-border-icon.ch-builder-border-bottom { border-bottom: 2px solid; }
.chQuoteulderPropertiesLayout .borderBtn .ch-builder-border-icon.ch-builder-border-left { border-left: 2px solid; }
.chQuoteulderPropertiesLayout .borderBtn .ch-builder-border-icon.ch-builder-border-outside { border: 2px solid; }

/* Manage Folders */
.manageFoldersContainer {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 40px;
}
.manageFoldersContainer ul.reportFolderList > li{ display: block; margin-bottom: 4px; background:#fff; border: 1px solid transparent; }
.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails{  cursor:pointer; background: #fff; position: relative; padding: 0 170px 0 65px; min-height: 60px; }
.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails.active { background: #dfeaf5;}
.manageFoldersContainer ul.reportFolderList > li  h2.reportFolderName {pointer-events:none;  margin: 0; font-size: 14px; margin-top: 22px; display: inline-block; font-weight: 600; }
.manageFoldersContainer ul.reportFolderList > li .folderIcon{font-size: 18px; color: #ecc844; width: 36px; pointer-events:none; height: 36px; border-radius: 50px; border: 1px solid #e1e7ed; text-align: center; line-height: 36px; position: absolute; background: #fff; left: 15px; top: 12px}
.manageFoldersContainer ul.reportFolderList > li .folderIcon:before{content: "\F24B"; font-family: "Material Design Icons";}
.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails.active .folderIcon:before{content: "\F76F"; }
.manageFoldersContainer ul.reportFolderListActions { position: absolute; right:0; top: 16px; }
.manageFoldersContainer ul.reportFolderListActions > li { display: inline-block; }
.manageFoldersContainer ul.reportFolderListActions .btn i.ch{margin-right: 5px; font-size: 14px; position:static;}
.manageFoldersContainer ul.reportList { background: #fff; display:none; }
.manageFoldersContainer ul.reportList > li{display: block;}
.manageFoldersContainer ul.reportList > li{display: block; border-bottom: 1px solid #c8d0d6;}
.manageFoldersContainer ul.reportList > li:last-child{border-bottom:0 none;}
.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails .btn {font-size:13px;}
.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails.active .btn { box-shadow: 0 0 0 transparent; }
.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails.active .btn.btn-default { border-color: #d8e0e8; }
.manageFoldersContainer .reportDetails { position: relative; min-height: 60px; padding: 0 170px 0 65px; }
.manageFoldersContainer ul.reportList > li .reportIcon { font-size: 16px; color: #45afe2; width: 36px; height: 36px; border-radius: 50px; text-align: center; line-height: 36px; position: absolute; background: #fff; left: 15px; top: 12px; }
.manageFoldersContainer ul.reportList > li .reportIcon.barChart:before{content: "\F128"; font-family: "Material Design Icons";}
.manageFoldersContainer ul.reportList > li .reportIcon.pieChart:before{content: "\F12B"; font-family: "Material Design Icons";}
.manageFoldersContainer ul.reportList h2.reportName { font-weight: 400; margin: 0px; font-size: 13px; display: block; height: 60px; line-height: 60px; }
.manageFoldersContainer ul.reportFolderListActions{visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease;  transition:all 0.6s ease;}
.manageFoldersContainer ul.reportFolderList > li > .reportFolderDetails:hover .reportFolderListActions {visibility: visible; opacity: 1;  pointer-events:inherit;  right: 15px;}
.manageFoldersContainer ul.reportList > li:hover ul.reportFolderListActions{visibility: visible; opacity: 1;  pointer-events:inherit;  right: 15px;}
.manageFoldersContainer .newReportBtn {height: 35px; line-height: 35px; padding: 0 18px; margin: 25px auto; display: block; max-width: 170px; text-align: center;}
.manageFoldersContainer .newReportBtn i.ch { margin-right: 7px; position:static;}

/* Scrollers */
.ch-layout-table { display: table; width: 100%; height: 100%; }
.ch-layout-table-row { display: table-row; }
.ch-layout-table-row.heightAuto, .ch-layout-table-row.heightAuto .ch-layout-table-cell{height:0;}
.ch-layout-table-cell { display: table-cell; position:relative; }
.ch-layout-table-cell.vAlignMiddle {vertical-align:middle;}
.ch-layout-table-cell.vAlignTop {vertical-align:top;}
.ch-logo-cell {height:50px;}
.ch-logo-cell.sqaureLogo {text-align:center;}
.ch-logo-cell img {max-width:130px; }
.ch-logo-cell.sqaureLogo img {max-width:75px; }
.scrollerContainer > .scroller { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto;}
.ch-layout-table.page-error-layout {height:50px;}
.ch-layout-table.page-error-layout > .ch-layout-table-row:nth-child(2){ display:none;}

.infoIconCircle {display: inline-block; width: 16px; text-align: center; font-size: 10px; border-radius: 100%; margin-right: 4px; border: 1px solid #309fd9; color: #516873; height: 16px; line-height: 14px;}


/* Attachments */
.attachmentsContainer { width: 1000px; margin: 0 auto; padding-bottom:25px; }
ul.attachmentList > li { display: block; background: #fff; margin-bottom: 5px; }
.attchmentsHeader ul.attachmentList > li { background: transparent; }
.attchmentsHeader .attachmentCotents > .attachmentCol { font-weight: 500; color: #939cb1!important; font-size: 13px; padding: 15px 15px 5px 15px;}
.attachmentCotents { display: table; width: 100%; table-layout: fixed; }
.attachmentCotents > .attachmentCol { display: table-cell; vertical-align: middle; padding: 10px 15px;}
.attachmentCol.attachmentActionsCol { width: 135px;padding-left: 20px;  text-align: right;}
.attachmentCol.attachmentThumb{ width: 60px; }
.attachmentCol.attachmentSizeCol {width:110px;}
.attachmentCol.attachmentDateCol { width: 140px; color: #939cb1; }
.attachmentCol.attachmentSizeCol{color: #939cb1; }
span.attachmentName { white-space: nowrap; font-weight: 600; font-size: 13px; display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 250px; vertical-align:middle;}
span.attachmentOwner a, span.attachmentName a { color: #324752; }
.attachmentTypeIcon { width: 44px; height: 44px; border-radius: 100%; text-align: center; line-height: 44px; font-size: 20px; color: #fff; }
.attachmentTypeIcon.img {color: #63a1ff;}
.attachmentTypeIcon.word { color: #518ff4; }
.attachmentTypeIcon.pdf { color: #e14045; }
.attachmentTypeIcon.zip { color: #f2c15a; }
.attachmentTypeIcon.ppt { color: #d14424; }
.attachmentTypeIcon.common { color: #c5d4e0; }
.attachmentTypeIcon.excel { color: #008641; }
a.attachmentIActionBtn { width: 30px; height: 30px; display: inline-block; margin: 0 auto; line-height: 30px; text-align: center; color: #92a0b1; position: relative; margin-left:10px;  font-size: 16px;}
.circleProgressBtn{ position: relative; border-radius: 100%;}
.circleProgressBtn:before { content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #e4eaf1; left: 0; top: 0; border-radius: 100%; border-left-color: #22adf1;  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  transition:all 0.3s ease; -webkit-animation: spinner  0.8s infinite linear;animation: spinner 0.8s infinite linear;}
.circleProgressBtn:after { position: absolute; width: 100%; content: "\F12C"; font-family: "Material Design Icons"; height: 100%; left: 0; top: 0; background: #61ad33; color: #fff; border-radius: 100%;  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  transition:all 0.3s ease; -webkit-transform: scale(0); transform: scale(0);}
.circleProgressBtn.circleProgressBtnComplete:after { transform: scale(1);}
.fileUploadContainer { background: #fff; text-align: center; -webkit-box-shadow: 0 0 20px rgb(203, 201, 208); box-shadow: 0 0 20px rgb(203, 201, 208); border-radius: 10px;}
.fileDraggableArea { border: 1px solid #c8d0d6; background: #fff; cursor: pointer; padding: 55px 25px;  border-radius: 0 0 10px 10px;  border-top: 0; height:100%;}
.fileDraggableArea.fileDraggableAreaInTab { border-top: 1px solid #c8d0d6; position: relative; z-index: 1; border-radius: 5px;}
.fileDraggableArea h4 { font-size: 13px; color: #939cb1; margin-bottom:0; }
.fileUploadIcon { width: 44px; height: 44px; margin: 0 auto; background:#469ee2; color: #fff; line-height: 44px; border-radius: 100%; font-size: 22px; box-shadow: 0 0 0 rgba(0, 168, 255, 0.4); animation: pulse 1s infinite;}
.attachmentUploadBtn { position: relative; max-width: 130px; margin: 0 auto; height: 35px; }
.attachmentUploadBtn input[type=file] { width: 100%; position: absolute; height: 35px; opacity: 0; cursor: pointer; }
.attachmentUploadBtn label { width: 130px; height: 35px; line-height: 23px; font-size: 13px; }

.fileUploadGrid { display: table; width: 100%; height:100%; }
.fileUploadGrid > div { display: table-cell; vertical-align:top; }
.fileUploadGrid > div.selectedFielsContainer {padding:10px 0;}
.fileDoppableContainer { width: 100%;}
ul.uploadFileList{ width:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.selectedFielsContainer.showFiles ul.uploadFileList{width: 350px; max-height: 135px; padding-left: 20px; overflow: auto; margin-bottom: 13px;}
ul.uploadFileList > li { display: block; padding: 7px 5px; border-bottom: 1px solid #e1e7ed; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
ul.uploadFileList > li:hover { background:#fff;}
li.fileRemovable { background: #fffbf5; color: #de9696; box-shadow: inset 0 0 2px rgba(216, 201, 201, 0.5); overflow:hidden;}
.uploadFileContents { display: table; width: 100%; table-layout: fixed; }
.uploadFileContents > div { display: table-cell; text-align: left; padding: 0 12px; vertical-align:middle; }
.uploadFileCol.fileTypeIcon { width: 30px; padding: 0; position:relative;}
.uploadFileType { width: 30px; height: 30px; line-height: 29px; font-size: 20px; }
.uploadFileName { font-weight: 600; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.uploadFileCol.size { width: 100px; text-align: right; }
.uploadFileSize { color: #a0b0c7; font-size:11px;}
.uploadFileCol.cancel { width: 30px; text-align: center; padding: 0; }
a.cancelFileUpload { display: inline-block; width: 16px; height: 16px; border: 1px solid #d5b0b1; border-radius: 100%; font-size: 9px; color: #e29598; text-align: center; line-height: 13px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a.cancelFileUpload:hover { box-shadow: inset 0 0 3px 6px #de6363; color: #fff; border-color: transparent; }
.fileUploadProgressBar { display:none; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; position: absolute; top: 0; z-index: 9; }
.uploadFileList.filesInProgress .fileUploadProgressBar{ display:block;}
.fileUploadProgress {transition: all 0.3s ease; background: #ffffff; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; position: relative; font-size: 9px; font-weight: 700; }
.fileDoppableContainer .moxie-shim.moxie-shim-html5 { left: 0!important; width: 100%!important;}
.attachmentsPagination { padding: 15px 0; border-bottom: 1px solid #dae6eb; }
.attachmentsPagination h2 { font-size: 14px; font-weight: 600; margin: 10px 0 0; }
.attachmentPageNum { height: 30px; line-height: 30px; padding-right: 8px; }
.attachmentSearch { max-width: 210px; margin-right: 30px; }
.blinkMe {display:block; width:6px; height:6px; background:red; border-radius:100%; position:absolute; animation-name: blinker;  animation-duration: 0.8s;  animation-iteration-count: infinite; -webkit-animation-name: blinker;  -webkit-animation-duration: 0.8s;  -webkit-animation-iteration-count: infinite; z-index:99;}
.nav-tabs > li.active .blinkMe{ display:none;}

/* Pivot Table */
table.pvtTable.ch-table-style thead tr th, table.pvtTable tbody tr th {background-color: transparent; border: 0 none;  border-bottom: 1px solid #c8d0d6; border-left: 1px solid #c8d0d6; text-align:left; padding:10px;}
table.pvtTable.ch-table-style tbody tr td { padding: 10px; border: 0 none; text-align: left; border-bottom: 1px solid #eff2f3; border-left: 1px solid #c8d0d6;}
table.pvtTable.ch-table-style >tbody>tr:nth-of-type(odd) td{ background-color: #fbfcfc;}
table.pvtTable.ch-table-style tbody > tr > td:first-child, table.pvtTable.ch-table-style thead > tr > th:first-child { border-left: 0 none; }

.onoffswitch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; position:relative;width:43px; top:3px;}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border-radius:30px; margin:0;}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%;-moz-transition:margin .3s ease-in 0s;-webkit-transition:margin .3s ease-in 0s;-o-transition:margin .3s ease-in 0s;transition:margin .3s ease-in 0s}
.onoffswitch-inner:after,.onoffswitch-inner:before{display: block; float: left; width: 50%; height: 13px; padding: 0; line-height: 13px; font-size: 10px; color: #fff;font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 30px;}
.onoffswitch-inner:before{content: "On"; padding-left: 5px; background-color: #5994f5; color: #FFF; border-radius: 30px 0 0 30px;}
.onoffswitch-inner:after{content:"Off";padding-right:10px;background-color:#b0c6d2;color:#fff;text-align:right;border-radius:0 30px 30px 0}
.onoffswitch-switch{display: block; width: 17px; height: 17px; background: #FFF; border: 1px solid #adc7d4; border-radius: 30px; position: absolute; top: -1px; bottom: 0; right: 30px; margin: -1px; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; background-image: -moz-linear-gradient(center top,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 80%); background-image: -webkit-linear-gradient(center top,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 80%); background-image: -o-linear-gradient(center top,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 80%); background-image: linear-gradient(center top,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 80%); box-shadow: 0 1px 1px #fff inset;}
.onoffswitch.yesNo .onoffswitch-inner:after, .onoffswitch.yesNo .onoffswitch-inner:before {height: 16px;line-height: 16px; font-weight: 600;}
.onoffswitch.yesNo .onoffswitch-inner:before {content: "Yes";}
.onoffswitch.yesNo .onoffswitch-inner:after {content: "No";}
.onoffswitch.yesNo .onoffswitch-switch{ width: 20px;height: 20px; right:28px;}
.onoffswitch.yesNo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right:-2px}
.onoffswitch.yesNo {width:45px;}
.onoffswitch.short { width: 30px;}
.onoffswitch.short .onoffswitch-inner:before, .onoffswitch.short .onoffswitch-inner:after { content: '';}
.onoffswitch.short .onoffswitch-switch {right:15px;}
.onoffswitch.disabled{pointer-events: none; opacity: 0.5;}
.onoffswitch.yesNo.blue .onoffswitch-switch{border: 1px solid #4b8dee}
.onoffswitch.yesNo.blue .onoffswitch-inner:after { background-color: #5994f5; color: #FFF; }

#reschedule .bootstrap-datetimepicker-widget{margin-top: 27px; border-radius: 4px; border: 1px solid #c7d3de; position: absolute; right: 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);background: white;}
#reschedule .datepicker-decades, .datepicker-years {min-height:inherit;}
#reschedule .bootstrap-datetimepicker-widget table td span {font-size:12px; vertical-align:top;}
#reschedule .bootstrap-datetimepicker-widget table td span.ch, #reschedule .bootstrap-datetimepicker-widget table th span.ch {font-size:22px;  color: #666f83;}
#reschedule .bootstrap-datetimepicker-widget table th {height:35px!important; width:40px!important;}
#reschedule .bootstrap-datetimepicker-widget:before { content: ''; border: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -12px; right: 80px; z-index: 9; }
#reschedule .bootstrap-datetimepicker-widget:after { content: ''; border: 7px solid transparent; border-bottom: 7px solid #a9baca; position: absolute; top: -14px; right: 80px; }
#reschedule .picker-switch.accordion-toggle .table-condensed tr td:nth-child(2){ position:absolute; right:0;}
#reschedule .picker-switch.accordion-toggle .table-condensed tr td:nth-child(2) a {color: #b1bcca;}
#reschedule .picker-switch.accordion-toggle .table-condensed tr td:nth-child(2) a .ch{font-size:22px;} 
#reschedule .datepicker-days,  #reschedule .datepicker-months, #reschedule .datepicker-years, #reschedule .datepicker-decades{ padding: 15px;  width: 280px;}
#reschedule .picker-switch.accordion-toggle a[data-action=close] { display: inline-block;}
#reschedule .picker-switch.accordion-toggle a[data-action=close] span { font-size: 12px; margin-right: 24px;}
#reschedule .picker-switch.accordion-toggle a[data-action=close] span:hover {background:transparent;}
#reschedule .picker-switch.accordion-toggle a[data-action=close] span:before {display: inline; margin-right: 4px;}
#reschedule .picker-switch.accordion-toggle a[data-action=close] span:after {content: 'Close'; display: inline;}
#reschedule .bootstrap-datetimepicker-widget .picker-switch td { text-align: right;  padding: 0px 5px 14px;}

.scheduledHeader .scheduledCotents > .scheduledCol { font-weight: 400; color: #a0a8ab!important; font-size: 12px; padding: 15px 15px 5px 15px;}
.scheduledCotents { display: table; width: 100%; table-layout: fixed; }
.scheduledCotents > .scheduledCol { display: table-cell; vertical-align: middle; padding: 10px 15px;}
.scheduledCol.trashCol { width: 64px; }
.scheduledCol.trashCol .btn { padding: 5px 8px; border: 0; color: #939cb1; font-size: 17px; border-radius: 100%; box-shadow: 0 0 0 transparent;}
.scheduledCol.rescheduleCol { width: 95px; padding: 0; }
.scheduledCol.scheduleTimeCol { width: 225px; }
.scheduleTime i.ch {margin-right: 5px; color: #516873; }
.scheduledCol.emailIconCol { width: 50px; text-align: center; padding: 0; font-size: 18px; color: #00a8ff; }
.scheduledCol.senderCol, .scheduledCol.recipientsCol { padding: 0 10px; font-weight: 600; width: 200px;}
.scheduleEmailList, .scheduleEmailList > li {display: block; background: #fff; margin-bottom: 2px;}

/* Documentation Style*/
.docSect { margin: 0; position: relative; background: #fffae8; border-bottom: 1px dashed #cab69d; border-top: 1px dashed #cab69d; z-index:9999;}
.docSectWithoutTip { position: relative;  margin: 0 15px;}
.docSectBody { padding: 15px 35px 15px 15px; }
ul.docInfoList > li { display: block; margin-bottom: 5px; }
ul.docInfoList > li:last-child { margin-bottom:0;}
.docLinksSect { background: #fff; border-top: 1px solid #dae6eb; padding: 9px 15px; }
ul.docList { display: inline-block; }
ul.docList > li { display: inline-block; margin-left: 15px; }
ul.docList > li > a {color:#92a2b8;}
ul.docList > li.active > a {color:#309fd9;}
.docLinksSect span.howDoI { font-weight: 700; }
.docLinksSect span.howDoI i.ch.ch-question { display: inline-block; width: 18px; height: 18px; border: 2px solid #2f97cd; text-align: center; border-radius: 100%; line-height: 16px; margin-right: 4px; }
.docSect:not(.docSectNoArrow):before {content: ''; position: absolute; border: 6px solid transparent; border-top: 6px solid #ccab83; right: 27px; bottom: -13px; z-index: 9999;}
.docSect:not(.docSectNoArrow):after { content: ''; position: absolute; border: 6px solid transparent; border-top: 6px solid #ffffff; right: 27px; bottom: -12px; z-index: 99999;}
.docSect.arrowTopRight:not(.docSectNoArrow):before {top: -12px; bottom: inherit; transform: rotate(-180deg);}
.docSect.arrowTopRight:not(.docSectNoArrow):after {top: -11px; bottom: inherit; transform: rotate(-180deg);}
.docSect.arrowTopRight.selectFolderDocSect:not(.docSectNoArrow):before, .docSect.arrowTopRight.selectFolderDocSect:not(.docSectNoArrow):after {right:100px;}

.docHelpBtn {position: absolute; right: 0px; bottom: -40px; z-index: 9999;}
.docHelpBtn .btn, .docHelpBtn.open .btn, .docHelpBtn .btn:hover, .docHelpBtn .btn:active, .docHelpBtn .btn:focus { color: #309fd9; border: transparent; box-shadow: 0 0 0 transparent; }
.docSectScroll { max-height: 170px; overflow: auto; }
a.docHelpClose { position: absolute; right: 25px; top: 3px; color: #9eb0bd; font-size: 20px; }
a.docHelpClose:hover { text-decoration:none; color:#253a43;}
vue-component.table-builder-tip .docHelpBtn {right:312px;}
.builderTopbar.right-spacing {padding-right:110px;}
vue-component.table-builder-tip .docSect:not(.docSectNoArrow):before, vue-component.table-builder-tip .docSect:not(.docSectNoArrow):after {right:354px;}
.deal-pipeline .pageTitle.right-spacing {padding-right:120px!important;}


@keyframes blinker {
  0% { box-shadow: 0 0 0px rgb(167, 0, 0); }
  50% { box-shadow: 0 0 0px 0px rgba(189, 0, 0, 0.5);}
  100% { box-shadow: 0 0 0 10px rgba(255, 32, 32, 0);}
}

@-webkit-keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes spinner {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
} 
@-webkit-keyframes spinner-reverse {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}
@keyframes spinner-reverse {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}



@-webkit-keyframes highlighter { 
    0% {  box-shadow: 0 0 0 rgb(27, 85, 115); } 
    100% { box-shadow: 0 0 15px rgb(27, 85, 115); } 
   
} 

@-webkit-keyframes blink {
        0%   { box-shadow:inset 0 0 0 2px #309FD9;  background:#d9e7ee; }
        50%  { box-shadow:inset 0 0 0 2px transparent; }
        100% { box-shadow:inset 0 0 0 2px #309FD9 ; background:#d9e7ee; }
}


/* moz */ 
@-moz-keyframes pulse1 { 
    0% { -moz-transform: scale(0); opacity: 0; } 
    20% { -moz-transform: scale(0); opacity: 0; } 
    40% { -moz-transform: scale(.2); opacity: .4; } 
    60% { -moz-transform: scale(.4); opacity: .6; } 
    100% { -moz-transform: scale(.6); opacity: 0; } 
} 
@-moz-keyframes pulse2 {
     0% { -moz-transform: scale(0); opacity: 0; } 
     25% { -moz-transform: scale(.2); opacity: .7; } 
     40% { -moz-transform: scale(.4); opacity: .5; } 
     65% { -moz-transform: scale(.6); opacity: .3; } 
     100% { -moz-transform: scale(.8); opacity: 0; } 
} 
@-moz-keyframes pulse3 { 
    0% { -moz-transform: scale(.1); opacity: 0; } 
    25% { -moz-transform: scale(.3); opacity: .7; } 
    50% { -moz-transform: scale(.5); opacity: .5; } 
    75% { -moz-transform: scale(.6); opacity: .3; } 
    100% { -moz-transform: scale(.66); opacity: 0; } 
} 
@-moz-keyframes pulse4 { 
    0% { -moz-transform: scale(.1); opacity: 0; } 
    30% { -moz-transform: scale(.3); opacity: .6; } 
    80% { -moz-transform: scale(.6); opacity: .4; } 
    100% { -moz-transform: scale(.8); opacity: 0; } 
} 
/* webkit */ 
@-webkit-keyframes pulse1 { 
    0% { -webkit-transform: scale(0); opacity: 0; } 
    20% { -webkit-transform: scale(0); opacity: 0; } 
    40% { -webkit-transform: scale(.2); opacity: .4; } 
    60% { -webkit-transform: scale(.4); opacity: .6; } 
    100% { -webkit-transform: scale(.6); opacity: 0; } 
} 
@-webkit-keyframes pulse2 { 
    0% { -webkit-transform: scale(0); opacity: 0; } 
    25% { -webkit-transform: scale(.2); opacity: .7; } 
    40% { -webkit-transform: scale(.4); opacity: .5; } 
    65% { -webkit-transform: scale(.6); opacity: .3; } 
    100% { -webkit-transform: scale(.8); opacity: 0; } 
}
@-webkit-keyframes pulse3 { 
    0% { -webkit-transform: scale(.1); opacity: 0; } 
    25% { -webkit-transform: scale(.3); opacity: .7; } 
    50% { -webkit-transform: scale(.5); opacity: .5; } 
    75% { -webkit-transform: scale(.6); opacity: .3; } 
    100% { -webkit-transform: scale(.66); opacity: 0; } 
}
@-webkit-keyframes pulse4 { 
      0% { -webkit-transform: scale(.1); opacity: 0; } 
      30% { -webkit-transform: scale(.3); opacity: .6; } 
      80% { -webkit-transform: scale(.6); opacity: .4; } 
      100% { -webkit-transform: scale(.8); opacity: 0; } 
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 168, 255, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(0, 168, 255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 168, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 168, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 168, 255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(0, 168, 255, 0);
      box-shadow: 0 0 0 10px rgba(0, 168, 255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0, 168, 255, 0);
      box-shadow: 0 0 0 0 rgba(0, 168, 255, 0);
  }
}

@-webkit-keyframes pulseRed {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 82, 0, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 82, 0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 82, 0, 0);
  }
}
@keyframes pulseRed {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 82, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 82, 0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255, 82, 0, 0);
      box-shadow: 0 0 0 10px rgba(255, 82, 0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 82, 0, 0);
      box-shadow: 0 0 0 0 rgba(255, 82, 0, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes animate-shine { 
	0% {opacity: 0; width: 0;}
	50% {opacity: .6;}
	100% {opacity: 0; width: 95%;}
}
        
        
@-moz-keyframes busy {
	0% {opacity: 0; }
	50% {opacity: .6;}
	100% {opacity: 0;}
}

 @-webkit-keyframes busy { 
	0% {opacity: 0;}
	50% {opacity: .6;}
	100% {opacity: 0;}
}
@-moz-keyframes animate-shine {
	0% {opacity: 0; width: 0;}
	50% {opacity: .6;}
	100% {opacity: 0; width: 95%;}
}



@media screen and (max-width:1380px) {
    .blankSlateImgSm {display:block;}
    .blankSlateImgSm img {width:auto;}

}

@media screen and (min-width:1600px) {
    .blankSlateImgLg {display:block;}
    .blankSlateImgSm {display:none;}
    .chModalBtn { padding: 9px 20px;font-size: 16px}
}

@media screen and (min-width:1900px) {
    .blankSlateImgLg img {width:auto;}
}

[v-cloak] {
  display: none;
}

/* IE Hacks */
@media screen and (min-width:0\0) {
   .ch-layout-table-cell {position:static;}
    .scrollerContainer > .scroller, .reportsMenuScrollerContainer > .scroller { position:relative;}
    .sidebarMenu, .reportsMenuScrollerContainer { position:absolute;}
    .scrollerContainer > .scroller {min-height:100%;}
    .scrollerContainer, .pipelineScrollX , .pipelineScrollY { position:static!important; min-height:100%; }
    .colLines > ul > li {width:240px;}
    .pipeline-col {width:240px;}
    .pipeline-col-title {width:280px!important;}
    .tabContentScroller.tab-content .tab-pane {position:static;} 
    .sidebarMenu {padding-bottom:150px;}
    body, html {overflow:hidden;}
    .pipeline-col-title-overflow {min-width:207px;}
   

   /* .ch-layout-table-cell {height:100%; vertical-align:top; position:relative;}
    .ch-layout-table-cell.navBarCell {height:50px;}
    .ch-layout-table-cell.ch-logo-cell{height:62px;}
    .ch-layout-table-cell.reportsMenuTitleCell{height:82px;}
   .sidebarMenu {padding-bottom:150px;}
   .scrollerContainer > .scroller, .reportsMenuScrollerContainer > .scroller { position:relative;} */
    
 
    
   
}
/* Chrome browser hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sidebarMenu{position: inherit;}
}

@-moz-document url-prefix() {
    .scrollerContainer, .reportsMenuScrollerContainer, .sidebarMenu{position: static;}
}

.tour-placeholder { height: 50px; background: #dae6eb; border:1px dotted #309FD9; margin:10px;}
.pageInfoLayout { position: fixed; width: 100%; height: 100%; right: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 9999; color: #fff; }
.pageInfoTitle { text-align: center; font-size: 24px; font-weight: 700; padding-top: 30px; }
.pageInfoTip { display: inline-block; padding: 15px; position: absolute; text-align: center; /*min-width: 280px;*/ }
.pageInfoTip h2 { font-size: 16px; margin: 20px 0 0 0; }
.pageInfoTip h4 { font-size: 13px; font-weight: 300; }
.pageInfoTip.topLeft{background: url(../images/top-left-arrow.png) no-repeat left top; padding: 48px 0 0;}
.pageInfoTip.topRight{background: url(../images/top-right-arrow.png) no-repeat right top; padding: 48px 0 0;}
.pageInfoTip.bottomLeft{background: url(../images/btm-left-arrow.png) no-repeat left bottom; padding: 0 0 60px 0;}
.pageInfoTip.bottomRight{background: url(../images/btm-right-arrow.png) no-repeat right bottom; padding:0 0 60px 0;}
.pageInfoTip.top{background: url(../images/top-arrow.png) no-repeat center top; padding: 38px 0 0 0;}
.pageInfoTip.bottom{background: url(../images/btm-arrow.png) no-repeat center bottom; padding:0 0 50px 0;}

.ch-tooltip { position: absolute; background: #202f43; color: #fff; /*bottom: 20px;*/ border-radius: 3px; z-index: 9; font-size: 11px; left: 20px; }
.ch-tooltip-content { padding: 5px 34px 5px 10px; position: relative; }
a.ch-tooltip-close { position: absolute; right: 0; top: 0; color: #aebed4; font-size: 14px; display: block; width: 25px; height: 25px; text-align: center; line-height: 25px; }
.ch-tooltip:before { content: ''; border: 4px solid transparent;position: absolute; }
.ch-tooltip.top:before {border-bottom: 4px solid #202f43;top: -8px; left: 50%; }
.ch-tooltip.topLeft:before {border-bottom: 4px solid #202f43;top: -8px; left: 8px; }
.ch-tooltip.topRight:before {border-bottom: 4px solid #202f43;top: -8px; right: 8px; }
.ch-tooltip.bottom:before {border-top: 4px solid #202f43;bottom: -8px; left: 50%; }
.ch-tooltip.bottomLeft:before {border-top: 4px solid #202f43;bottom: -8px; left: 8px; }
.ch-tooltip.bottomRight:before {border-top: 4px solid #202f43;bottom: -8px; right: 8px; }

.alertModalBg { display:none; position: fixed; top: 0; left: 205px; right: 0; bottom: 0; overflow: auto;  background: rgb(255, 255, 255); z-index: 1111111;}
.alertModalContainer .ch-layout-table-cell {vertical-align:middle;}
.alertModalContainer { width:100%; height:100%; text-align:center; vertical-align:middle;}
.alertModal { display: inline-block; -webkit-box-shadow: 0 0 55px rgba(17, 18, 39, 0.6); box-shadow: 0 0 55px rgba(17, 18, 39, 0.6); padding: 40px; border-radius: 10px;}
.alertModal .browserSupportImg { width: 641px; height: 177px; background: url(../Images/browser-support.png) no-repeat;}
.alertModal h2 {font-size: 20px; font-weight: 600; color: #e72e37; margin-bottom: 20px; margin-top: 36px;}
.alertModal h4 {font-size: 14px; font-weight: normal; line-height: 20px;}
.alertModal h4 span{font-weight: 600;}
.alertModal a.googleChromeBtn {display: inline-block; border: 1px solid #219626; padding: 6px 19px 5px 47px; border-radius: 3px; margin-top: 30px; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); background: #17ab15; height: 40px; line-height: 25px;}
.alertModal a.googleChromeBtn:hover { text-decoration: none; background-color: #129a11; }
.alertModal a.googleChromeBtn span.txtLg { display: block; font-weight: 600; color: #ffffff; }
.alertModal a.googleChromeBtn:before { content: "\F2AF"; position: absolute; font-family: "Material Design Icons"; font-size: 29px; left: 11px; top: 7px; color: #fff;}
.alertModal .onboarding-reports-upgrade-img { background: url(../images/feature-reports.png); width: 631px; height: 133px;}
.alertModal .onboarding-sales-order-quotes-upgrade-img { background: url(../images/feature-sales-order-quotes.png); width: 631px; height: 131px; }
.alertModal .onboarding-common-upgrade-img { background: url(../images/upgrade-common.png); width: 647px; height: 201px; }
.alertModal .chat-support-container { text-align: left; display: inline-block; margin-top: 35px;  }
.alertModal .chat-support-container img.support-chat-help-icon {position: relative; top: 6px; margin-right: 15px;}
.alertModal .chat-support-container .txt-lg { font-weight: 600; font-size: 14px; }
.alertModal .chat-support-container .txt-sm { font-size: 12px; margin-top: 1px; }
a.alertModalClose { position: absolute; right: -27px; top: -20px; font-size: 23px; color: #fff; }
.alertModalBg.onboadingAlertModal { background: rgba(0, 0, 0, 0.5); }
.alertModalBg.onboadingAlertModal .alertModal{background: #fff; position: relative;  padding-bottom: 10px;}
.alertModalBg.onboadingAlertModal .alertModalImg {max-width:550px;}
.onboardingDocCircleBtn { width: 48px; height: 48px; border-radius: 100%; background: #f97e2c; display: inline-block; line-height: 48px; color: #fff; font-size: 32px; text-align: center; -webkit-animation: pulseRed 1s infinite; animation: pulseRed 1s infinite; }
.onboardingDocCircleBtn:hover {color:#fff; background: #f99e2c;}
.ch-layout-table-cell.onboardingDocCircleBtnCell { width: 65px; vertical-align: middle; }
.onboadingAlertModalContent h1{font-weight: 600; font-size: 22px; margin-top: 0;}
.onboadingAlertModalContent h3{font-size: 14px; font-weight: 400; margin: 0; line-height: 19px;}
.onboadingAlertModalContent .ch-layout-table-cell{padding:30px 0;}

.trialExpirationTip {margin: 0; font-size: 13px; padding: 10px 15px; background: #fffdf4; padding-left: 69px; border-bottom: 1px solid #e76b6b;}
.trialExpirationTip i{ position: absolute; left: 0; top: 0; color: #ffffff; background: #f15252; padding: 0; display: block; width: 56px; height: 56px; text-align: center; line-height: 56px; font-size: 26px;}
.trialExpirationTip h2{ margin: 0 0 2px; font-size: 15px; font-weight: 600; color: #f15252;}
.trialExpirationTip p{margin: 0; font-size: 12px}
.trialExpirationTip p a{text-decoration: underline; font-weight: 600;}

/* CH Popover */
.ch-popover {position: absolute; z-index: 99999999; background: #ffffff; border-radius: 5px; box-shadow: 8px 8px 9px 1px rgba(106, 107, 156, 0.7); border: 1px solid #826ebf; padding: 0;}
.ch-popover.lightBlue {background: #dbf3fe;}
.ch-popover-container { position: relative; max-width: 320px; min-width: 250px;}
.ch-popover-content {line-height: 19px; padding:0; }
.ch-popover-html {padding:15px;}
/*.ch-popover-container:before, .ch-popover-container:after { content: ''; border: 7px solid transparent; position: absolute; }
.ch-popover.topLeft .ch-popover-container:before { border-bottom: 7px solid #656b75; top: -14px; left: 9px; }
.ch-popover.topLeft .ch-popover-container:after { border-bottom: 7px solid #6837b9; top: -13px; left: 9px; }
.ch-popover.topRight .ch-popover-container:before { border-bottom: 7px solid #656b75; top: -14px; right: 9px; }
.ch-popover.topRight .ch-popover-container:after { border-bottom: 7px solid #6837b9; top: -13px; right: 9px; }
.ch-popover.bottomLeft .ch-popover-container:before { border-top: 7px solid #656b75; bottom: -14px; left: 9px; }
.ch-popover.bottomLeft .ch-popover-container:after { border-top: 7px solid #572c9e; bottom: -13px; left: 9px; }
.ch-popover.bottomRight .ch-popover-container:before { border-top: 7px solid #656b75; bottom: -14px; right: 9px; }
.ch-popover.bottomRight .ch-popover-container:after { border-top: 7px solid #6837b9; bottom: -13px; right: 9px; }
.ch-popover.bottom .ch-popover-container:before { border-top: 7px solid #656b75; bottom: -14px; left: 50%; margin-left:-4px; }
.ch-popover.bottom .ch-popover-container:after { border-top: 7px solid #6837b9; bottom: -13px; left: 50%; margin-left:-4px;}
.ch-popover.top .ch-popover-container:before { border-bottom: 7px solid #656b75; top: -14px; left: 50%; margin-left:-4px; }
.ch-popover.top .ch-popover-container:after { border-bottom: 7px solid #6837b9; top: -13px; left: 50%; margin-left:-4px;}*/
.ch-popover.bottom > .arrow:after { border-bottom-color: #fff; }
.ch-popover.top > .arrow { border-top-color: rgb(130, 110, 190);}
.ch-popover.top > .arrow:after { border-top-color: #e8eafd;}
.ch-popover.bottom.lightBlue > .arrow { border-top-color: rgb(130, 110, 190);}
.ch-popover.bottom.lightBlue > .arrow:after { border-bottom-color: #dbf3fe}
.ch-popover.left > .arrow:after { border-left-color: #ffffff;}
.ch-popover.right > .arrow:after { border-right-color: #ffffff; }
.ch-popover.bottom > .arrow {border-bottom-color: rgb(94, 43, 177);}
.ch-popover.nofooter.top > .arrow:after { border-top-color: #ffffff; }
.ch-popover.nofooter.left > .arrow:after {border-left-color: #ffffff;}
.ch-popover.nofooter.bottom > .arrow:after { border-bottom-color: #fff; }
.ch-popover.nofooter.right > .arrow:after { border-right-color: #ffffff; }

.ch-popover-title{font-weight: 600; font-size: 14px; padding-bottom: 5px;}
.ch-popover-btns { padding: 10px 15px; background: #e8eafd; text-align: right; border-radius: 0 0 8px 8px;}
.ch-popover-btns .btn-primary {box-shadow: 0 0 0 transparent; background: #6837b9; color: #fff; border-color: #7e5fb1; font-size: 17px;}
.ch-popover-btns .btn-primary:disabled { opacity: 0.2; pointer-events: none; }
.ch-popover-btns .btn-default:disabled { opacity: 0.2; pointer-events: none; }
.ch-popover-btns .btn-primary:hover {background: #7642ce;}
.ch-popover-btns .btn-primary:active, .ch-popover-btns .btn-primary:active:focus {background: #6837b9;}
.ch-popover-btns .btn-transparent, .ch-popover-btns .btn-transparent:hover, .ch-popover-btns .btn-transparent:active:hover{background:transparent!important; border: 1px solid #ac92d8; color: #fff; font-size: 11px!important; box-shadow: 0 0 0 transparent!important;}
.ch-popover-btns .btn-group {width:inherit;}
.ch-popover-btns:before, .ch-popover-btns:after { display: block;}

.ch-popover-btns .btn { font-size: 13px; padding: 0 10px; height: 26px; line-height: 24px; }
.blur {pointer-events: none;-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);background-color: transparent;}
.note-btn-right {margin: 18px 0 0; padding: 15px 170px 15px 15px; position: relative;}
.note-btn-right .btn {position: absolute; right: 15px; top: 50%; margin-top: -15px;}
/* Call */
.chCallLayout { position: fixed; width: 380px; bottom: 20px; right: 30px; background: #fff; -webkit-box-shadow: 10px 10px 10px rgba(62, 74, 99, 0.5); box-shadow: 10px 10px 10px rgba(62, 74, 99, 0.5); border-radius: 7px; border: 1px solid #c8d0d6; z-index: 9999999; }
.chCallLayoutBody { padding:15px; }
.chCallLayoutContent { display: flex; align-items: center; }
.dialUserAvatar { position: relative; }
.dialUserAvatar:before { content: ''; left: 0; right: 0; top: 0; bottom: 0; display: block; border: 3px solid transparent;  position: absolute; border-radius: 100%; background: #ffffff; }
.chCallLayout.connecting .dialUserAvatar:before{-webkit-animation: spinner 0.5s infinite linear; animation: spinner 0.5s infinite linear; border-right-color: #f4734b;}
.chCallLayout.connected .dialUserAvatar:before{border-color: #369e2b;}
.dialAvatarWrap { display: flex; align-items: center; height: 52px; width: 52px; justify-content: center; border-radius: 100%; position: relative; color: #f4734b; }
.chCallLayout.connected .dialAvatarWrap{ color: #ffc24a;}
.dialAvatarWrap:before { content: "\F009"; font-family: "Material Design Icons"; font-size: 46px; line-height: 0; }
.callConnectedIcon { -webkit-transform:scale(0); transform:scale(0); position: absolute; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; bottom: -5px; right: -2px; color: #369e2b; font-size: 18px; background: #fff; line-height: 20px; width: 20px; height: 20px; border-radius: 100%; text-align: center; }
.chCallLayout.connected .callConnectedIcon {transform: scale(1);}
.chDialUserContent { flex: 1; padding: 0 0 0 12px; display: flex; flex-direction: column; }
.chDialUserContentWrap { display: flex; align-items: center; }
.chDialUserInfo { flex: 1; }
.addConversationLink { padding-top: 5px; display:none;}
.chCallLayout.connected  .addConversationLink { display:block;}
.addConversationLink a { font-size: 12px; font-weight: 400; color: #253858; }
.addConversationLink a i { font-size: 16px; vertical-align: middle; margin-right: 2px; color: #4ba0f8; }
.chCallLayout .dialUserName { font-weight: 600; }
.chCallLayout .dialHelper { color: #939cb1; font-size: 12px; }
.chCallActionBtns { display: flex; }
.chCallActionBtns > a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 18px; text-decoration: none;}
.chCallActionBtns > a.chCallMuteBtn{background: white; color: #253858; margin-right:5px; display:none;}
.chCallLayout.connected a.chCallMuteBtn {display:block;}
.chCallActionBtns > a.chCallMuteBtn:before { content: "\F36C"; font-family: "Material Design Icons";}
.chCallActionBtns > a.chCallMuteBtn.active { background: #4596fb; color: #fff; }
.chCallActionBtns > a.chCallMuteBtn.active:before {content: "\F36D";}
.chCallActionBtns > a.chCallEndBtn{background: #d83333; color: #fff;}
.chCallLayout .quickAddPopover { position: relative; margin: 15px 0 0 0!important; border: 0; box-shadow: 0 0 0 transparent; border-top: 1px solid #c8d0d6; border-radius: 0; left: inherit!important; top: inherit!important;}
.chCallLayout .quickAddPopoverFooter .btn { border-radius: 5px; }
.chCallLayout .quickAddPopover:after, .chCallLayout .quickAddPopover:before {display:none;}
.chCallLayout a.quickAddPopoverClose { top: 7px; font-size: 14px;}
.chCallLayout .quickAddPopoverBody { max-width: inherit; }
.chCallLayout div#conversationFields { margin: 0 -15px;}

/*Stock History*/
ul.stockHistoryList { display: block; max-width: 1000px; margin: 25px auto; }
ul.stockHistoryList > li { display: block; background: #fff; padding: 0; margin-bottom: 2px; font-size: 13px; }
.stockHistoryContents { display: table; width: 100%; table-layout: fixed; }
.stockHistoryContents .stockHistoryContentCol { display: table-cell; padding: 15px 0; vertical-align: middle; position: relative; }
.stockHistoryTypeIcon.stockHistoryContentCol { text-align: center; width: 70px; font-size: 20px; color: #00a8ff; }
.stockHistoryDate.stockHistoryContentCol { width: 200px; text-align: right; padding-right: 20px; font-weight: 300; }
.historyChangedArrow { font-size: 18px; vertical-align: middle; }

/* Automation */
.automationContainer { text-align: center; height: 100%; display: table; padding: 50px; }
.automationLoader { position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; background: #fff; z-index: 9; }
.automationLoader img { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; width: 30px; }
.automationVAlign{display:table-cell; vertical-align:middle;}
.automationFlow ul > li { padding-bottom: 58px; position: relative; display: block;}
.automationFlow ul > li:last-child { padding-bottom: 47px;}
.automationFlow > ul > li.conditionalLayoutParentListItem{ padding-top: 5px;}
.automationFlow  ul.stepsList > li.conditionalLayoutParentListItem{ padding-top: 5px;}
ul.stepsList > li:first-child{padding-top:24px!important;}
.flowItem_forLayoutBody > ul.stepsList > li.conditionalLayoutParentListItem:first-child {padding-top:30px!important;}
.automationFlow > ul > li:after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #7f9fbb; }
.automationFlow > ul > li.noVline:after{ display:none;}  
.automationFlow li > .flowItem{display: inline-block; position:relative; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; z-index:2; padding:0 5px;}
.automationFlow li .flowItem  a.automationFieldItem {border: 1px solid #bbc6db; font-size: 13px; padding: 9px 35px 9px 10px; text-decoration: none; color: #202f43; font-weight:600; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; background: #fff; -webkit-box-shadow: 2px 2px 3px #f3f4f7; box-shadow: 2px 2px 3px #f3f4f7; min-width:250px; max-width: 250px; overflow:hidden; text-overflow:ellipsis;}
.automationFlow li .flowItem  a.automationStartBtn { display: inline-block; padding: 12px 11px; background: #fff; border: 1px solid #bbc6db; font-weight: 600; max-width: 124px; border-radius: 5px; cursor: pointer; color: #202f43; position: relative; min-width:120px; pointer-events:none;}
.automationFlow li .flowItem a.automationStartBtn i.ch { font-size: 18px;vertical-align: middle;color: #f2824c;}
h2.flowStartTxt { font-size: 16px; line-height: 24px; margin: 0; background: #fff; padding: 15px 0; }
.automationFlow li .flowItem a.automationFieldItemRemove { position: absolute; right: 0px; text-decoration: none; color: #a4b1cf; top: 0px; font-weight: normal; font-size: 10px; display: block; width: 35px; height: 38px; text-align: center; line-height: 36px; z-index:1; }
.automationFlow li .flowItem a.automationFieldItemRemove:hover {color: #6682a7;}
.flowItem_triggerLayout { position: relative; z-index: 1; border-top: 1px dashed #29374a; border-bottom: 1px dashed #29374a}
.flowItem_triggerLayout > .flowItem > a.automationFieldItem {background: #ffffff!important; color: #202f43!important; border-color: #ffffff!important; z-index: 2!important; position: relative; top: -16px; min-width: inherit!important; padding: 5px 20px!important; cursor: default; box-shadow: 0 0 0 !important; font-weight:600!important;}
.flowItem_triggerLayoutBody {min-width: 300px;  min-height: 22px;}
.flowItem_triggerLayoutBody > a.addFlowItemBtn {display:none;}
.flowItem_triggerLayout > .flowItem > a.automationFieldItem i.fa { color: #00b2a5; margin-right: 6px;}
.flowItem_triggerLayoutBody > ul.stepsList > li.forLayoutParentListItem:first-child { padding-top: 0!important;}
.triggerRecordSaved {font-size: 13px; padding: 22px 25px; text-decoration: none; font-weight: 600; display: inline-block; background: #ffffff; position: relative; z-index: 1; margin: 0; border-radius: 3px;}
.triggerRecordSaved i.fa {font-size: 16px; color: #00b260; position: relative; margin-right: 6px;}
.strong{font-weight:600;}
.downwardArrow { position: absolute; margin-top: 8px; color: #7e96ba; left: 50%; margin-left: -7px; font-size: 14px; bottom: -20px; border-bottom: 3px solid #fff; z-index: 999; background: #fff; line-height: 0; padding: 6px 0;}
.flowItem.hasNextStep .downwardArrow{display:inline-block;}
.automationFlow a.addFlowItemBtn {position: absolute; left: 50%; background: #fff; font-weight: 300; border: 1px solid #7f9fbb; font-size: 10px; border-radius: 100%; line-height: normal; margin-left: -10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;  z-index: 2; width: 21px; height: 21px;}
.automationFlow a.addFlowItemBtn:before {content: ''; width: 1px; height: 11px; background: #7f9fbb; display: block; position: absolute; left: 9px; top: 4px;}
.automationFlow a.addFlowItemBtn:after { content: ''; width: 11px; height: 1px; background: #7f9fbb; display: block; position: absolute; left: 4px; top: 9px}
.automationFlow a.addFlowItemBtn:hover { border-color: #66b731; background: #66b731;}
.automationFlow a.addFlowItemBtn:hover:before { background: #fff;}
.automationFlow a.addFlowItemBtn:hover:after { background: #fff;}
.automationFlow a.addFlowItemBtn.up { top: -10px; }
.automationFlow a.addFlowItemBtn.current {transform: scale(1); box-shadow: inset 0 0 26px #66b731; border-color: #66b731;}
.automationFlow a.addFlowItemBtn.down { bottom: -47px; }
.automationFlow a.addFlowItemBtn.current:before, .automationFlow a.addFlowItemBtn.current:after {background:#fff;}
.flowItemVar{position: absolute; display: inline-block; font-size: 10px; background: #7c61e4; margin-left: 11px; padding: 0 5px; border-radius: 3px; color: #fff; margin-top: 4px; font-weight: 500; letter-spacing: 0.4pt;}
.flowItemVar:before { content: ''; display: block; position: absolute; width: 5px; height: 2px; background: #7c61e4; left: -5px; top: 6px; }
.flowItem.hasNextStep .flowItemVar {left:50%; top:40px;}

.automationFlow li .flowItem:hover a.addFlowItemBtn{pointer-events:inherit; -webkit-transform: scale(1); transform: scale(1)}
.automationFlow li > .flowItem_forLayout > .flowItem > .automationFieldItem{padding: 8px 10px; text-decoration: none; display:block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; padding-right: 30px; margin-bottom: 5px; margin-top: 10px; border:0 none; overflow: inherit; box-shadow: 0 0 0 transparent;}
.automationFlow li > .flowItem_forLayout > .flowItem > .automationFieldItem span:not(.loopLayers) { z-index: 10; position: relative; color: #fff; display: inline-block; padding-top: 2px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.automationFlow li .flowItem a.automationFieldItem.FOREACH span.loopLayers { position: absolute; left: 0; right: 0; top: 0; }
.automationFlow li .flowItem a.automationFieldItem.FOREACH span.loopLayers:before { content: ''; position: absolute; top: -8px; left: 0; right: 0; -webkit-transform: perspective(50em) rotateX(-50deg); transform: perspective(50em) rotateX(-50deg); border-radius: 6px; height: 17px; border: 2px solid #4f70f2; border-bottom: 0; z-index: 9; background: #fff; }
.automationFlow li .flowItem a.automationFieldItem.FOREACH span.loopLayers:after { content: ''; position: absolute; top: -12px; left: 3px; right: 5px; -webkit-transform: perspective(50em) rotateX(-50deg); transform: perspective(50em) rotateX(-50deg); border-radius: 6px; height: 15px; border: 2px solid #4f70f2; border-bottom: 0; background: #fff; }
.automationFlow li .flowItem a.automationFieldItem:hover { box-shadow: 9px 9px 6px -3px rgba(43, 46, 60, 0.2);}
.automationFlow li > .flowItem_forLayout > .flowItem > .automationFieldItem:hover {box-shadow: 0 0 0 transparent;}
.flowItem_forLayout { display: inline-block; background: #fff; position: relative; padding: 30px; margin-top: 22px;}
.flowItem_forLayout > span.borderLeft { position: absolute; top: -1px; bottom: -1px; left: 0; right: 50%; border: 2px dotted #4f71f2; border-radius: 8px 0 0 8px; border-right-width: 0;z-index: 1;}
.flowItem_forLayout > span.borderRight { position: absolute; top: -1px; bottom: -1px; right: 0; left: 50%; border: 2px dotted #4f71f2; border-radius: 0 8px 8px 0; border-left-width: 0; z-index:1;}
.flowItem_forLayout:after { content: "\F140"; position: absolute; font-family: "Material Design Icons"; color: #00b2a5; bottom: -27px; left: 50%; margin-left: -5px; background: #fff; border: 2px solid #fff; z-index: 2; line-height: 0; padding: 4px 0;}
.flowItem_forLayout > .flowItem { position: relative; top: -50px; display: inline-block; max-width:250px; z-index:2;}
.flowItem_forLayoutBody {margin-top:-10px;}
.flowItem_forLayoutBody > .addFlowItemBtn{transform: scale(1)!important; pointer-events: inherit!important; margin-top: -14px}
.flowItem_forLayoutBody.hasChildrens > .addFlowItemBtn{/*display:none;*/}
.triggerRecordSaved + .flowItem_triggerLayout.flowItem_triggerLayout_AfterSave.triggerLayoutHidden { padding-top: 10px;}
.flowItem_triggerLayout.triggerLayoutHidden {border-top: 0; border-bottom: 0;}
.flowItem_forLayout.forLayoutHidden { padding: 0; margin-bottom:-38px;}
.flowItem_forLayout.forLayoutHidden > span.borderLeft, 
.flowItem_forLayout.forLayoutHidden > span.borderRight {border-width: 0;}
.flowItem_triggerLayout.forLayoutHidden > .flowItem_triggerLayoutBody { min-height: inherit;}
.flowItem_triggerLayout.triggerLayoutHidden > .flowItem,
.flowItem_triggerLayout.triggerLayoutHidden > .flowItem_triggerLayoutBody > a.addFlowItemBtn,
.flowItem_forLayout.forLayoutHidden > .flowItem, 
.flowItem_forLayout.forLayoutHidden > .addFlowItemBtn_for{display:none;}
.flowItem_triggerLayout.flowItem_triggerLayout_BeforeSave + .triggerRecordSaved {margin-bottom: 8px;}
.flowItem_triggerLayout.triggerLayoutHidden + .triggerRecordSaved { margin: 47px 0 15px;}
.flowItem_triggerLayout.triggerLayoutHidden > .flowItem_triggerLayoutBody  > ul.stepsList > li.forLayoutParentListItem:first-child{padding:0!important;}
.flowItem_triggerLayout.triggerLayoutHidden > .flowItem_triggerLayoutBody  > ul.stepsList > li.forLayoutParentListItem:first-child > .flowItem_forLayout {padding:0!important;}
.flowItem_triggerLayout.triggerLayoutHidden > .flowItem_triggerLayoutBody > ul.stepsList > li.forLayoutParentListItem:first-child:after {display:none;}
a.addFlowItemBtn.inlineButton {position: relative; width: inherit; display: inline-block; border-radius: 3px; padding: 0px 15px 20px; font-size: 13px; line-height: inherit; height: inherit; max-width: 350px; left: inherit; margin-left: inherit; font-weight: 400; color: #ffffff; padding-right: 45px; background: #48af28; border-color: #409526; min-width: 323px;}
a.addFlowItemBtn.inlineButton span.inlineBtnInfoTxt { position: relative; background: #fff; color: #534762; padding: 3px 10px; border-radius: 3px; font-weight: 600; display: inline-block; margin-top: -15px; top: -9px; margin-right: -31px; font-size: 12px; border: 1px solid #20a743; }
a.addFlowItemBtn.inlineButton:hover { background: #3ba93b; text-decoration: none; border-color: #1d8f1d; box-shadow: 2px 2px 3px #dbdee5; }
a.addFlowItemBtn.inlineButton:before, a.addFlowItemBtn.inlineButton:after { display: none; }
a.addFlowItemBtn.inlineButton b { font-weight: 600;}
.flowAddOptionsPopupWrap.adjustMargins { margin-left: 0; margin-top: 18px!important;}
.flowAddOptionsPopupWrap.flowrunChoicePopup.adjustMargins {margin-top: -8px!important; width:320px;}
.flowAddOptionsPopupWrap.flowrunChoicePopup.adjustMargins .flowAddOptionsPopup:before {margin-left: -22px; left: 50%;}
.flowItem_triggerLayout.flowItem_triggerLayout_BeforeSave.triggerLayoutHidden a.addFlowItemBtn.inlineButton{margin-bottom: 0;}
.flowItem_triggerLayout.flowItem_triggerLayout_AfterSave.triggerLayoutHidden a.addFlowItemBtn.inlineButton{margin-bottom: 0; margin-top: 9px;}
.flowItem_forLayout.forLayoutHidden:after { display: none;}
a.addFlowItemBtn.inlineButton:before { font-family: "Material Design Icons"; position: absolute; display: block; content: "\F054"; right: 27px!important; left: inherit; background: transparent!important; top: 50%; margin-top: -6px; font-size: 13px; color: #fff;}
a.addFlowItemBtn.inlineButton span {pointer-events:none;}
a.addFlowItemBtn.inlineButton.current { transform: scale(1); box-shadow: inset 0 0 26px transparent; border-color: inherit; }
.flowItem_forLayout.forLayoutHidden > .flowItem_forLayoutBody > ul.stepsList > li.conditionalLayoutParentListItem:nth-child(1) .flowItem_conditionalLayout {margin-top: 0;}
.triggerRecordSaved.triggersNotEmpty{margin: 18px 0 39px 0px!important;}
a.addFlowItemBtn.inlineButton.blue { padding-top: 10px; padding-bottom: 10px; background: #4d7dd6; margin-bottom:10px; border: 1px solid #4d7dd6; border-radius: 50px;}
a.addFlowItemBtn.inlineButton.blue:before { content: "\F35D"; font-size: 15px; top: 15px; right: 33px!important; }

.flowItem_fieldChangeLayout { display: inline-block; background: #fff; position: relative; padding: 30px; margin-top: 22px;}
.flowItem_fieldChangeLayout > span.borderLeft { position: absolute; top: -1px; bottom: -1px; left: 0; right: 50%; border: 2px dotted #47bfbf; border-radius: 8px 0 0 8px; border-right-width: 0;z-index: 1;}
.flowItem_fieldChangeLayout > span.borderRight { position: absolute; top: -1px; bottom: -1px; right: 0; left: 50%; border: 2px dotted #47bfbf; border-radius: 0 8px 8px 0; border-left-width: 0; z-index:1;}
.flowItem_fieldChangeLayout:after { content: "\F140"; position: absolute; font-family: "Material Design Icons"; color: #00b2a5; bottom: -27px; left: 50%; margin-left: -5px; background: #fff; border: 2px solid #fff; z-index: 2; line-height: 0; padding: 4px 0;}
.flowItem_fieldChangeLayout > .flowItem { position: relative; top: -50px; display: inline-block; max-width:250px; z-index:2;}
.flowItem_fieldChangeLayoutBody {margin-top:-10px;}
.flowItem_fieldChangeLayoutBody > .addFlowItemBtn{transform: scale(1)!important; pointer-events: inherit!important; margin-top: -14px}
.flowItem_fieldChangeLayout .flowItem a.automationFieldItem.automationFieldItem_fieldChange{border: 1px solid #47bfbf; font-size: 13px; padding: 9px 35px 9px 10px; text-decoration: none; color: #202f43; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; background: #ffffff; min-width: 250px; max-width: 250px; word-wrap: break-word; white-space: pre-wrap; text-align: left; font-weight: 500; padding-left: 45px;}


.flowItem_conditionalLayout{display: inline-block;background: #fff;}
.flowItem_forLayout .flowItem_conditionalLayout{display:inline-block; margin-top: 0;}
.flowItem_conditionalLayout span.conditionalIdications {display: block; text-transform: uppercase; width: 38px; height: 38px; line-height: 39px; border-radius: 100%; font-weight: 600; background: #fff; font-size: 10px; position: relative;}
.flowItem_conditionalLayout:after {content: "\F140"; position: absolute; font-family:"Material Design Icons"; color: #1b8abe; bottom: 38px; left: 50%; margin-left: -8px; background: #fff; border: 2px solid #fff; z-index: 1; line-height: 0; padding: 4px 0;}
.flowItem_forLayoutBody > ul.stepsList > li.conditionalLayoutParentListItem:nth-child(1) .flowItem_conditionalLayout {margin-top:-10px;}
.automationFlow a.addFlowItemBtn + .flowItem_conditionalLayoutBody { padding-top: 44px;}
.flowItem_conditionalLayout > ul{font-size:0; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flowItem_conditionalLayout ul > li {display: inline-block; white-space: nowrap; font-size: 0; vertical-align: top; position: relative;}
.flowItem_conditionalLayout ul > li.no {min-width: 44px; padding-bottom: 20px; padding-top: 53px;}
.flowItem_conditionalLayout ul > li.no span.conditionalIdications.no { left: 50%; margin-left: -19px;}
.flowItem_conditionalLayout ul > li.no.noEmpty span.conditionalIdications.no + .addFlowItemBtn { margin-top: 12px; }
.flowItem_conditionalLayout ul > li.yes { padding-bottom:20px;}
.flowItem_conditionalLayout ul > li.yes.empty {padding-bottom: 43px;}
.flowItem_conditionalLayout ul > li.yes:before {content:''; border: 2px solid #66b731; position: absolute; left: 50%; top: 18px; bottom: 0;  border-bottom-color: #f55f5a; border-top-color: #f55f5a; right: 0; border-right: 0; border-radius: 0; z-index:2;}
.flowItem_conditionalLayout ul > li.no:before { content: ''; border: 2px solid #f55f5a; position: absolute; right: 50%; top: 18px; bottom: 0; margin-right: -2px; left: 0; border-left: 0; border-radius: 0 10px 10px 0; }
.flowItem_conditionalLayout ul > li.yes .flowItem_forLayout , .flowItem_conditionalLayout ul > li.no .flowItem_forLayout { margin-top: 24px;}
.forLayoutParentListItem + .forLayoutParentListItem > .flowItem_forLayout {margin-top:30px!important;}
.flowItem_conditionalLayout span.conditionalIdications.yes { border-color: #66b731;  margin: 15px auto; right: -2px;}
.flowItem_conditionalLayout span.conditionalIdications.yes:before { content: 'YES'; left: 0; right: 0; top: 0; bottom: 0; background: #66b731; display: block; z-index: 1; position: absolute; border-radius: 100%; color: #fff; font-size: 11px; }
.flowItem_conditionalLayout span.conditionalIdications.no:before { background: #e46548; content: 'NO'; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 1; position: absolute; border-radius: 100%; color: #fff; font-size: 11px; }
.flowItem_conditionalLayout ul > li.yes:after { content: ''; position: absolute; top: 18px!important; left: 50%!important; background: #f5512b; display: block; height: 2px; right: 0; }
.flowItem_conditionalLayout ul > li.no:after {content: "\F140"; color: #f5512b; position: absolute; top: 27px; right: 50%; font-family: "Material Design Icons"; font-size: 14px; margin-right: -10px; background: #ffffff; display: block; padding: 0px 2px; line-height: 12px; height: 12px;}
li.containsCondition.conditionalLayoutFromSteps { padding-top: 0; }
span.conditionalIdications.no + .addFlowItemBtn {margin-top: 12px;}
.flowItem_conditionalLayout ul > li.flowItemPositioned { min-width: inherit; }
.flowItem_conditionalLayout ul > li.flowItemPositioned:after { position: absolute; content: ''; border-bottom: 2px solid #1b8abe; left: 2px; right: 2px; bottom: 0; }
.flowItem_conditionalLayout ul > li.flowItemPositioned .automationFieldItem{border: 1px solid #197ead; font-size: 13px; padding: 9px 35px 9px 10px; text-decoration: none; color: #ffffff; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; background: #1b8abe; min-width: 100px; text-align: left; font-weight: 600; padding-left: 45px;}
.flowItem_conditionalLayout ul > li.flowItemPositioned  .flowItem { position: relative; top: -19px; z-index:1; }
.flowItem_conditionalLayout > ul > li.flowItemPositioned  > .flowItem  a.automationFieldItemRemove, .flowItem_forLayout > .flowItem >  a.automationFieldItemRemove{ color:rgba(255,255,255,0.8)!important; top:9px!important;}
.addFlowItemBtn_for { position: absolute; left: 50%; bottom: -24px; margin-top: 50px; width: 20px; margin-left: -10px; height: 29px;  z-index: 2;}
.addFlowItemBtn_for:after { content: ''; position: absolute; width: 10px; height: 10px; background: #f9f7f1; border: 2px solid #a3bade; border-radius: 100%; left: 50%; margin-left: -5px; margin-top:0px; }
.addFlowItemBtn_for a.addFlowItemBtn{ bottom: -28px!important;}
.addFlowItemBtn_conditional {position: absolute; left: 50%; bottom: 17px; width: 20px; margin-left: -10px; height: 40px;}
.addFlowItemBtn_conditional:before {content: ''; position: absolute; border-left: 1px solid #7f9fbb; top: 0; bottom: 0; left: 50%; margin-left: 0; }
.addFlowItemBtn_conditional:after {content: ''; position: absolute; width: 10px; height: 10px; background: #f9f7f1; border: 2px solid #a3bade; border-radius: 100%; left: 50%; margin-left: -5px; margin-top: 3px; z-index: 2;}
.addFlowItemBtn_conditional a.addFlowItemBtn{ bottom: -10px!important}
li.conditionalLayoutParentListItem:last-child .flowItem_conditionalLayout > .addFlowItemBtn_conditional a.addFlowItemBtn{ bottom: -21px!important}
li.conditionalLayoutParentListItem:last-child > .flowItem_conditionalLayout:after { bottom: 24px;  margin-left: -8px;}
li.forLayoutParentListItem:last-child > .flowItem_forLayout > .addFlowItemBtn_for a.addFlowItemBtn {bottom: -34px!important;}
li.forLayoutParentListItem:last-child > .flowItem_forLayout:after { margin-left: -8px;}
.flowItem_conditionalLayout ul > li.yes.isEmpty a.addFlowItemBtn.conditionalStartBtn { left: 50%; margin-left: -9px; top: 37px;} 
.flowItem_conditionalLayout ul > li.no.isEmpty a.addFlowItemBtn.conditionalStartBtn { left: 50%; margin-left: -12px; top: 32px;}
ul.stepsList > li { display: block; min-height: inherit; }
ul.stepsList > li:after { content: ''; width: 1px;  background: #7f9fbb!important; display: block; position: absolute; left: 50%; top:0; bottom: 0; }
li.triggerLayoutParentListItem:after { bottom: 80px!important; }
.automationFlow .flowConditionalItemPositioned .flowItem {position:relative;}
.automationFlow .flowConditionalItemPositioned .flowItem a.automationFieldItem{border: 1px solid #e46548; font-size: 13px; padding: 9px 35px 9px 10px; text-decoration: none; color: #202f43; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; background: #ffffff; min-width: 250px; max-width: 250px; word-wrap: break-word; white-space: pre-wrap; text-align: left; font-weight: 500; padding-left: 45px;}
.automationFlow .flowConditionalItemPositioned .flowItem a.automationFieldItemRemove { color:#a4b1cf;}
.flowConditionalItemPositioned { display: inline-block; position: relative;  z-index: 2; }
.flowItem_conditionalLayoutBody > ul.stepsList > li.conditionalLayoutFromSteps:first-child .flowItem_conditionalLayout {padding-top: 15px;}
.flowItem_conditionalLayoutBody > .stepsList > li.forLayoutParentListItem:first-child { padding-top: 30px;}

.automationFlow li .flowItem a.automationFieldItem.ASSIGN { position: relative; padding-left: 35px; border-color: #62c5d8;}
.automationFlow li .flowItem a.automationFieldItem.ASSIGN:before {content:''; background: #4ab97a url(../images/automation-icons.png) no-repeat -327px center; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem.StringOperations { position: relative; padding-left: 35px; }
.automationFlow li .flowItem a.automationFieldItem.StringOperations:before {content:'';  position: absolute; left: 13px; margin-top: -1px; }
a.automationFieldItem.automationFieldItem_if:before { content:'';  width: 26px; position: absolute; top: 6px; left: 9px; bottom: 0; content: 'IF'; text-align: center; background: #dd6d37; border-radius: 100%; height: 26px; line-height: 27px; color: #fff;}
.automationFlow li .flowItem a.automationFieldItem.CREATERECORD { position: relative; padding-left: 35px; border-color: #a291d8;}
.automationFlow li .flowItem a.automationFieldItem.CREATERECORD:before { content:'';  background: #a291d8 url(../images/automation-icons.png) no-repeat -194px center; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem.FOREACH { position: relative; padding-left: 10px; padding-right: 15px; z-index: 1;}
.automationFlow li .flowItem a.automationFieldItem.FOREACH:before {content: ''; position: absolute; top: -10px; left: 0; right: 0; height: 57px; background: #4f71f2; -webkit-transform: perspective(50em) rotateX(-50deg); transform: perspective(50em) rotateX(-50deg); border-radius: 6px; z-index: 10;}
.automationFlow li .flowItem a.automationFieldItem.FOREACH:after { content: ''; border: 5px solid transparent; position: absolute; left: 50%; bottom: -5px; border-top: 5px solid #4f70f2; margin-left: -4px;}
.automationFlow li .flowItem a.automationFieldItem.GETRECORDS { position: relative; padding-left: 45px; border-color: #e0b10b;}
.automationFlow li .flowItem a.automationFieldItem.GETRECORDS:before {content:'';   position: absolute; left: 13px; background: #e0b10b url(../images/automation-icons.png) no-repeat -74px center; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem.EMAIL { position: relative; padding-left: 45px; border-color: #d890b5;}
.automationFlow li .flowItem a.automationFieldItem.EMAIL:before {content:'';  background: #d890b5 url(../images/automation-icons.png) no-repeat -105px center; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%}
.automationFlow li .flowItem a.automationFieldItem.UPDATERECORD { position: relative; padding-left: 35px; border-color: #c1ca68;}
.automationFlow li .flowItem a.automationFieldItem.UPDATERECORD:before {content:'';   background: #c1ca68 url(../images/automation-icons.png) no-repeat -132px center; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem.CREATETASK { position: relative; padding-left: 35px; border-color: #4ab97a;}
.automationFlow li .flowItem a.automationFieldItem.CREATETASK:before { content:'';  background: #4ab97a url(../images/automation-icons.png) no-repeat -327px center; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem.delete {  position: relative; padding-left: 35px; }
.automationFlow li .flowItem a.automationFieldItem.delete:before {content:'';  position: absolute; left: 13px; margin-top: -1px; }
.automationFlow li .flowItem a.automationFieldItem.ShowError {  position: relative; padding-left: 35px; }
.automationFlow li .flowItem a.automationFieldItem.ShowError:before {content:'';  background: #f79292 url(../images/automation-icons.png) no-repeat -353px center; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem.MathExpression { position: relative; padding-left: 35px; border-color: #e99959;}
.automationFlow li .flowItem a.automationFieldItem.MathExpression:before {content:'';  background: #e99959 url(../images/automation-icons.png) no-repeat -302px -2px; content: ''; position: absolute; top: 50%; margin-top: -12px; left: 12px; width: 24px; height: 24px; color: #fff; border-radius: 100%;}
.automationFlow li .flowItem a.automationFieldItem_fieldChange:before { content:'';  width: 26px; position: absolute; top: 6px; left: 9px; bottom: 0; content: 'IF'; text-align: center; background: #47bfbf; border-radius: 100%; height: 26px; line-height: 27px; color: #fff;}


.flowAddOptionsPopupWrap { position: absolute; z-index: 9; margin-left: -27px;}
.flowAddOptionsPopup { position: relative; -webkit-box-shadow: 0px 10px 18px rgba(130, 129, 138, 0.5); box-shadow: 10px 10px 18px rgba(130, 129, 138, 0.5); background: #fff; padding: 30px 25px; border-radius: 10px; border: 1px solid #c8d0d6; border-top: 5px solid #8078eb; text-align: left; color: #374e6c; min-width: 300px;}
.flowAddOptionsPopup h2 { font-size: 16px; font-weight: 400; margin: 0; }
ul.flowAddOptionsList { padding-top: 20px; }
ul.flowAddOptionsList > li { display: block; min-height: inherit; padding: 10px 0; font-size: 13px; text-align: left; cursor: pointer; }
ul.flowAddOptionsList > li:hover { color: #31a0da; }
ul.flowAddOptionsList > li .txtLg { font-weight: 600; display: block; font-size: 13px; }
ul.flowAddOptionsList > li .txtSm { color: #adb5c2; font-style: italic; font-size: 12px; }
.flowAddOptionsListHeader { border-bottom: 1px solid #c8d0d6; padding: 0 0 5px; margin-bottom: 10px; }
ul.flowAddOptionsListPlain > li {display: block; padding-left: 10px;}
ul.flowAddOptionsListPlain > li > a{display: block; padding: 5px 10px; color: #253858; border-radius: 5px;}
ul.flowAddOptionsListPlain > li > a:hover { background: #f4a93f; color: #fff; text-decoration: none; }
.flowAddOptionsListHeader + ul.flowAddOptionsListPlain { margin-bottom: 10px; }
.flowAddOptionsPopup:before { content: ''; position: absolute; border: 5px solid transparent; border-bottom: 7px solid #8078eb; top: -17px; margin-left: 1px;}
a.more { font-size: 13px; margin-top: 15px; display: inline-block; color: #374e6c; position: relative; padding-right: 14px; }
a.more:after { content: ''; border: 4px solid transparent; border-left: 4px solid #adb5c2; position: absolute; top: 6px; right: 0; }
.flowAddOptionsPopupWrap.centerArrow {margin-top: 10px; margin-left: 0;}
.chUTronConditionBlockStepContainer { padding-top: 15px; }
.chUTronConditionBlockStep + .chUTronConditionBlockStepContainer { margin-left: 30px; }
.chUTronConditionBlockStepContent > .chUTronConditionBlockStepContainer { margin-left: -30px; }
.chUTronConditionBlockStepContent > .chUTronConditionBlockStepContainer:first-child { padding-top: 0; }
.chUTronConditionBlockStepContent + .chUTronConditionBlockStepContainer { padding-top: 0; }
.chUTronConditionBlockStep {display: inline-flex;}
.chUTronConditionBlockToggle { display: flex; align-items: center; padding: 0 5px; font-size: 18px; justify-content: center; cursor: pointer; }
.chUTronConditionBlock { display: flex; cursor:pointer; }
.chUTronConditionBlockAddon { min-width: 32px; display: flex; align-items: center; justify-content: center; padding: 0 10px; border-radius: 5px 0 0 5px; margin-right: -4px; position:relative; }
.chUTronConditionBlock.if .chUTronConditionBlockAddon, .chUTronConditionBlock.where .chUTronConditionBlockAddon { background: #2a9924; color: #fff; }
.chUTronConditionBlock.if .chUTronConditionBlockAddon:before { content: 'if'; }
.chUTronConditionBlock.where .chUTronConditionBlockAddon:before { content: 'where';}
.chUTronConditionBlock.else .chUTronConditionBlockAddon { background: #f1642c; color: #fff; }
.chUTronConditionBlock.else .chUTronConditionBlockAddon:before { content: 'else'; }
.chUTronConditionBlock.for .chUTronConditionBlockAddon { background: #408ff9; min-width: 32px;}
.chUTronConditionBlock.for .chUTronConditionBlockAddon:before {content:''; position:absolute; top:0; right:0; bottom:0; left:10px; border-radius:5px 0 0 5px; background:#2f7de4;}
.chUTronConditionBlock.for .chUTronConditionBlockAddon:after {content:''; position:absolute; top:0; right:0; bottom:0; left:20px; border-radius:5px 0 0 5px; background:#1f69ca;}
.chUTronConditionBlock.fieldchange .chUTronConditionBlockAddon { background: #47bfbf url(../images/automation-icons.png) no-repeat -374px 0px; }
.chUTronConditionBlock.getRecords .chUTronConditionBlockAddon {background: #e0b10b;}
.chUTronConditionBlock.getRecords .chUTronConditionBlockAddon:before { content:"\F349"; font-family:"Material Design Icons"; font-size:15px; color:#fff; }
.chUTronConditionBlockTxtWrap { display: flex; background: #fff; border: 1px solid #c8d0d6; align-items: center; border-radius: 5px; /*height: 30px;*/ position:relative; border-left:0 none;}
.chUTronConditionBlock.getRecords .chUTronConditionBlockTxtWrap{border-left: 1px solid #c8d0d6;}
.chUTronConditionBlockTxt { padding: 3px 0 3px 10px; min-height: 30px; display: flex; align-items: center; flex-wrap: wrap; max-width: 480px;}
.chUTronConditionBlock.getRecords .chUTronConditionBlockTxt { padding: 7px 0 7px 10px;}
.chUTronConditionBlock.getRecords .chUTronConditionBlockTxt .txtSm{font-weight:400; font-size:12px;}
.chUTronConditionBlockTxtWrap
.chUTronConditionBlockRemove { display: flex; height: 30px; width: 30px; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; }
.chUTronConditionOperator {display:inline-block; padding:0 4px;}
.chUTronConditionAddBtnWrap { display: flex; position: relative; }
.chUTronConditionAddBtn { font-size: 16px; color: #2a9924; display: none; width: 30px; position: relative; align-items: center; justify-content: center; cursor: pointer; }
.chUTronConditionBlockParent {display: inline-flex;}
.chUTronConditionBlockParent:hover .chUTronConditionAddBtn { display: flex; }
.chUTronConditionAddBtnWrap .flowAddOptionsPopupWrap { top: 30px; left: 10px; }
.chUTronConditionBlockStepContent { padding: 15px 0 15px 60px; }

.flowItem_automationTabs { display: inline-block; border: 2px solid #c4d2e8; position: relative; padding:0 30px 30px; border-radius: 10px; z-index:1; }
.flowItem_automationTabs:before { content: "\F140";  color: #7897b2; position: absolute; top: 8px; left: 50%; font-family: "Material Design Icons"; font-size: 8px; margin-left: -6px; background: #ffffff; display: block; padding: 3px 2px;}
.flowItem_automationTabs > .flowItem { position: relative; top: -34px; }
.automationTabs {display:inline-block; font-size: 0}
.automationTabs > a { display: inline-block; position: relative; border:2px solid #c4d2e8; font-size: 13px; height: 34px; line-height: 30px; padding: 0 10px;  min-width: 120px; background: #fff; color: #6682a7; font-weight: 600; text-decoration: none; }
.automationTabs > a.active:before {content: "\f00c"; font-family: FontAwesome; font-size:11px; color: #66b92e; font-weight: normal; margin-right: 5px;}
.automationTabs > a:first-child { border-right: 0; border-radius: 5px 0 0 0; }
.automationTabs > a:last-child { border-left: 0; border-radius: 0 5px 0 0; }
.automationTabs > a.active {color: #202f43; background: #fff; border-bottom-color: transparent;}
.automationTabs > a:not(.active):hover { background: #eef2f9; }
.flowItem_automationTabsBody > .addFlowItemBtn { transform: scale(1)!important; pointer-events: inherit!important; margin-top: -14px; }
.flowItem_automationTabsBody.hasChildren > .addFlowItemBtn {display:none;}
.modal#flowModal .modal-dialog {transform: inherit!important; }
.flowModal .modal-content{ border-radius:10px;}
.flowModal .modal-title{ font-size: 14px; text-align: center;}
.flowModal .modal-footer{border-top: 1px solid #c8d0d6;}
.flowModal .modal-body{ padding: 0; height:550px;}
.flow-modal-wrap { height: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.flowModalSidebar { height: 100%; position: absolute; width: 240px; border-radius: 10px 0 0 10px; border-right: 1px solid #c8d0d6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-240px); transform: translateX(-240px); }
.flowModalRightSect { height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.flow-modal-wrap.showActionsBar .flowModalSidebar{transform: translateX(0px); }
.flow-modal-wrap.showActionsBar .flowModalRightSect{padding-left:240px;}
.ch-layout-table-row.flowModalHeader, .ch-layout-table-row.flowModalHeader > .ch-layout-table-cell {height: 51px;}
.flowModal .modal-dialog{width:885px;}
.flowModal .modal-header{padding: 12px 15px; border-bottom: 1px solid #c8d0d6;}
.flowModal .modal-header .close { margin-top: 2px; font-size: 14px; }
.flowModal .modal-body input:not([type="radio"]):not([type="checkbox"]), .flowModal .modal-body select {border: 1px solid #c8d0d6; font-size: 12px!important; line-height: normal; padding: 0 12px;}
.flowModal .modal-body .row {margin-right: -7px;  margin-left: -7px;}
.flowModal .modal-body .row > div[class*=col-md-]{padding-right: 7px; padding-left: 7px;}
.flowModal .modal-body .scroller {border-radius: 5px;}
#flowModal .scroller  .mCSB_scrollTools {width:4px;}
.ch-layout-table-cell.flowModalSidebar { background: #f5f9fc; border-right: 1px solid #c8d0d6; width: 240px; border-radius: 5px 0 0 5px; }
.ch-layout-table-cell.flowModalSidebarTitleCell { height: 46px; }
.ch-layout-table-cell.flowModalSidebarTitleCell h2{margin: 0; font-size: 14px; font-weight: 600; display: block; padding: 15px; border-bottom: 1px solid #c8d0d6;}
.flowModal .ch-layout-table-cell{vertical-align: top;}
.flowModal .ch-layout-table-cell.flowItemInfoCell {padding:15px;}
.flowModalFooterCell{height:50px;}
.flowModalFooterCell .btn-primary {border-radius:30px; min-width:85px;}
.flowModal .modal-body .content { padding:25px;}
.flowModal .modal-body h2.flowActionHead{font-size: 13px; font-weight: 600; margin: 0; padding: 0 0 0 85px; position: relative; background-color: #ffffff; right: 1px; left: 1px; z-index: 1; top: 1px; display: block; height: 51px; line-height: 51px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px 10px 0 0;}
.flowModal .modal-body h2.flowActionHead:before, .flowModal .modal-body h2.flowActionHead:after {background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; top: 100%;}
.flowModal .modal-body h2.flowActionHead:after { background-image:linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%);}
.flowModal .modal-body h2.flowActionHead:before { background-image:linear-gradient(135deg, #c8d0d6 25%, transparent 25%), linear-gradient(225deg, #c8d0d6 25%, transparent 25%); margin-top: 1px;}
.flowModal .modal-body h2.flowActionHead > i[class*=ch-]{display: block; width: 24px; height: 24px; border-radius: 100%; text-align: center; line-height: 24px; color: #fff; font-size: 12px; position: absolute; left: 52px; top: 50%; margin-top: -12px;}
.flow-modal-wrap.flowModalEdit h2.flowActionHead > i[class*=ch-] {left: 20px;}
.flow-modal-wrap.flowModalEdit h2.flowActionHead { padding: 0 0 0 52px;}
.actionsMenuBtn{position: absolute; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease; left: -1px; top: 0; width: 52px; font-size: 10px; line-height: 10px; height: 52px; display: block; cursor: pointer; padding: 20px 18px; z-index: 2;}
.actionsMenuBtn:hover > span { background: #324752;}
.actionsMenuBtn > span { display: block; pointer-events:none; height: 1px; background: #b1bfca; margin-bottom: 3px; position: relative; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.flow-modal-wrap.showActionsBar .actionsMenuBtn {left:239px;}
.flowModal.hideSidebar .modal-body h2.flowActionHead {left:25px; right:25px;}
.flowModal .modal-body .content h4.flowActionSubHead {font-size: 13px; margin-top: 15px; font-weight: 600; border-bottom: 1px solid #caced4; padding: 9px 0; margin-bottom: 14px;}
.flowModal.hideSidebar .flowModalSidebar{display:none;}
.flowModal.hideSidebar .modal-body .content{padding:70px 25px 25px;}
.flowModal.hideSidebar .ch-layout-table-cell.flowItemInfoCell {padding:25px;}
.content.EMAIL .automationFieldContainer {display: flex; padding-left: 0; }
.content.EMAIL .automationFieldLabel {width: 100px; position: static; display: flex; justify-content: flex-end; padding-right: 10px; }
.content.EMAIL .automationFieldLabel + .flowFieldWrap, .content.EMAIL .automationFieldLabel + .flowFieldContainer {width: 100%;}
.content.EMAIL .automationFieldContainer .input-group.field {max-width:inherit;}
.content.EMAIL .flowFieldContainer .flowFieldWrap {display:block;}
.content.EMAIL .bulkMailCcLinks { right: 0px; top: 6px; font-size: 12px; }
.content.EMAIL .chRecepients.lookupWrap .chRecepientsTextarea {height:30px!important;}
.content.EMAIL .flowFieldWrap.ch-automation-email-dropdown { display: inline-block!important; }
.content.EMAIL .ch-automation-add-email { display: inline-block; font-size: 16px; color: #2a9924; cursor:pointer; }
.ch-automation-email-dropdown .chFiltersDropdown.toRight{left: inherit!important; margin-left: -279px;}
.ch-automation-email-dropdown .chFiltersDropdown .chFiltersDropdownIn:before, .ch-automation-email-dropdown .chFiltersDropdown .chFiltersDropdownIn:after {left:5px;}
.ch-automation-email-dropdown .chFiltersDropdown.toRight .chFiltersDropdownIn:before, .ch-automation-email-dropdown .chFiltersDropdown.toRight .chFiltersDropdownIn:after {left:inherit; right: 10px;}
.flowFieldWrap .btn , .flowFieldWrap input { font-size:12px;}
ul.queryGroup > li {display: block; padding: 0 0 0 30px; position:relative;}
ul.queryGroup > li:before { content: ''; position: absolute; width: 20px; top: 16px; bottom: 13px; left: 0; border: 1px dashed #c8d0d6; border-right: 0; border-radius: 4px 0 0 4px; }
.queryListItemBody { padding: 10px 0; }
.queryGroupWrap { padding: 5px 15px; }
.btn.flowDropdownStyle, .btn.flowDropdownStyle:hover, .btn.flowDropdownStyle:active, .open > .btn.flowDropdownStyle{ box-shadow: 0 0 0 transparent; border-radius: 0;  border-color: transparent!important; background: transparent!important; font-weight: 400; color: #00a8ff; padding:5px 0; }
.btn.flowDropdownStyle .caret {margin-left: 5px;}
.open > .btn.flowDropdownStyle .caret{opacity:1;}
.btn.flowDropdownStyle:hover .caret {opacity: 1; }
.btn.flowDropdownStyle:hover {border-bottom-color:#c8d0d6!important;}
.queryListAddDropdown .btn{box-shadow: 0 0 0 transparent!important; border-radius: 0;  border-color: transparent!important; padding:6px 0; background: transparent!important; font-size: 13px; font-weight: 600; color: #202f43; }
.queryListAddDropdown .btn i{font-size:11px; color:#2ab966; margin-right:4px;}
.queryListAddDropdown .dropdown-menu, .logicalOperatorDropdown .dropdown-menu{font-size:13px; border-color: #c8d0d6;}
.queryListAddDropdown .dropdown-menu:before, .logicalOperatorDropdown .dropdown-menu:before  { content: ''; border: 5px solid transparent; border-bottom: 5px solid #a9bad0; position: absolute; top: 0; margin-top: -11px; margin-left: 20px; }
.queryListAddDropdown .dropdown-menu:after, .logicalOperatorDropdown .dropdown-menu:after { content: ''; border: 5px solid transparent; border-bottom: 5px solid #ffffff; position: absolute; top: 0; margin-top: -10px; margin-left: 20px; }
.queryListAddDropdown .dropdown-menu>li>a:focus, .logicalOperatorDropdown .dropdown-menu>li>a:focus, .queryListAddDropdown .dropdown-menu>li>a:hover, .logicalOperatorDropdown .dropdown-menu>li>a:hover { background: #1E82B5; color: #fff; }
span.operator { color: #728790; vertical-align: middle; display: inline-block;}
span.operator .dropdown-menu{ border-color: #c8d0d6;}
span.operator .dropdown-menu > li > a {font-size:11px;}
span.operator .dropdown-menu>li>a:focus, span.operator .dropdown-menu>li>a:hover { background: #1E82B5; color: #fff; }
span.operator .dropdown-menu:before { content: ''; border: 5px solid transparent; border-bottom: 5px solid #c8d0d6; position: absolute; top: 0; margin-top: -11px; margin-left: 20px; }
span.operator .dropdown-menu:after { content: ''; border: 5px solid transparent; border-bottom: 5px solid #ffffff; position: absolute; top: 0; margin-top: -10px; margin-left: 20px; }
span.operator .btn { box-shadow: 0 0 0 transparent!important; border-radius: 0; border-color: transparent!important; padding: 6px 0; background: transparent!important; font-size: 13px; color: #7f8e96; font-weight: normal; }
ul.flowActionsList { padding: 20px 0; }
ul.flowActionsList > li { display: block; }
ul.flowActionsList > li > span { display: block; padding: 8px 15px 8px 30px; cursor: pointer; font-weight: 600; position: relative;}
ul.flowActionsList > li > span:after { content: ''; position: absolute; border: 4px solid transparent; border-top: 4px solid #202f43; left: 15px; top: 50%; margin-top: -2px; transition: all 0.3s ease; }
ul.flowActionsSubList {margin:5px 0 20px 0;}
ul.flowActionsSubList > li { display: block; padding: 0;}
ul.flowActionsSubList > li > a { display: block; padding: 13px 15px 13px 63px; color: #253858; position: relative; text-decoration: none; font-size:12px;}
.flowActionsSubList > li.selected a { background: #fff;}
.flowActionsSubList > li.selected a:after { position: absolute; right: 5px; font-family: "Material Design Icons"; font-size: 16px; color: #253858; top: 50%; margin-top: -11px; content: "\F142"}
ul.flowActionsSubList > li > a i { display: block; width: 24px; height: 24px; border-radius: 100%; text-align: center; line-height: 24px; color: #fff; font-size: 12px; position: absolute; left: 30px; top: 50%; margin-top: -11px;}
ul.flowActionsSubList > li a:hover { background: #ffffff; text-decoration: none; }
.flowModal .fieldChangeGrid { margin-bottom: 10px; width:inherit;}
.flowModal .fieldChangeGrid .ch-layout-table-cell { padding-right: 15px; vertical-align: middle; padding-bottom: 5px;}
.flowModal .fieldChangeGrid .ch-layout-table-cell.is { width: 24px; }
.flowModal .fieldChangeGrid .btn-transparent { padding: 5px; font-size: 14px; color: #b1bfca; width: 30px; }

ul.flowActionsSubList > li > a i, .flowModal .modal-body h2.flowActionHead > i {background-image:url(../images/automation-icons.png); background-repeat:no-repeat; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-box-shadow:0 0px 0px 0 transparent; box-shadow:0 0px 0px 0 transparent;}
.flowModal i.ch-icon-GETRECORDS {background-color:#e0b10b; background-position: -74px -1px; }
.flowModal i.ch-icon-CREATERECORD {background-color:#8453f4;  background-position: -194px -3px;}
.flowModal i.ch-icon-UPDATERECORD { background-color: #c6d53b; background-position: -132px -1px; }
.flowModal i.ch-icon-CREATETASK { background-color: #469a35; background-position: -328px -2px; }
.flowModal i.ch-icon-FOREACH{background-color:#00b2a5; background-position: -40px -1px; }
.flowModal i.ch-icon-IF {background-color:#f35951; background-image:none!important;}
.flowModal i.ch-icon-IF:before { content: 'IF'; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; }
.flowModal i.ch-icon-FIELDCHANGE {background-color: #47bfbf; background-position: -377px -3px;}
.flowModal i.ch-icon-ASSIGN {background-color:#5ec4d7; background-position: -229px -2px;}
.flowModal i.ch-icon-EMAIL {background-color:#f4ac57;  background-position:-105px -2px;}
.flowModal i.ch-icon-MathExpression {background-color:#f4ac57;  background-position: -302px -2px;}
.flowModal i.ch-icon-ShowError { background-color: #d53afc; background-position:-353px -3px;}
.flowModal i.ch-icon-ShowError { background-color: #f79292; background-position:-353px -3px;}
ul.flowActionsSubList > li > a.GETRECORDS:hover i.ch-icon-GETRECORDS{box-shadow:0 0px 0 5px rgba(224, 177, 11, 0.2);}
ul.flowActionsSubList > li > a.CREATERECORD:hover i.ch-icon-CREATERECORD{box-shadow:0 0px 0 5px rgba(175, 156, 238, 0.2);}
ul.flowActionsSubList > li > a.UPDATERECORD:hover i.ch-icon-UPDATERECORD{box-shadow:0 0px 0 5px rgba(207, 218, 100, 0.2);}
ul.flowActionsSubList > li > a.CREATETASK:hover i.ch-icon-CREATETASK{box-shadow:0 0px 0 5px rgba(73, 202, 128, 0.2);}
ul.flowActionsSubList > li > a.FOREACH:hover  i.ch-icon-FOREACH{box-shadow:0 0px 0 5px rgba(0, 178, 165, 0.2);}
ul.flowActionsSubList > li > a.IF:hover i.ch-icon-IF{box-shadow:0 0px 0 5px rgba(27, 138, 190, 0.2);}
ul.flowActionsSubList > li > a.ASSIGN:hover i.ch-icon-ASSIGN{box-shadow:0 0px 0 5px rgba(73, 202, 128, 0.2);}
ul.flowActionsSubList > li > a.EMAIL:hover i.ch-icon-EMAIL{box-shadow:0 0px 0 5px rgba(224, 148, 187, 0.2);}
ul.flowActionsSubList > li > a.StringOperations:hover i.ch-icon-StringOperations{box-shadow:0 0px 0 5px rgba(94, 196, 215, 0.2);}
ul.flowActionsSubList > li > a.MathExpression:hover i.ch-icon-MathExpression{box-shadow:0 0px 0 5px rgba(233, 153, 89, 0.2);}
ul.flowActionsSubList > li > a.ShowError:hover i.ch-icon-ShowError{box-shadow:0 0px 0 5px rgba(247, 146, 146, 0.2);}

.automationLabelStyle {font-weight: 400; color: #126588;}
.automationFieldContainer { position: relative; padding-left: 180px; margin-bottom: 10px; }
.automationFieldContainer.lg { font-weight:600;  padding-left: 100px;}
.automationFieldContainer.lg.marg90 { padding-left: 90px;}
.automationFieldContainer.lg  .flowDropdownStyle{ font-size:13px; font-weight: 500;}
.automationFieldContainer.lg .automationFieldLabel {width:100px; margin-top: 3px;}
.automationFieldContainer.lg.mapping {padding-left:180px;}
.automationFieldContainer.lg.mapping .automationFieldLabel {width:180px; margin-top: 3px;}
.automationFieldLabel { position: absolute; padding-left: 0px; padding-top: 5px; left: -14px; width: 180px; text-align: right; font-size:12px;}
.automationFieldContainer .input-group.field { max-width: 250px;}
.automationFieldContainer .input-group.field .input-group-addon { background: transparent; border: 0 none; border-radius: 0; border-bottom: 1px solid #e7eff3; min-width:36px; }
.automationFieldContainer .input-group.field .input-group-addon a { font-size: 13px; right: 45px; top: 9px; color: #b3c8d6; cursor: pointer; display:none; }
.automationFieldContainer .input-group.field:hover .input-group-addon a {display:inline-block;}
.automationFieldContainer.GETRECORDS, .automationFieldContainer.IF { padding-left: 100px;}
.automationFieldContainer.GETRECORDS .automationFieldLabel, .automationFieldContainer.IF .automationFieldLabel {width:96px;}
.conditionsExist { margin-left: -48px; }
.flowModal .flowFieldWrap { position: relative;}
.flowAddActionsDropdown {display:none; font-size: 13px; font-weight: normal; line-height: normal; position: absolute; width: 302px; left: 0; margin-top: 3px; z-index: 9; padding-top: 3px; }
.flowAddActionsDropdownIn { min-height: 250px; max-height: 300px; overflow: hidden; border: 1px solid #a5b8c7; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 7px rgba(43, 82, 109, 0.4); box-shadow: 1px 1px 7px rgba(43, 82, 109, 0.4); background: #fff; }
.flowAddActionsDropdownIn:before { content: ''; border: 6px solid transparent; border-bottom: 6px solid #a5b8c7; position: absolute; top: 0; left: 75px; margin-top: -9px; }
.flowAddActionsDropdownIn:after { content: ''; border: 6px solid transparent; border-bottom: 6px solid #f6f8fa; position: absolute; top: 0; left: 75px; margin-top: -8px; }
.flowAddActionsDropdownHeader { height: 37px; line-height: 37px; padding: 0 15px;  -webkit-border-radius: 3px 3px 0 0; border-radius: 5px 5px 0 0; position: relative; font-weight: 600; background: #f6f8fa; border-bottom: 1px solid #bdccd8; }
.flowActionsSearch { background: #ffffff; border-bottom: 1px solid #bdccd8; padding: 3px 10px 3px 24px; position: relative; }
.flowActionsSearch:before { position: absolute; left: 12px; top: 10px; width: 20px; height: 15px; content: "\f002"; font-family: FontAwesome; color: #70868f; }
.flowActionsSearch input { background: transparent; width: 100%; height: 30px; border: 0 none!important; box-shadow: 0 0 0 transparent!important; }
::-webkit-input-placeholder { color: #a5b8c7; } 
::-moz-placeholder { color: #a5b8c7;  } 
:-ms-input-placeholder {color: #a5b8c7;  } 
:-moz-placeholder { color: #a5b8c7; }
.flowActionsListContainer { position: relative; }
ul.addFlowActionsList{overflow: auto; max-height: 170px;}
ul.addFlowActionsList > li { display: block; font-size: 13px; font-weight: normal; }
ul.addFlowActionsList > li > a, ul.addFlowActionsList > li > a:hover { text-decoration: none; cursor: default; display: block; background: #f6f8fa!important; color: #324c62!important; padding: 6px 15px; font-weight: 600; }
ul.addFlowActionsList> li > ul > li > a {display: block; color: #324c62; padding: 6px 25px;}
ul.addFlowActionsList> li > ul > li > a:hover, ul.addFlowActionsList> li > ul > li > a.active { text-decoration: none; background: #1E82B5; color: #fff; }
.builderFieldContainer { display: inline-block; position: relative; border-radius: 3px; border: 1px solid #c8d0d6; background: #f9f8fb; padding-right: 30px; }
.builderFieldRemove{position: absolute; right: 0; top: 0; width: 32px; bottom: 0; text-align: center; line-height: 32px; font-size: 10px; display: block; color: #c4cdd4;}
.builderField{ position: relative; padding-left: 13px; cursor: pointer; font-size:12px;}
.builderFieldContainer:hover {background: #fff;}
a.builderFieldRemove:hover { background: #fff4de; color: #f33232; }
.builderFieldTxt { height: 30px; line-height: 30px; white-space:nowrap;}
.builderFieldTxt .text-blue-dark { font-weight: 400; color: #253858;}
.builderFieldTxt .text-faint { margin: 0 5px; }
.builderFieldTxt .text-blue { font-weight: 600; }
.builderFieldTxt.txtOverflow{ max-width: 300px;overflow: hidden;text-overflow: ellipsis;}
.builderField.hasCaret { padding-right: 26px; }
.builderField.hasCaret:after { content: ''; position: absolute; right: 10px; top: 50%; border: 4px solid transparent; border-top: 4px solid #c4cdd4; margin-top: -1px; }
.automationConditionalContainer { padding: 25px; }
ul.automationConditionsList > li { display: block; position: relative; padding-bottom: 5px; }
ul.automationConditionsList > li.isGroup { margin-bottom: 10px; }
ul.automationConditionsList > li.isGroup > .builderFieldRemove { left: 14px; top: -1px; height: 14px; width: 14px; line-height: 14px; border-radius: 100%;}
ul.automationConditionsList > li.isGroup ul.automationConditionsList > li:last-child { padding-bottom: 0;}
.flowFieldWrap > .btn-group.addConditionBtn { min-width: 190px;}
.flowFieldWrap > .btn-group.addConditionBtn .if { display: inline-flex; width: 18px; height: 18px; align-items: center; background: white; color: #2a9924; text-align: center; border-radius: 100%; justify-content: center; margin: 3px 5px 3px 0; }
ul.automationConditionsList.hasOperator > li { padding-left: 48px;}
ul.automationConditionsList.hasOperator > li .chFiltersDropdown { left: 50px;}
ul.automationConditionsList.noGroup > .isGroup > .automationConditionsList { padding: 0;}
ul.automationConditionsList + ul.automationConditionsList {padding-top: 10px!important;}
ul.automationConditionsList.noGroup > .isGroup:before { opacity: 0; }
ul.automationConditionsList.noGroup > .isGroup > a.builderFieldRemove { display: none; }
span.operator { color: #728790; vertical-align: middle; position: absolute; left: 0; }
span.operator .dropdown-menu{font-size:13px; border-color: #c8d0d6;}
span.operator .dropdown-menu>li>a:focus, span.operator .dropdown-menu>li>a:hover { background: #1E82B5; color: #fff; }
span.operator .dropdown-menu:before { content: ''; border: 5px solid transparent; border-bottom: 5px solid #c8d0d6; position: absolute; top: 0; margin-top: -11px; margin-left: 20px; }
span.operator .dropdown-menu:after { content: ''; border: 5px solid transparent; border-bottom: 5px solid #ffffff; position: absolute; top: 0; margin-top: -10px; margin-left: 20px; }
span.operator .btn { box-shadow: 0 0 0 transparent!important; border-radius: 0; border-color: transparent!important; padding: 6px 0; background: transparent!important; font-size: 11px; color: #7f8e96; font-weight: normal; }
li.isGroup:before { content: ''; position: absolute; border: 1px dashed #8897a3; top: 5px; bottom: 5px; width: 20px; border-right: 0; border-radius: 4px 0 0 4px; }
li.isGroup > ul.automationConditionsList { padding: 25px 20px 8px; }
.addConditionBtn .btn { font-size: 12px; font-weight: 600;}
.addConditionBtn .btn.btn-default { color: #202f43; border-color: #c8d0d6; padding: 3px 10px;}
.addConditionBtn .btn.dropdown-toggle { color: #b3c1cb; padding: 6px 7px; }
.addConditionBtn .btn.btn-default i.ch { color: #2a9924; font-size: 16px; display: inline-block; vertical-align: middle; }
.addConditionBtn .dropdown-menu>li>a{font-size:12px;}
ul.automationConditionsList.hasOperator > li > a.builderFieldRemove { left: 70px;}
.flowFieldContainer .flowFieldWrap {display: inline-block; vertical-align: middle;}
a.flowFieldRemove { font-size: 10px; margin-left: 10px; position: relative; color: #b3c8d6; display: inline-block; vertical-align: middle;}
.saveAutomationModal .modal-dialog{max-width:430px;}
.saveAutomationModal .modal-dialog .filterRadioGroup .btn-default{width:50%;}
.saveAutomationModal .modal-dialog .filterRadioGroup .btn-default.active::before { content: "\F12C"; font-family:"Material Design Icons";  position: absolute; left: 12px; color: #36ac36; font-size:16px; top:3px;}
.saveAutomationModal .modal-header{text-align: center; border-bottom: 0 none; padding-top: 35px;}
.saveAutomationModal .form-group label{ font-weight:400;}
.saveAutomationModal .form-group {margin-bottom: 25px;}
.saveAutomationModal .modal-body {padding: 15px 30px 10px;}
.saveAutomationModal .form-control {height: 34px;}
.saveAutomationModal .modal-footer{text-align:center; padding-bottom:34px;}
.saveAutomationModal .modal-footer .btn {font-size: 14px; min-width: 110px;}

.saveAutomationModal .filterRadioGroup { margin-bottom: 25px; }
.saveAutomationModal .filterRadioGroup { margin-bottom: 25px; }
.saveAutomationModal .filterRadioGroup .input-group, .filterRadioGroup .btn-group { display: block; }
.saveAutomationModal.filterRadioGroup .btn-default { height: 35px; line-height: 35px; padding: 0; width: 33.33%; font-size: 13px; border-color: #d9e5ef;}
.saveAutomationModal .filterRadioGroup .btn-default.active{background: #f5f9fe;}
.saveAutomationModal .filterRadioGroup .btn-default.active:before { content: '✔'; position: absolute; left: 12px; color: #36ac36; }

/* Simple Automation*/
.automationSteps { padding: 75px 45px 25px; position: relative; margin-top: 25px; }
.automationSteps.disabled {pointer-events:none;}
.automationSteps:after { content: ''; display: block; background: url(../Images/utron-flow-icon.png) no-repeat center center; width: 41px; height: 47px; background-size: 100%; position: absolute; top: 18px; left: 43px; }
.automationSteps:before { content: ''; position: absolute; top: 20px; left: 62px; bottom: 20px; display: block; width: 1px; background: #c8d0d6; }
.automationStep { counter-increment: step-counter; position: relative; padding-left: 55px; }
.automationStep:before { content: ''; position: absolute; left: 1px; top: 7px; display: block; width: 34px; height: 34px; background: #ffffff; border-radius: 100%; line-height: 33px; text-align: center; border: 1px solid #c8d0d6; font-family: "Material Design Icons"; font-size: 24px;}
.automationStep.triggerStep:before { color: #eda91f; content: "\F150"; }
.automationStep.recordStep:before { color: #f0622d; content: "\F573"; }
.automationStep.conditionStep:before { content: "\F4E1"; color: #4964f1; }
.automationStep.triggerSelectStep:before { color: #ffbb33; content: '\f336';}
.automationSteps .chAddConditionBtn {font-weight: 600; color: #253858; display: inline-block; margin-top: 7px; font-size: 12px;}
.automationSteps .chAddConditionBtn i.ch { color: #17ab15; font-size: 18px; vertical-align: middle; margin-right: 3px; }
.chUTronConditionBlockWrap + .chAddConditionBtn { margin: 15px 0 0 10px; display: inline-block; }
.automationStepTitle { font-size: 13px; font-weight: 600; padding: 15px 0 10px; }
.chAutomationConditionBlock .automationStepTitle { padding: 15px 0 0px;}
.automationStepTitle + ul.chAutomationActionList { margin-top: 10px;}
.automationStep.automationStepCondition + .automationStep.automationStepCondition > .automationStepTitle,
.automationStep.automationStepGetRecords + .automationStep.automationStepGetRecords > .automationStepTitle, 
.automationStep.automationStepCondition + .automationStep.automationStepCondition:before,
.automationStep.automationStepGetRecords + .automationStep.automationStepGetRecords:before { display: none; }
.automationStepContent { padding-bottom: 15px; }
.automationStepContent .automationStepSelect {max-width: 270px; }
.automationStepContent .automationStepSelect.empty { font-size:12px;}
.automationStepContent .automationStepSelect option{max-width: 270px; font-size:13px; }
.automationStepContent .automationStepSelect option:first-child { display: none; }
.automationStepContent .automationStepSelect.required { border-color: #f0362d; box-shadow: 0 0 4px #ff9f4d; }
.chAutomationConditionBlockWrap { display: inline-block; position: relative; margin-left: -27px; padding-left: 30px; padding-top: 5px; display: inline-block; padding-right: 20px; }
.chAutomationConditionBlock { position: relative;}
.chAutomationConditionBlock .close {display:none; position: absolute; right: 0; top: 0; margin: -5px -12px 0 0; font-size: 15px; }
.chAutomationConditionBlock:hover .close {display:block;}
ul.chAutomationActionList > li {display: inline-block; position: relative; }
ul.chAutomationActionList > li.divider { border-top: 1px solid #c8d0d6; margin: 5px 0; }
ul.chAutomationActionList > li > a.chAutomationActionItem { display: block; padding: 0px 30px 0 7px; border-radius: 5px;position: relative; color: #324752; text-decoration: none; font-size: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #c8d0d6; background: #ffff;}
.flowAddOptionsPopupWrap ul.chAutomationActionList > li {display: block;}
.flowAddOptionsPopupWrap  ul.chAutomationActionList > li { padding: 0 0px 5px 0;}
.flowAddOptionsPopupWrap  ul.chAutomationActionList > li > a.chAutomationActionItem{ border: 1px solid transparent; padding: 0px 5px 0px 5px; }
.flowAddOptionsPopupWrap  ul.chAutomationActionList > li:hover a.chAutomationActionItem{ background: #eef4f9;}
ul.chAutomationActionList > li > a.chAutomationActionItemRemove { position: absolute; right: 0; top: 0; color: #253858; display: block; width: 30px; text-align: center; height: 30px; line-height: 30px; }
ul.chAutomationActionList > li:hover a.chAutomationActionItemRemove {display:block;}
ul.chAutomationActionList > li > a.chAutomationActionItem:before { font-family: "Material Design Icons"; font-size: 20px; vertical-align: middle; margin-right: 8px;}
ul.chAutomationActionList > li > a.chAutomationActionItem.UPDATERECORD:before {content: "\f133"; color: #c1ca68;}
ul.chAutomationActionList > li > a.chAutomationActionItem.CREATETASK:before {content: '\f138'; color: #4ab97a;}
ul.chAutomationActionList > li > a.chAutomationActionItem.EMAIL:before {content: '\f1ee'; color: #d890b5;}
ul.chAutomationActionList > li > a.chAutomationActionItem.CREATERECORD:before {content: '\f417'; color: #a291d8;}
ul.chAutomationActionList > li > a.chAutomationActionItem.GETRECORDS:before {content: '\f349'; color: #e0b10b;}
ul.chAutomationActionList > li > a.chAutomationActionItem.FOREACH:before {content: '\f456'; color: #00b2a5;}
ul.chAutomationActionList > li > a.chAutomationActionItem.ShowError:before {content: '\f2fc'; color: #f79292;}
ul.chAutomationActionList > li > a.chAutomationActionItem.MathExpression:before {content: '\f417'; color: #5ec4d7;}
ul.chAutomationActionList > li > a.chAutomationActionItem.ASSIGN:before {content: '\f1fc'; color: #62c5d8;}

.newAutomationActionMargin { margin-left: 28px; }
.anotherAutomationActionMargin { margin-left: 5px; }

.flowAddOptionsPopup a.more {margin-top:0;}
a.chAutomationActionItem.IF:before { content: 'IF'; font-family: 'Work Sans', sans-serif!important; font-weight: 900; font-style: italic; font-size: 12px!important; color: #ffffff; background: #f1642c; display: inline-block; width: 18px; height: 18px; text-align: center; border-radius: 100%; line-height: 18px; margin: 5px 0;}
.automationSteps .builderFieldTxt .text-blue-dark {color:#253858; font-weight: 400;}
.automationSteps .builderFieldTxt .text-blue { color: #3e61e1; font-weight: 400; max-width: 250px; overflow: hidden; display: inline-block; vertical-align: middle; text-overflow: ellipsis;}
.automationSteps .builderField.hasCaret:after {border-top: 4px solid #243786;}
.automationSteps .btn-group.addConditionBtn a { font-size: 12px; }
.automationStepContent .chFiltersDropdown.aligned, .automationStepContent .chFiltersDropdown.aligned.top { position: absolute!important; margin-top: 30px!important; left: inherit!important; top: 0!important;}
.automationStepContent .chFiltersDropdown.top .chFiltersDropdownIn:after { border-bottom-color: #ffffff!important; top: inherit!important; bottom: -2px!important; transform: rotate(0deg)!important; border-width: 8px!important; left: 32px;}
.automationStepContent .chFiltersDropdown.top .chFiltersDropdownIn:before {top: -3px!important; bottom: inherit!important; transform: rotate(0); border-width: 8px;}
.automationSteps ul.automationConditionsList > li.isGroup { margin-bottom: 0; }
.chAutomationConditionBlock a.chAddActionBtn { font-size: 12px; display: inline-block; padding: 3px 20px 3px 20px;}
.chAutomationConditionBlock a.chAddActionBtn.white {border: 0 none; background: #fff; box-shadow: 0 0 0 transparent; padding: 2px 7px; font-weight: 600; color: #253858;}
.chAutomationConditionBlock a.chAddActionBtn i.ch { font-size: 17px; vertical-align: middle; margin-right: 4px; color: #17ab15;}
.chAutomationConditionBlock a.chAddActionBtn.btn-primary i.ch {color:#fff;}
.flowFieldWrap .addConditionBtn .btn-success.btn { padding:3px 15px 3px 15px; }
.flowFieldWrap .addConditionBtn .btn-success.btn i.ch { font-size: 16px; vertical-align: middle; margin-right: 3px; }
.chAutomationConditionBlock a.chAddActionBtn * { pointer-events: none; }
.chAddActionBtnHelper { font-size: 11px; font-style: italic; padding: 3px 0 15px 0; }
.automationPageTitle { background: #fff; padding: 18px 25px; position: relative;}
.automationPageTitle:before { top: 100%; background-image: linear-gradient(135deg, #c8cfe6 25%, transparent 25%), linear-gradient(225deg, #c4cce6 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; }
.automationPageTitle:after { top: 100%; background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; margin-top: -2px; }
.automationPageTitle span.textSwitch:after, .automationListOnboarding .textSwitch:after { content:""; -webkit-animation: textSwitch 5s linear infinite; animation: textSwitch 5s linear infinite; color: #e75028;}
.automationPageTitle h2 { font-size: 15px; font-weight: 600; margin: 0; display: inline-block; }
.automationPageTitle h2 span { color: #e75028; }
.automationPageTitle ul.steps { display: inline-block; margin-left: 10px; }
.automationPageTitle ul.steps > li { display: inline-block; padding-right: 15px; font-size:12px;}
.automationPageTitle ul.steps > li span { font-weight: 600; }
.automationPageLayout { position: relative; }
.utronTemplatesContainer { padding: 0 25px; position: fixed; z-index: 99999; top: 0; right: -430px; width: 430px; border-left: 1px solid #c8d0d6; bottom: 0; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a.utronTemplatesClose { position: absolute; border: 1px solid #c8d0d6; border-right: 0 none; padding: 0 2px; height: 74px; line-height: 74px; margin-left: -62px; background: #fff; border-radius: 3px 0 0 3px; top: 99px; font-size: 16px; box-shadow: 0 0 6px rgba(110, 140, 158, 0.5); }
.utronTemplatesContainer.show { right: 0; }
.utronTemplatesContainer.show a.utronTemplatesClose { box-shadow: 0 0 0 transparent;}
.utronTemplatesIcon { text-align: center; padding: 30px 0 20px; }
.utronTemplatesIcon img { max-width: 115px; }
.utronTemplatesIcon .txtLg { font-weight: 600; color: #e65128; margin-top: 8px; font-size: 14px; }
.utronTemplatesIcon .txtSm { font-weight: 300; margin-top: 1px; }
.templateTypeTxt { font-weight: 600; }
ul.utronTemplateList { margin-bottom: 20px; font-size: 12px; margin-top: 8px; }
ul.utronTemplateList > li { display: block; padding: 4px 0 4px 20px; position: relative; }
ul.utronTemplateList > li:before { content: "\F39A"; font-family: "Material Design Icons"; font-size: 16px; color: #4d8dea; position: absolute; left: 0; top: 0px; }
ul.utronTemplateList > li > a { color: #25385d; }
.testAutomationBtnWrap{padding: 15px 60px; border-top: 1px solid #c8d0d6; text-align: center; margin-top: 15px;}
.testAutomationBtnWrap a.btn.testAutomationBtn { padding: 5px 18px 3px; border-radius: 30px; }
.testAutomationBtnWrap a.btn.testAutomationBtn  i.ch{margin-right: 2px; font-size: 18px; vertical-align: middle;}
.switchAutomationBtnWrap { margin-bottom: -50px; height:55px; position: relative; z-index: 1; text-align: right; }
.switchAutomationBtnWrap a.btn.switchAutomationBtn { border-radius: 30px; margin-top: 20px; margin-right: 25px; font-size: 12px; padding: 4px 15px 3px; border: 1px solid #c8d0d6; }
.switchAutomationBtnWrap a.btn.switchAutomationBtn i { font-size: 17px; margin-right: 5px; vertical-align: middle; color: #776dea; }
.chExamplesOnboarding { border: 1px solid #c8d0d6; border-radius: 10px; max-width: 320px; position: absolute; right: 25px; top: 176px; z-index: 8; background:#fff; }
.chExamplesOnboarding:before { content: '\f6e8'; font-family: "Material Design Icons"; position: absolute; left: 50%; margin-top: -27px; font-size: 30px; color: #ffffff; background: #f1642c; padding: 0 10px; margin-left: -25px; border-radius: 100%; height: 50px; line-height: 50px;}
.chExamplesOnboardingHeader { position: relative; height: 65px; text-align: center; line-height: 75px; font-weight: 700; font-size: 15px; }
.chExamplesOnboardingHeader:before { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient(135deg, #c8cfe6 25%, transparent 25%), linear-gradient(225deg, #c4cce6 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; }
.chExamplesOnboardingHeader:after { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; margin-top: -2px; }
.chExamplesOnboarding ul.nav.nav-tabs { padding: 15px 15px 0; }
.chExamplesOnboarding ul.nav.nav-tabs  > li > a{border-bottom: 0 none;}
.chExamplesOnboarding ul.checkList { padding: 15px 0; }
.chExamplesOnboarding ul.checkList > li { display: block; margin-right: 0; }
.chExamplesOnboarding ul.checkList > li > a { display: block; padding: 7px 10px 7px 40px; font-size: 12px; color: #253858; position: relative; text-decoration: none;}
.chExamplesOnboarding ul.checkList > li > a:hover {background: #fff3dd;}
.chExamplesOnboarding ul.checkList > li > a:before { content: '\f133'; font-family: "Material Design Icons"; position: absolute; left: 18px; font-size: 16px; top: 4px; color: #2a9924; }
.chExamplesOnboarding .moreLinkWrap{padding: 5px 0 25px; font-size: 14px; font-weight: 500;}
.automationListContainer { max-width: 1050px; background: #fff; padding: 25px; margin: 0 auto; }
.automationListItem:not(.header) { display: flex; align-items: center; border-top: 1px solid #eaeaf3; transition:all 0.3s ease; }
.automationListItem.header { border-top: 0 none; padding-left: 49px; text-transform: uppercase; font-size: 11px; font-weight: 600;display: flex; align-items: center; }
.automationListItem:not(.header):hover { background: #f7f7f9; }
.automationListItemLabelCol { flex: 1; display: flex; align-items: center; color: #253858; padding: 12px;}
.automationListItemLabelCol:hover {text-decoration:none; color: #253858;}
.automationListItemLabelCol:hover .automationListItemLabel {color:#4ba0f8;}
.automationListItemIcon { width: 36px; height: 36px; border-radius: 100%;display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 15px; }
.automationListItemIcon.oneTime {background:#ffe9ce; color: #f35951;}
.automationListItemIcon.scheduled {background:#daebd7; color: #2a9924;}
.automationListItemIcon.dataChanges {background:#f9f3d6; color: #f4ac57;}
.automationListItemLabelWrap { width: 150px; }
.automationListItemLabel { font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.automationListItemType { font-size: 12px; margin-top: 2px; }
.automationListItemDescription { flex: 1; padding: 0 25px; }
.automationListItemTime { width: 230px; display: flex; align-items: center; }
.automationDays { display: flex; align-items: center; margin-right: 10px; }
.automationDays > span { width: 18px; height: 18px; background: #c0bfce; display: flex; align-items: center; justify-content: center; border-radius: 11px; margin: 0 2px; color: #fff;}
.automationDays > span.active { background: #2a9924; }
.automationTime { font-weight: 600; }
.automationTime i { font-size: 18px; vertical-align: middle; margin-right: 2px; color: #2a9924; }
.automationListItemActions { width: 170px; display: flex; align-items: center; justify-content: flex-end; padding: 12px 12px 12px 0; }
.automationListItemActions .onoffswitch { top: 0; margin-left:12px;}
.automationListItemActions a { color: #253858; margin-left:12px; }
.automationListItemActions .executeBtn{background: rgb(218 235 215); color: #2a9924; border-radius: 5px; padding: 5px 10px; display: flex; align-items: center; text-decoration: none; font-weight: 600;}
.automationListItemActions .executeBtn i {font-size: 14px; margin-right: 2px;}
.automationTime .dateNumbersTooltipWrap { position: relative; }
.automationTime .dateNumbersTooltip { display:none; position: absolute; background: #ffffff; border-radius: 5px; top: 17px; left: 0; padding: 5px; border: 1px solid #c8d0d6; box-shadow: 1px 1px 3px rgb(0 0 0 / 20%); font-size: 12px; width: 140px; font-weight: 400; }
.dateNumbersTooltipWrap:hover .dateNumbersTooltip {display:block;}

/* Automation Wizard */
.modal#automationWizardModal .modal-dialog { min-width: 885px; transform: inherit!important; }
.modal#automationWizardModal .modal-dialog .modal-body {padding:0;}
.modal#automationWizardModal .modal-dialog .modal-body .modalTitle { font-weight: 600; padding-left: 31px; position:relative;}
.modal#automationWizardModal .modal-dialog .modal-body .modalTitle:before { content: ''; position: absolute; left: 0; top:-4px; width: 23px;height: 27px; background:url(../images/automation-wizard-icons.png) no-repeat 0 0;}
.modal#automationWizardModal .modal-dialog .modal-body .modalTitle.bulkMail:before {background-position: 0 0;}
.modal#automationWizardModal .modal-dialog .modal-body .modalTitle.schedule:before {background-position: 0 -45px; margin-top: 0px;}
.modal#automationWizardModal .modal-dialog .modal-body .modalTitle.trigger:before {background-position: 0 -82px; margin-top: -5px;}
.ch-layout-table-row.automationWizardTableHeader, .ch-layout-table-row.automationWizardTableHeader .ch-layout-table-cell, .ch-layout-table-row.automationWizardTableFooter, .ch-layout-table-row.automationWizardTableFooter .ch-layout-table-cell{ height: 0; }
.ch-layout-table-row.automationWizardTableHeader .ch-layout-table-cell, .ch-layout-table-row.automationWizardTableFooter .ch-layout-table-cell { padding: 30px; }
.ch-layout-table-row.automationWizardTableBody .ch-layout-table-cell { height: 100%; vertical-align:middle; }
.ch-layout-table-row.automationWizardTableBody .scrollerContainer { min-height: 400px; position: relative; }
.ch-layout-table-row.automationWizardTableBody .scrollerContainer .scroller {overflow-x:hidden;}
h2.automationWizardStepTitle { font-weight: 600; font-size: 24px; text-align: center;}
h2.automationWizardStepTitle.bordered { text-align: left; margin: 0 0 15px; border-bottom: 1px solid #d8dee1; padding-bottom: 11px; font-size: 16px;}
.modal#automationWizardModal .modal-dialog .content.EMAIL {padding: 0 33px;}
.modal#automationWizardModal .modal-dialog .content.CREATERECORD {padding: 0 33px;}
.modal#automationWizardModal .modal-dialog .content.UPDATERECORD {padding: 0 33px;}
.modal#automationWizardModal .modal-dialog .content.CREATETASK {padding: 0 33px;}
ul.automationWizardActionList {text-align: center; max-width: 580px; margin: 45px auto 0; }
ul.automationWizardActionList > li { display: inline-block; width: 31.33%; margin-right: -4px; margin-left: 2%; margin-bottom: 2%; }
ul.automationWizardActionList > li > a { display: block; padding: 10px; border: 1px solid transparent; font-weight: 600; color: #202f43; overflow: hidden;  -webkit-border-radius: 3px; border-radius: 3px;}
ul.automationWizardActionList > li > a:hover { text-decoration: none; }
ul.automationWizardActionList > li > a.GETRECORDS { border-color: #e0b10b;}
ul.automationWizardActionList > li > a.CREATERECORD { border-color: #af9cee;}
ul.automationWizardActionList > li > a.UPDATERECORD { border-color: #cfda64;}
ul.automationWizardActionList > li > a.CREATETASK { border-color: #49ca80;}
ul.automationWizardActionList > li > a.FOREACH { border-color: #00b2a5;}
ul.automationWizardActionList > li > a.IF { border-color: #1b8abe;}
ul.automationWizardActionList > li > a.ASSIGN { border-color: #5ec4d7;}
ul.automationWizardActionList > li > a.EMAIL { border-color: #e094bb;}
ul.automationWizardActionList > li > a.stringOperations { border-color: #5ec4d7;}
ul.automationWizardActionList > li > a > i { display: inline-block; width: 24px; height: 24px; margin-right: 4px;  vertical-align: middle; background-image: url(../images/automation-icons.png); background-repeat: no-repeat; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 0px 0px 0 transparent; box-shadow: 0 0px 0px 0 transparent; border-radius: 100%;}
ul.automationWizardActionList > li > a.GETRECORDS i{ background-color: #e0b10b; background-position:-74px -2px; -webkit-box-shadow: 0 0 0 0 #fffae8; box-shadow: 0 0 0 0 #fffae8;}
ul.automationWizardActionList > li > a.CREATERECORD i{ background-color: #af9cee; background-position: -194px -2px; -webkit-box-shadow: 0 0 0 0 #f3f0ff; box-shadow: 0 0 0 0 #f3f0ff;}
ul.automationWizardActionList > li > a.UPDATERECORD i{ background-color: #cfda64; background-position: -132px -1px; -webkit-box-shadow: 0 0 0 0 #f8fbe0; box-shadow: 0 0 0 0 #f8fbe0;}
ul.automationWizardActionList > li > a.CREATETASK i{ background-color: #49ca80; background-position: -327px -2px; -webkit-box-shadow: 0 0 0 0 #e2f9e5; box-shadow: 0 0 0 0 #e2f9e5;}
ul.automationWizardActionList > li > a.FOREACH i{ background-color: #00b2a5; background-position: -40px -1px; -webkit-box-shadow: 0 0 0 0 #ddf7f5; box-shadow: 0 0 0 0 #ddf7f5;}
ul.automationWizardActionList > li > a.IF i{ background-color: #1b8abe; background-position: -163px -1px; -webkit-box-shadow: 0 0 0 0 #dceef7; box-shadow: 0 0 0 0 #dceef7;}
ul.automationWizardActionList > li > a.stringOperations i{ background-color: #5ec4d7; background-position:-271px -1px; -webkit-box-shadow: 0 0 0 0 #dceef7; box-shadow: 0 0 0 0 #d4f0f5;}
ul.automationWizardActionList > li > a.ASSIGN i{ background-color: #5ec4d7; background-position: -229px -2px; -webkit-box-shadow: 0 0 0 0 #e2f5f9; box-shadow: 0 0 0 0 #e2f5f9;}
ul.automationWizardActionList > li > a.EMAIL i{ background-color: #e094bb; background-position: -105px -2px; -webkit-box-shadow: 0 0 0 0 #fdf3fc; box-shadow: 0 0 0 0 #fdf3fc;}
ul.automationWizardActionList > li > a.GETRECORDS:hover i{box-shadow: 0 0 0 200px #fffae8;}
ul.automationWizardActionList > li > a.CREATERECORD:hover i{ box-shadow: 0 0 0 200px #f3f0ff;}
ul.automationWizardActionList > li > a.UPDATERECORD:hover i{  box-shadow: 0 0 0 200px #f8fbe0;}
ul.automationWizardActionList > li > a.CREATETASK:hover i{ box-shadow: 0 0 0 200px #e2f9e5;}
ul.automationWizardActionList > li > a.FOREACH:hover i{ box-shadow: 0 0 0 200px #ddf7f5;}
ul.automationWizardActionList > li > a.IF:hover i{box-shadow: 0 0 0 200px #dceef7;}
ul.automationWizardActionList > li > a.ASSIGN:hover i{ box-shadow: 0 0 0 200px #e2f5f9;}
ul.automationWizardActionList > li > a.EMAIL:hover i{ box-shadow: 0 0 0 200px #fdf3fc;}
ul.automationWizardActionList > li > a.stringOperations:hover i{ box-shadow: 0 0 0 200px #d4f0f5;}

.ch-layout-table-row.automationWizardTableFooter a.btn{height: 35px; width: 105px; line-height: 35px; padding: 0; color: #99adb7; vertical-align: middle; font-weight: 400; box-shadow: 0 0 0 transparent;}
.ch-layout-table-row.automationWizardTableFooter a.btn:hover{color: #309fd9;}
.ch-layout-table-row.automationWizardTableFooter a.btn.next, .modal-footer a.btn.next { border: 1px solid #e9edef; border-radius: 30px; color: #324752; font-weight:600; pointer-events: none;}
.ch-layout-table-row.automationWizardTableFooter a.btn.next.continue, .modal-footer a.btn.next.continue  { pointer-events:inherit; border-color: #309fd9;}
.ch-layout-table-row.automationWizardTableFooter a.btn.next.continue.btn-primary, .modal-footer a.btn.next.continue.btn-primary { color:#fff;}
.easyWizardElement, .easyWizardWrapper, .easyWizardWrapper .stepSect {height: 100%; overflow: auto; max-height: 410px;}
#automationWizard > .stepSect {visibility:hidden;}
.easyWizardWrapper > .stepSect {visibility:visible;}
.lg.automationWizardField { padding-left: 0; margin:10px auto 25px; display: inline-block; }
.lg.automationWizardField .flowDropdownStyle { font-size: 13px; font-weight: 500;}
.lg.automationWizardField .chFiltersDropdown { margin-left: -116px;}
.lg.automationWizardField .chFiltersDropdownIn:before, .lg.automationWizardField .chFiltersDropdownIn:after {left: 50%;  margin-left: -6px;}
.automationWizardFieldContainer { display: inline-block;}
.addConditionBtn .btn.btn-success, .addConditionBtn .btn.btn-success i.fa { color: #fff;}
.flowOnbordingContainer { position: fixed; display:none; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 100000;}
.testFlowImg { background:url(../Images/test-flow.png) no-repeat; width:271px; height:91px; position:absolute; right: 52px; top: 97px;}
.addStepsImg { background:url(../Images/click-plus-to-add-steps.png) no-repeat;width: 564px; height: 200px; position: absolute; left: 430px; top: 220px; padding-top: 100px; text-align: center; padding-left: 150px;}
.addStepsImg .btn {box-shadow: 0 0 0 transparent; font-size: 14px; font-weight: 600; min-width: 100px;}

div#testResultModal .modal-dialog {width: 980px;}
div#testResultModal.noresult .modal-dialog{width: 610px;}
div#testResultModal .modal-dialog .modal-body { padding: 0; }
.executeTestModalHeader { font-size: 14px; font-weight: 600; padding: 10px 20px; border-bottom: 1px solid #b1c1d4; }
.executeTestModalContentLayout {table-layout:fixed;}
.ch-layout-table-cell.executeTestModalSidebar{ background: #f5f9fc; border-right: 1px solid #b1c1d4; width: 220px; vertical-align: top; border-radius: 0 0 0 5px;}
.executeTestModalSidebarScroller { padding:15px 20px; }
ul.executeTestModalSidebarList > li { display: block; padding-bottom: 11px; }
ul.executeTestModalSidebarList > li > a { display: block; padding: 3px 0; color: #253958; font-weight: 600; border-bottom: 1px solid #b1c1d4; margin-bottom: 7px; }
ul.executeTestModalSidebarList > li > a:hover { text-decoration: none; cursor: default;}
ul.executeTestModalSidebarList > li > ul > li { display: block; }
ul.executeTestModalSidebarList > li > ul > li > a { color: #253958; padding: 4px 10px; display: block; position:relative;}
ul.executeTestModalSidebarList > li > ul > li > a > i { display: none; position: absolute; right: 0px; top: 50%; font-size: 16px; margin-top: -11px; }
ul.executeTestModalSidebarList > li > ul > li > a.active { color: #4b8dee; font-weight: 500; }
ul.executeTestModalSidebarList > li > ul > li > a:hover {text-decoration:none; color: #4b8dee; }
ul.executeTestModalSidebarList > li > ul > li > a.active > i {display:block;}
ul.executeTestModalSidebarList > li > a i { margin-right: 5px; font-size: 20px; vertical-align: middle;}
ul.executeTestModalSidebarList > li > a i.green { color: #18ab15;}
ul.executeTestModalSidebarList > li > a i.red {color: #eb463e;}
.ch-layout-table-row.executeTestModalHeaderRow, .ch-layout-table-row.executeTestModalHeaderRow .ch-layout-table-cell.executeTestModalHeaderCell {height: 0;}
.executeTestModalContentRow .tab-content { padding: 20px; height: 380px; overflow: auto; max-width: 758px;}
.executeTestModalContentRow  .nav-tabs{padding: 15px 20px 0 20px;}
.executeTestModalContentRow  .nav-tabs>li {margin-bottom: -3px;}
.executeTestModalFooter.text-right { padding: 10px 20px; border-top: 1px solid #b1c1d4;}
table.testresultFieldsTable thead tr th { font-size: 11px; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #dde6ef; }
table.testresultFieldsTable tbody tr td { padding: 10px; border-bottom: 1px solid #dde6ef; white-space:nowrap;}
table.testresultFieldsTable a.viewBtn { display: inline-block; border: 1px solid #4b8dee; padding: 1px 8px; font-size: 11px; border-radius: 10px; color: #4b8dee; font-weight: 500; }
table.testresultFieldsTable .oldVal { text-decoration: line-through; color: #939cb1; }
table.testresultFieldsTable .testVals { display: inline-block; vertical-align: middle; }
table.testresultFieldsTable .resultfieldError {color: #eb4543; display: inline-block; vertical-align: middle; font-size: 18px; margin-right: 5px;}
div#testResultModal .modal-dialog .modal-content {-webkit-border-radius: 5px; border-radius:5px;}
.executeReocrdDetailsTitle { padding: 15px 20px 3px 20px; border-bottom: 1px solid #b1c1d4; font-weight: 600; }
.executeReocrdDetailsTitle a.back { font-size: 21px; vertical-align: middle; margin-right: 5px; }
.executeReocrdDetailsFields { padding: 20px; height: 431px; overflow: auto; max-width: 758px; }
.executeReocrdDetailsFields .ch-form-grid.readOnly { width: 90%; }
.ch-form-grid.readOnly.emailFormGrid .ch-form-element-group:nth-child(5) .input{font-weight:inherit;}
.ch-form-grid.readOnly.emailFormGrid .ch-form-element.input-label {width:50px;}

/* CH Breadcrumb*/
.chBreadcrumbWrap {position: relative; overflow: auto; text-align: center; padding: 25px 0;}
.chBreadcrumb {display: table; overflow: hidden; counter-reset: flag; text-align: center; margin: 0 auto;}
.chBreadcrumb a { white-space: nowrap; cursor: default; text-decoration: none; outline: none; display: table-cell; width: 50%; font-size: 13px; line-height: 36px; color: #324752; padding: 0 23px; background: #e4efff; position: relative; text-align: left; text-align: center; border: 1px solid #dae3f1; }
.chBreadcrumb a:first-child { border-radius: 5px 0 0 5px; }
.chBreadcrumb a:last-child { border-radius: 0 5px 5px 0;}
.chBreadcrumb a:after { content: ''; position: absolute; top: 0px; right: -18px; width: 38px; height: 36px; transform: scale(0.707) rotate(45deg); z-index: 1; background: #e4effb; box-shadow: 3px -3px 0 -2px rgb(200, 213, 227), 3px -3px 0 -2px rgb(199, 214, 231); }

.flowChBreadcrumb {}
.flowChBreadcrumb .chBreadcrumb > a { line-height:inherit; background:#fff;  width: 33.33%; height: 58px; padding: 9px 20px 9px 35px;}
.flowChBreadcrumb .chBreadcrumb > a.active, .flowChBreadcrumb .chBreadcrumb > a.active:hover, .flowChBreadcrumb .chBreadcrumb > a.active:hover:after { background: #fcf3eb; }
.flowChBreadcrumb .chBreadcrumb > a.active:after { background: #fcf3eb;}
.flowChBreadcrumb .chBreadcrumb > a .stepTxt {text-align:left;}
.flowChBreadcrumb .chBreadcrumb > a.active .stepTxt { font-weight: 400; color: #f47020;}
.flowChBreadcrumb .chBreadcrumb > a:after {background:#fff; top: 0px; right: -28px; width: 58px; height: 58px;}
.chBreadcrumb a:last-child:after { opacity:0;}
.flowChBreadcrumb .chBreadcrumb > a .stepDescr { font-weight: 600; position: relative; z-index: 2;}

.flowBlankStrip { position: relative; background: #fffae8; border: 1px dashed#cab69d; padding: 15px; border-radius: 5px; margin-bottom: 15px; font-size:12px; }
.flowBlankStrip p { margin-bottom: 0; }
.flowBlankStrip .ch-layout-table{margin-top:10px;}
.flowBlankStrip .stepWrap {position:relative; padding-left:25px;}
.flowBlankStrip .stepNum{display: inline-block; border: 1px solid #cab69d; width: 20px; text-align: center; border-radius: 13px; margin-right: 5px; position:absolute; left:0; top:0;}
.automationWizardHelpSteps { text-align: center; margin-top: 40px; }
.automationWizardHelpStep { display: inline-block; position: relative; padding-left: 56px; margin: 0 20px; text-align: left; }
span.automationWizardHelpStepNum { position: absolute; display: block; width: 44px; height: 44px; text-align: center; border: 1px solid #d1dde4; border-radius: 100%; left: 0; line-height: 44px; font-size: 18px; font-weight: 600; }
.automationWizardHelpStep h3 { font-weight: 600; font-size: 16px; color: #f47020; margin: 0 0 5px; }
.flowBlankStrip.orange { background: #fffce4; font-size:13px; border: 0 none; border-left: 4px solid #e47a1f; border-bottom: 1px solid #e8d9c6; padding: 15px 20px; color: #1c192b; }
.flowBlankStrip.orange .stepNum { background: #fffbf5; font-weight: 600; }
.flowBlankStrip.orange .flowBlankStripTitle {font-weight:600;font-size:14px;color:#e47a1e;}
.flowBlankStrip.orange .flowBlankStripDescr {font-size:12px; margin-top:3px;}

/* Filter Dropdown */
.chFiltersDropdown { display: none; font-size: 13px; font-weight: normal; line-height: normal; position: absolute; width: 302px; margin-top: 2px; z-index: 9; padding-top: 3px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.chFiltersDropdownIn { border: 1px solid #c8d0d6; border-radius: 5px; -webkit-box-shadow: 5px 5px 15px rgba(114, 113, 130, 0.3); box-shadow: 5px 5px 15px rgba(114, 113, 130, 0.3); background: #fff; }
.chFiltersDropdownIn:before { content: ''; border: 6px solid transparent; border-bottom: 6px solid #aab7c1; position: absolute; top: 0; left: 32px; margin-top: -9px; }
.chFiltersDropdownIn:after { content: ''; border: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: 0; left: 32px; margin-top: -8px; }
.chFiltersDropdown.top .chFiltersDropdownIn:before {top: inherit; bottom: -15px; transform: rotate(-180deg); border-width: 8px;}
.chFiltersDropdown.top .chFiltersDropdownIn:after {border-bottom-color: white; top: inherit; bottom: -14px; transform: rotate(-180deg); border-width: 8px;}
.chFiltersDropdownHeader { position: relative; font-weight: 600; background: #ffffff; padding:18px 15px 17px; border-radius: 5px 5px 0 0;}
.chFiltersDropdownHeader.hasBackBtn { padding: 14px 15px; }
.chFiltersDropdownHeader a.back { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #d68d2d; background: #ffe0a8; border-radius: 100%; font-size: 16px; margin-right: 3px;}
.chFiltersDropdownIn .btn.btnApply { box-shadow: 0 0 0 transparent; color: #fff; border: 1px solid #624dd6; font-size: 12px; padding: 7px 10px; position: relative; background: #624dd6; display: block; border-radius: 0 0 4px 4px;}
.chFiltersDropdownIn .btn.btnApply:hover {background: #755ef1}
.chFilterListSearch { background: #ffffff; border-bottom: 1px solid #dee7f0; padding: 3px 32px 3px 0px; position: relative; margin: 5px 15px 0 15px;}
.chFilterListSearch input { background: transparent; width: 100%; height: 30px; border: 0 none; box-shadow: 0 0 0 transparent!important; border-bottom: 0 none!important;}
.chFilterListSearch:before { position: absolute; right: 5px; top: 14px; width: 20px; height: 15px; content: "\F349"; font-family: "Material Design Icons"; color: #2a9924; font-size: 17px;}
.chFiltersMultiListColContainer { position: relative; overflow: hidden; }
.chFiltersColHScroller { position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 930px; }
.chFiltersMultiListColContainer.chFilterDropState1 .chFiltersColHScroller { transform: translateX(0px);}
.chFiltersMultiListColContainer.chFilterDropState2 .chFiltersColHScroller { transform: translateX(-303px);}
.chFiltersMultiListColContainer.chFilterDropState3 .chFiltersColHScroller { transform: translateX(-607px);}
.chFiltersMultiListCol { position: relative; overflow: hidden; overflow-y: auto; max-height: 234px; width: 300px; z-index: 99; display: inline-block; vertical-align: top; padding: 0 15px; }
.chFiltersMultiListCol.loading:after { content: ''; position: absolute; display: block; width: 20px; height: 20px; border: 3px solid #624dd6; border-radius: 100%; border-left-color: #ff7b1d; top: 50%; left: 50%; margin: -10px 0 0 -10px; -webkit-animation: spinner 0.5s infinite linear; animation: spinner 0.5s infinite linear;}
.chFiltersMultiListCol.loading:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: white; }

ul.chFiltersMultiList {padding-bottom: 10px;}
ul.chFiltersMultiList > li { display: block; font-size: 12px; font-weight: normal; padding-bottom:5px; }
ul.chFiltersMultiList > li > a, ul.chFiltersMultiList > li > a:hover { text-decoration: none; display: block; background: #f9f8fb!important; color: #253a43!important; padding: 8px 15px 8px 26px; font-weight: 600; position: relative; border: 1px solid #c8d0d6; border-radius: 4px; font-size: 12px;}
ul.chFiltersMultiList> li > ul > li:not(.addNew) > a:hover{ text-decoration: none; color: #ffffff; background: #f4a93f;}
ul.chFiltersMultiList > li > ul > li:not(.addNew) > a.active {text-decoration: none; color: #f1902c; background: #fff0d5;}
ul.chFiltersMultiList > li > a:before {content: "\F142"; position: absolute; left: 9px; top: 7px; font-family: "Material Design Icons"; font-size: 16px;}
ul.chFiltersMultiList > li > a.arrowup:before {content:"\F140";  }
ul.reportFiltersCheckList { padding:10px 0;}
ul.chFiltersMultiList > li > ul { padding: 5px 0; }
ul.chFiltersMultiList > li > ul > li { display: block; }
ul.chFiltersMultiList > li > ul > li > a { display: block; color: #324c62; padding: 7px 10px 7px 35px; word-break: break-word; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-border-radius: 4px; border-radius: 4px; text-decoration:none;}
ul.chFiltersMultiList > li.disabled {opacity: 0.5; pointer-events: none; padding-bottom:5px;}
ul.chFiltersMultiList > li.disabled > a + ul.chFiltersMultiList {display:none;}
ul.chFiltersMultiList > li.disabled ul { display: none; }
ul.chFiltersMultiList > li.disabled > a:before {top: 7px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
ul.chFiltersMultiList > li .backToVarLink {padding: 0 5px 0 1px; font-size: 11px; display: inline-block; margin-top: 5px; color: #a4b6bf; font-weight: 300; background: transparent;}
ul.chFiltersMultiList > li .backToVarLink i{font-size: 16px; display: inline-block; vertical-align: middle;}
.chFiltersDropdown .chCondition { padding: 10px 15px; display: block; border-bottom: 1px solid #dee7f0; }
.chFiltersDropdown .chCondition .btn-group>.btn { background: #f9fbfd; border: 1px solid #dee7f0; text-align: left; border-radius: 3px; font-weight: 600; }
.chFiltersDropdown .dropdown-menu.chFilterConditionDrop { border-color: #adbfce; max-height: 120px; overflow: auto; margin: 0px; }
.chFiltersDropdown .dropdown-menu.chFilterConditionDrop li a { font-size: 12px; }
.chFiltersDropdown .dropdown-menu.chFilterConditionDrop li a :hover { text-decoration: none; background: #1E82B5; color: #fff; }
ul.chFiltersMultiList> li > ul > li.addNew { padding-bottom: 10px; }
.chFiltersDropdown .addCustomFieldsContainer { padding: 10px 0px; border-top: 1px solid #dee7f0; margin: 4px 0 0 0; position: relative; }
.chFiltersDropdown .addCustomFieldsContainer:before { content: ''; position: absolute; border: 7px solid transparent; border-bottom: 7px solid #cfdbe6; top: -15px; left: 25px; }
.chFiltersDropdown .addCustomFieldsContainer select { width: 62px; float: left; margin-right: 5px; padding: 0 3px; font-weight: 600; }
.chFiltersDropdown .addCustomFieldsContainer * { font-size: 12px; }
.chFiltersDropdown .addCustomFieldsContainer .input-group { border-spacing: 0; width: 112px; float: left; margin-right: 5px; }
.chFiltersDropdown .addCustomFieldsContainer .input-group input { font-weight: 600; padding-right: 0; padding-left: 5px; }
.chFiltersDropdown .addCustomFieldsContainer .input-group .input-group-addon { background: #f3f7fb; border-color: #d6e1e6; padding: 0 8px; }
.chFiltersDropdown .addCustomFieldsContainer .btn { padding: 5px 14px!important; font-weight: 600; }
.chFiltersDropdown.aligned { position:fixed; margin-top: 30px; opacity: 0;}
.chFiltersDropdown.aligned.opened { position:fixed; margin-top: 0px; opacity: 1; left:inherit;}
ul.chFiltersMultiList > li > ul > li > a.loadMore { margin-bottom: 15px; position: relative; }
ul.chFiltersMultiList > li > ul > li > a.loadMore label { color: #4aa2e1; font-weight: 600; }
ul.chFiltersMultiList > li > ul > li > a.loadMore i.ch { font-size: 12px; margin-left: 4px; }
ul.chFiltersMultiList > li > ul > li > a.loadMore:hover {background: #f7f7f9;}
ul.chFiltersMultiList> li > ul > li > a.loadMore .loadImg { position: absolute; right: 15px; top: 9px; max-width: 16px; }
.modal .chFiltersDropdown .chFiltersMultiListCol {max-height:200px;}

ul.chFiltersCheckList { padding: 5px 0; }
.chFiltersCheckList li a label { padding: 8px 0 8px 25px; cursor: pointer; position: relative; font-weight: normal; margin: 0;}
.chFiltersCheckList li a label input[type=checkbox], .chFiltersCheckList li a label input[type=radio] { position: absolute; opacity: 0; }
.chFiltersCheckList li a label input[type=checkbox] + span.checkIcon, .chFiltersCheckList li a label input[type=radio] + span.checkIcon { position: absolute; left: 5px; font-size: 16px; color: #38bf31; display: none; font-weight: 600; margin-top: -2px;}
.chFiltersCheckList li a label input[type=checkbox]:checked + span.checkIcon, .chFiltersCheckList li a label input[type=radio]:checked + span.checkIcon { display: inline-block; }
.chFiltersCheckList > li > a {padding: 0!important;}
.chFiltersDropdownHeader.hasBackBtn { padding-left: 44px; }
.chFiltersDropdownHeader.hasBackBtn .back { position: absolute; left: 17px; top: 15px; }
.chFiltersDropdownHeader.hasApplyBtn { padding-right: 70px; }
.chFiltersDropdownHeader.hasApplyBtn .btnApply { position: absolute; right: 10px; }
.chFiltersDropdownHeader.hasBackBtn.hasApplyBtn .selectField { display: inline-block; max-width: 200px; vertical-align:middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/*Expression Builder*/
.expressionWrap{outline:0px;border: solid 1px #ccc;min-width: 300px;}

/* Appointment Scheduler */
.apmtSchedulerContainer { width: 1000px; margin: 0 auto; padding: 20px 0; color:#253858;}
.apmtSchedulerContainerTitle {font-size: 16px; font-weight: 400; margin:0px 0 15px;}
.apmtSchedulerContainerTitle i {font-size: 26px; margin-right: 10px; color: #624dd6; vertical-align: middle;}
.apmtSchedulerBtns {padding: 0 0 25px 25px;}
.apmtSchedulerWizard { padding:20px 40px; }
.apmtSchedulerWizardStep{ display: block; position: relative; min-height: 35px; padding: 14px 0px 20px 40px;}
.apmtSchedulerWizardStep .apmtSchedulerWizardStepIcon { position: absolute; top: 18px; border-radius: 24px; text-align: center; font-weight: 600; background: #ffffff; width: 32px; height: 32px; left: -16px; line-height: 30px; cursor: pointer; border: 1px solid #c8d0d6; z-index: 1; font-size: 22px; }
.apmtSchedulerWizardStep::after { content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #c8d0d6; }
.apmtSchedulerWizard .apmtSchedulerWizardStepTitle { font-size: 15px; position: relative; font-weight: 600; padding: 10px 12px; border-radius: 5px; display: inline-block; outline:0 none;}
/*.apmtSchedulerWizard .apmtSchedulerWizardStepTitle:hover { background: #f7f7f9; }*/
.apmtSchedulerWizardStepContent .timeZoneDropdown, .timeSlotsLayout .timeZoneDropdown{max-width: 220px; border-bottom: 0; font-weight: 400; position:relative;}
.apmtSchedulerWizardStepContent .timeZoneDropdown:hover, .timeSlotsLayout .timeZoneDropdown:hover{ background: #f7f7f9;}
.fcCalendarContainer {margin-left:10px; max-width:700px;}
.apmtSchedulerContainer .ch-layout-table > .ch-layout-table-row > .ch-layout-table-cell {vertical-align:top;}
.apmtSchedulerWizardBtns {border-top: 1px solid #c8d0d6; padding: 20px 0 20px; margin: 0 42px;}
.apmtSchedulerWizardBtns .btn {min-width:100px;}
.apmtSchedulerModal { z-index: 999999999; overflow:inherit!important; }
.apmtSchedulerModal .modal-dialog { width: 815px; }
.apmtSchedulerModal .modal-content {border:0 none; border-radius:11px;}
.apmtSchedulerModal .modal-body {padding:0;user-select: none;}
.apmtSchedulerModal .apmtSchedulerContainer { width:100%; padding:0;}
.apmtSchedulerModal .apmtSchedulerWizard {padding: 20px 35px; max-height: 450px; overflow: auto;}
.apmtSchedulerModal .apmtSchedulerWizard .apmtSchedulerWizardStepTitle {font-size:14px;}
.apmtSchedulerModal a.close {margin: -16px; color: #fff; opacity: 1;}
.apmtSchedulerModal .ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .form-control, .apmtSchedulerModal  .apmtSchedulerTimeSlot input {height: 30px;}
.apmtSchedulerModalBackdrop{z-index: 99999999;}
.ch-layout-table-row.apmtSchedulerModalHeader .ch-layout-table-cell { border-bottom: 1px solid #c8d0d6; padding:4px 15px 3px; }
.ch-layout-table-row.apmtSchedulerModalFooter .btn.btnPurple {width: 100%; border-radius: 0 0 10px 10px; height: 44px; line-height: 44px; padding: 0; border: 0 none; box-shadow:0 0 0 transparent;}
.personaliseLinkLayout { margin: 20px 0; max-width: 520px; }
.personaliseLinkLayoutRow { display: flex; }
.personaliseLinkLayout .ch-input-div { padding: 0 10px 20px; width: 100%; }
.personaliseLinkLayout .ch-input-div.half {width:50%;}
.personaliseLinkLayout .ch-input-div > .ch-input-label { font-size:12px; position: relative; color: #9794af;}
.personaliseLinkLayout .ch-input-div input:not(.form-control){padding-left: 0!important; height: 40px!important; border-bottom-color: #c8d0d6!important;}
.personaliseLinkLayout .ch-input-url-group, .personaliseLinkWrapper .ch-input-url-group { display: flex; align-items:center; }
.personaliseLinkWrapper .hintIcon {font-size: 18px; position: absolute; right: 5px; top: 3px;}
.personaliseLinkWrapper .meetingIndentifierInputWrap {position: relative; margin-right:9px; width:100%;}
.personaliseLinkWrapper .meetingIndentifierInputWrap .btn {position: absolute; right: 4px; padding: 1px 8px; font-size: 12px; top: 4px;}
.personaliseLinkLayout .ch-input-url-group-addon, .personaliseLinkWrapper .ch-input-url-group-addon { background: #f7f7f9; padding: 11px 10px; margin-right: 10px; font-weight: 500; }
.ch-input-div .ch-input-error, .ch-input-div .ch-input-error:focus {border-bottom-color:#ec2b2b !important;}
.ch-layout-table.personaliseLinkLayout { margin: 25px 0; }
.ch-input-div .ch-input-error::placeholder, .ch-input-div .ch-input-error::-ms-input-placeholder, .ch-input-div .ch-input-error:-ms-input-placeholder {color:#ec2b2b!important;} 
.personaliseLinkLayout .ch-input-div textarea {padding-top: 7px; min-height: 52px; resize:vertical; border-bottom-color: #c8d0d6; padding-left: 0;} 
.personaliseLinkWrapper { background: #f7f7f9; margin: 10px 10px 25px; padding: 20px; border-radius: 5px; }
.personaliseLinkWrapper .ch-input-div .ch-input-label {margin-bottom: 10px; font-size: 12px; position: relative; color: #9794af;}
.personaliseLinkWrapper input { border: 1px solid #c8d0d6; }
.personaliseLinkWrapper .ch-input-div { padding-bottom: 0; }
.personaliseLinkWrapper .ch-input-url-group-addon { padding: 5px 0px;}
.settinsIconlistItemContent .personaliseLinkWrapper {max-width:538px; margin-left:40px;}
.settinsIconlistItemContent  .personaliseLinkWrapper input {width:250px;}
.personaliseLinkLayoutHeading { margin: 20px 10px; font-weight: 600; }
.personaliseLinkLayoutHeading i { display: inline-block; font-size: 16px; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; color: #fff; border-radius: 10px; margin-right: 6px; }
.meetingLink { background: #deeffd; padding: 6px 12px; border-radius: 3px; font-weight: 500; color: #4769d3; margin-top: 12px; }
.apmtSchedulerTimeSlotsWrap { padding-top:25px;}
.apmtSchedulerTimeSlots { padding-top: 10px; margin-bottom: 20px; }
.apmtSchedulerTimeSlot { display: inline-block; position: relative; margin-right: 10px; max-width: 80px; vertical-align: middle;}
.apmtSchedulerTimeSlot > div {width: 40px; float: left;}
.apmtSchedulerTimeSlot .hrs input { border-radius: 3px 0 0 3px; border-right:0 none;}
.apmtSchedulerTimeSlot .mins input { border-radius: 0 3px 3px 0; }
.apmtSchedulerTimeSlot input { height: 32px; border-color: #c8d0d6; }
.apmtSchedulerTimeSlot.apmtSchedulerTimeSlotError input {border-color: red;}
.ch-layout-table-cell.apmtSchedulerContentCell .ch-input-div .apmtSchedulerTimeSlot input { height: 33px!important; padding: 0 10px!important; font-weight: 600; }
.apmtSchedulerTimeSlot > div > span { font-size: 11px; text-align: center; display: block; color: #a6aeb3; padding-top: 3px; }
a.removeTimeSlot { position: absolute; right: -9px; top: -10px; color: #de5757; font-size: 14px; display:none;}
.apmtSchedulerTimeSlot:hover a.removeTimeSlot{ display:block;}
a.apmtSchedulerAddLink { font-weight: 600; color: #343858; margin-top: 4px; display: inline-block; vertical-align: top;}
a.apmtSchedulerAddLink i { font-size: 18px; color: #4ca326; margin-right: 5px; vertical-align: sub; }
.apmtSchedulerFooter { padding: 15px 10px; margin-top: 25px; }
.apmtSchedulerFooter .btn{height: 35px; line-height: 35px; padding: 0 15px; min-width: 90px;}
.ch-layout-table.apmtSchedulerAdvancedSettings { margin-top: 10px; }
.ch-layout-table.apmtSchedulerAdvancedSettings .ch-layout-table-cell { padding: 10px 0;}
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsIcon { width: 35px; font-size: 20px; text-align: left; }
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsIcon i { top: -5px; position: relative; }
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .ch-input-label { padding-bottom: 8px; }
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .ch-input-div { display: inline-block; vertical-align:middle; }
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .form-control { height: 32px; border-color: #c8d0d6;}
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .inputHelperSm { display: inline-block; font-size: 12px; font-weight: 400; color: #a6aeb3; }
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .input-group.date{ max-width: 148px;}
.ch-layout-table-cell.apmtSchedulerAdvancedSettingsInput .meetingDays { max-width: 45px; text-align: center; }
.apmtSchedulerQuestionsWrap { max-width: 460px; margin: 25px 10px 15px; }
ul.apmtSchedulerQuestions { padding-right: 120px; }
ul.apmtSchedulerQuestions > li { display: block; border: 1px solid #c8d0d6; border-radius: 3px; margin-bottom: 10px; padding: 5px 10px; position: relative; font-weight: 400; font-size: 13px;}
ul.apmtSchedulerQuestions > li a.apmtRemoveQuestion { color: #cad0d6; position: absolute; right: 0; display: block; width: 32px; height: 30px; text-align: center; line-height: 29px; top: 0; }
ul.apmtSchedulerQuestions > li:before { content: 'Q'; background: #ffce88; color: #ea7135; display: inline-block; width: 18px; height: 18px; text-align: center; border-radius: 100%; margin-left: -3px; font-weight: 600; }
ul.apmtSchedulerQuestions > li a.apmtRemoveQuestion:hover {color: #4faff8;}
ul.apmtSchedulerQuestions > li a.apmtRemoveQuestion + label { position: absolute; right: -90px; top: 2px; font-weight: 400; }
ul.apmtSchedulerQuestions > li a.apmtRemoveQuestion + label input[type=checkbox] { vertical-align: sub; }
.apmtRemoveQuestionLookup { position: relative; max-width: 340px; }
.apmtRemoveQuestionLookup .dropdown-menu.lookup-dropdown {top: 45px; -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.apmtRemoveQuestionLookup .lookup-search-list > li { padding: 8px 15px;}
.apmtRemoveQuestionLookup .lookup-search-list > li label   {vertical-align: middle;}
.apmtRemoveQuestionLookup .lookup-search-list > li label input[type=checkbox]{vertical-align: sub; margin-right: 6px; margin-top: 0;}
.ch-input-div.ch-input-div-date ul.ch-input-div-date-actions { position: absolute; left: 100%; margin-left: 12px; white-space: nowrap; top: 17px; z-index: 9; }
.ch-input-div.ch-input-div-date ul.ch-input-div-date-actions { position: absolute; left: 100%; margin-left: 12px; white-space: nowrap; top: 17px; z-index: 9; }
.ch-input-div.ch-input-div-date ul.ch-input-div-date-actions > li { display: inline-block; }
.ch-input-div.ch-input-div-date ul.ch-input-div-date-actions > li > a { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; border-radius: 100%; }
.ch-input-div.ch-input-div-date ul.ch-input-div-date-actions > li > a.edit {font-size:15px; }
.ch-input-div.ch-input-div-date .dateInline { display: inline-block; padding-top: 4px;  font-weight: 500;  padding-left: 14px;}
.fc table {font-size:11px;}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #c8d0d6;}
.fc-toolbar.fc-header-toolbar h2 { margin-bottom: 0; margin-top: 5px;}
td.fc-head-container.fc-widget-header, .fc-ltr .fc-axis, .fc-row.fc-widget-header{ border: 0 none; }
th.fc-day-header {font-weight: 500; padding:0; font-size: 10px; border: 0 none; text-transform: uppercase }
th.fc-day-header span {  display: block; }
.fc-body > tr > td.fc-widget-content { border-left: 0 none; border-top: 0 none; }
.fc-bg {background: #fff;}
.fc-center h2 { font-size: 13px; font-weight: 600; padding-top: 6px; }
.fc-toolbar.fc-header-toolbar { margin-bottom: 10px; margin-top: 20px; padding-left:37px; }
.fc .fc-button-group > * { float: left; margin: 0 0 0 -1px; } 
.fc-state-default.fc-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } 
.fc button { background: transparent; border: 1px solid #c8d0d6; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; padding: 0 5px; line-height: 21px; height: 28px; border-radius: 4px!important; margin-right: 5px!important; font-size: 12px; }
.fc button:focus, .fc button:active {outline:0 none;}
.fc button:not(.fc-state-disabled):hover { background-color: #f2f5f9; border-color: #dee4ef;} 
.fc button.fc-state-disabled{ cursor:default;} 
.fc button .fc-icon {font-size:10px;}
.fc-scroller::-webkit-scrollbar {width: 4px;}
.fc-scroller::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  -webkit-border-radius: 10px; border-radius: 10px;}
.fc-scroller::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px; background: rgba(55, 53, 66, 0.5); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.fc-scroller::-webkit-scrollbar-thumb:window-inactive {background:rgba(55, 53, 66, 0.2);}
.fc-event .fc-bg {background: transparent;}
.fc-time-grid-event .fc-time { font-size: 1em; }
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 3px 5px; }
.fc-ltr .fc-axis { background: #fff;}
.fc-ltr .fc-axis { text-align: right; background: #fff; }
.closeon { position: absolute; right: 0; bottom: 0; z-index: 999; font-size: 13px; }
.fc-event, .fc-event-dot { background-color: #9e88fa; border-radius: 0; border: 1px solid #9e88fa;}
.fc-time-grid .fc-slats td { height: 1.6em; }
.fc-time-grid .fc-slats .fc-minor td { border-top: 1px dotted #e6e6e6; }
td.fc-axis.fc-time.fc-widget-content { border-top: 0 none; }
.fc-row.fc-widget-header {background: #ee9b17; color: #fff;}
.fc-row.fc-widget-header th { padding-top: 2px; padding-bottom: 2px; }
ul.meetingList > li { display: block; background: #fff; margin-bottom: 2px;}
.meetingsBody ul.meetingList li:hover { background: #E6F3FF; box-shadow: 0 0 3px #C6D4E2; }
.meetingsHeader ul.meetingList > li { background:none;}
.meetingsHeader .meetingListCotents > .meetingListCol { font-weight: 500; color: #939cb1!important; font-size: 13px; padding: 15px 15px 5px 15px;}
.meetingListCotents { display: table; width: 100%; table-layout: fixed; }
.meetingListCotents > .meetingListCol { display: table-cell; vertical-align: middle; padding:15px;}
.meetingListCol.meetingActionsCol { width: 215px; text-align: right;}
.meetingListCol.meetingActionsCol.sm { width: 125px; position:relative;}
.meetingListCol.thumb{ width: 60px; }
.meetingListCol.thumb .meetingIcon { width: 44px; height: 44px; border-radius: 100%; text-align: center; line-height: 44px; font-size: 20px; color: #fff; background: #c5d4e0; box-shadow: 0 0 0 transparent; }
.meetingListCol.meetingDurationCol {width:180px;}
.meetingListCol.meetingNameCol .meetingTitle { font-size: 14px; white-space: nowrap; font-weight: 600; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }
.meetingListCol.meetingNameCol .meetingLink{display: inline-block; max-width: 420px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:5px;}
.embedMeetingPopupContainer { position: relative;  display: inline-block;}
.embedMeetingPopupContainer .embedMeetingPopup {display:none; position: absolute; right: 0; width: 350px; background: #fff; border: 1px solid #c8d0d6; padding: 20px; top: 40px; box-shadow: 6px 4px 10px rgba(0,0,0,0.2); border-radius:10px; z-index: 9; text-align: left;}
.embedMeetingPopupContainer .embedMeetingPopup > label { font-weight: 600; }
.embedMeetingPopupContainer .embedMeetingPopup > textarea { height: 80px; margin-bottom: 10px; resize:none; }
.embedMeetingPopupContainer .embedMeetingPopup .btn { min-width: 90px; }
.embedMeetingPopupContainer .embedMeetingPopup:before { content: ''; border: 7px solid transparent; border-bottom: 7px solid #c8d0d6; position: absolute; right: 32px; top: -15px; }
.embedMeetingPopupContainer .embedMeetingPopup:after { content: ''; border: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; right: 32px; top: -14px; }
.embedMeetingPopupContainer:hover .embedMeetingPopup {display:block;}
.loading-overlay{position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 2;background-color: rgba(255,255,255,0.8);} 
.loading-overlay-content { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; left: 0; right: 0; text-align: center; color: #555; }
/*Horizontal flipper*/
.flipper { perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; }
.flipper .front, .flipper .back{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-o-transition: transform .6s ease-in-out;-moz-transition: transform .6s ease-in-out;-webkit-transition: transform .6s ease-in-out;transition: transform .6s ease-in-out;}
.flipper:not(.flip){-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg); transform: rotateX(0deg);}
.flipper .front { position: absolute; top: 0px;	left: 0px;	z-index: 900;	width: inherit;	height: inherit;}
.flipper.flip .front {z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg);}
.flipper .back { position: absolute; top: 0px; left: 0px; z-index: 800; width: inherit;	height: inherit; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);	transform: rotateY(-180deg);}
.flipper.flip .back { z-index: 1000; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg);}
.apmtSchedulerCalDropdown.dropdown { margin-right: 10px; }
.apmtSchedulerCalDropdown > a.dropdown-toggle.btn, .apmtSchedulerCalDropdown > a.dropdown-toggle.btn:active { box-shadow: 0 0 0 transparent; color: #253858; font-size: 14px; padding: 5px; }
.apmtSchedulerCalDropdown > a.dropdown-toggle.btn i.ch { font-size: 20px; color: #ed7620; margin-right: 5px; vertical-align: middle; }
.apmtSchedulerCalDropdown > a.dropdown-toggle.btn .caret { margin-left: 5px; }
.apmtSchedulerCalDropdown li.newCal > a { font-weight: 600; }
.apmtSchedulerCalDropdown li.newCal > a > i { font-size: 19px; vertical-align: middle; color: #53b440; margin-right: 4px; }
.apmtSchedulerModalFlipLink { margin-top: 10px; font-weight: 400; color: #253858; }
.apmtSchedulerModalFlipLink i { margin-right: 5px; color: #99a5bb; vertical-align: middle; font-size:15px;}
table.availableTimeSlotsTable thead>tr>th { border-bottom: 0 none; font-weight: 500; font-size: 11px; padding-top: 15px!important;}
table.availableTimeSlotsTable thead>tr>th input { vertical-align: text-bottom; }
table.availableTimeSlotsTable thead>tr>th.availableCell { padding-top: 18px!important; }
.timeZoneDropdownWrap { margin-top: -44px; margin-bottom: 35px; }
table.availableTimeSlotsTable label.asTimeSlot {margin-bottom:0;}
table.availableTimeSlotsTable label.asTimeSlot span{ font-weight: 400; display: inline-block; border: 1px solid #e4e1f1; position: relative; padding: 6px 10px; min-width: 105px; text-align: center; border-radius: 4px; cursor: pointer;}
table.availableTimeSlotsTable label.asTimeSlot span:hover {border-color: #6cbf5c;}
table.availableTimeSlotsTable { table-layout: fixed; width: initial; margin:0 auto; }
table.availableTimeSlotsTable label.asTimeSlot input[type=checkbox] { position: absolute; opacity: 0; }
table.availableTimeSlotsTable label.asTimeSlot input:checked + span { background: #e9e2fb;}
table.availableTimeSlotsTable label.asTimeSlot input:checked + span:hover {border-color: #e9e2fb;}
table.availableTimeSlotsTable thead>tr>th label { font-weight: 400; text-transform: uppercase; white-space: nowrap;}
table.table.availableTimeSlotsTable td, table.table.availableTimeSlotsTable th {padding: 5px 4px; text-align:center;}
table.table.availableTimeSlotsTable > tbody > tr > td { border-top: 0 none; }
th.selectedCell + th.availableCell, td.selectedCell + td.availableCell { padding-left: 10px; }
.availableTimeSlotsCell .timeSlotControls .btn i { font-size: 20px; }
.apmtTimeSlotScroller {max-height:450px; height: 450px; overflow-y:scroll;}
.apmtSchedulerModalBody .apmtTimeSlotList { display: flex; }
.apmtSchedulerModalBody .selectedTimeSlotsCell {padding: 25px 15px 15px; width: 100%;}
.apmtSchedulerModalBody .availableTimeSlotsCell {width:100%; vertical-align: top; padding: 25px 15px 15px;}
.ch-layout-table-cell .timeSlotsTitle { font-weight: 600; white-space: nowrap; margin-right:25px;}
.ch-layout-table-cell .timeSlotsTitle > i { font-size: 22px; vertical-align: middle; margin-right: 3px; }
.timeSlotControls a, .timeSlotControls a:active, .timeSlotControls a:focus { color: #65aef9; }
.timeSlotControls a.disabled { color: #c4cdda; opacity: 0.4; }
.ch-layout-table-row.timeSlotsLayoutControls .ch-layout-table-cell { padding: 10px 15px 10px;}
.timeSlotsLayoutControls .timeZoneDropdown, .timeSlotsLayoutControls .timeZoneDropdown:focus {border-radius: 4px; height: 30px; margin-right:10px; font-size: 12px; }
.insertMeetingLink {font-size: 11px; margin-left: 15px; color: #ff7b1d; padding: 5px 7px; border-radius: 2px; border: 1px solid #ff7b1d; background: #fff6db; font-weight: 500;}
.insertMeetingLink i { font-size: 16px; vertical-align: middle; margin-right: 3px; color: #ff7b1d;}
.insertMeetingLink:hover , .insertMeetingLink:active, .insertMeetingLink:focus  {color: #ff7b1d;}
.reccuringMeeting label {font-weight: 500; margin-left: 6px;}
.apmtSchedulerEmpty { padding: 30px; }
.apmtSchedulerEmpty .apmtSchedulerEmptyHeader { font-weight: 600; font-size: 18px; margin-bottom: 25px; position: relative; padding-bottom: 20px; }
.apmtSchedulerEmpty .apmtSchedulerEmptyHeader:before { bottom: -11px; background-image: linear-gradient(135deg, #dedede 25%, transparent 25%), linear-gradient(225deg, #dedede 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; }
.apmtSchedulerEmpty .apmtSchedulerEmptyHeader:after { bottom: -9px; background-image: linear-gradient(135deg, #fff 25%, transparent 25%), linear-gradient(225deg, #fff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 15px; background-size: 8px 100%; content: ''; position: absolute; }
.apmtSchedulerEmpty .btn {min-width: 140px; height: 35px; line-height: 34px; padding: 0; border-radius: 40px;}
.apmtSchedulerEmpty .num { display: inline-block; width: 24px; height: 24px; background: #f69e2b; line-height: 24px; border-radius: 100%; font-weight: 600; margin-bottom: 10px; }
.apmtSchedulerWizardStepTitleCursorPointer {cursor: pointer;}
.apmtSchedulerWizardStepTitleCursorPointer:hover {background: #f7f7f9;}
.settinsIconlistItemContent  .calendarBlankSlateWrap { max-width: 580px; border: 1px solid #c8d0d6; border-radius: 15px; margin: 10px auto; box-shadow: 0 0 23px rgba(0,0,0,0.1); position: relative;}
.calendarBlankSlateWrap.topArrow:before { content: ''; border: 16px solid transparent; position: absolute; top: -31px; border-bottom: 15px solid #bac5ce; left: 28px; }
.calendarBlankSlateWrap.topArrow:after { content: ''; border: 16px solid transparent; position: absolute; top: -30px; border-bottom: 15px solid white; left: 28px; }
.apmtSchedulerModal .calendarBlankSlateWrap { width: 548px; margin: 0 auto; }

/* Plans */
	.planContainer {max-width:1000px; margin:0 auto; padding-top:30px;}
    .prcingColsGrid { display: table; width: 100%; table-layout: fixed; border-spacing: 30px; }
    .pricingGridCol { display: table-cell; vertical-align:top; }
    .pricingGridColIn { -webkit-box-shadow: 0 0 29px rgba(175, 179, 193, 0.5); box-shadow: 0 0 29px rgba(175, 179, 193, 0.5); padding: 30px; position:relative; }
    .pricingGridCol.insightsPaln {width: 370px;}
    .ch-layout-table.automationPlanGrid { border-spacing: 0;}
    .pricingGridColOverview { margin: -30px -30px 0; text-align: center; padding: 30px 0; -webkit-box-shadow: 0 0 15px rgba(221, 223, 230, 0.5); box-shadow:0 0 15px rgba(221, 223, 230, 0.5); }
    .pricingPlanName {font-size: 22px; font-weight: 600; padding-bottom: 15px; color: #f04747;}
    .pricingPlanPrice { font-size: 22px; font-weight: 600; }
    .pricingPlanPrice > span { font-size: 13px; font-weight: 400; margin-right: 3px; }
    .pricingPlanPriceDescr { font-size: 13px; padding-top: 15px; color: #909bac; line-height: 18px; }
    .planIncluded { font-size: 16px; font-weight: 600; padding: 25px 0; }
    ul.planFeatureListItems { font-size: 13px; }
    ul.planFeatureListItems > li { display: block; line-height: 18px; color: #357ee3; padding-bottom: 10px; font-weight:600;}
    ul.planFeatureListItems > li > span { display: block; font-weight: 600; color: #357ee3; padding-bottom: 10px; }
    ul.planFeatureSubListItems > li {display: block; padding-left: 15px; padding-bottom: 12px; line-height: 18px; position: relative;  color: #1f2e43; font-weight:normal;}
    ul.planFeatureSubListItems > li:before { content: '-'; position: absolute; left: 5px; }
    .pricingGridCol.automationLitePlan .pricingGridColIn { border: 1px solid #357ee3; }
    .basePlanLayout { display: table; width: 100%; table-layout: fixed; box-shadow: 0 0 30px rgba(221, 223, 230, 0.9); -webkit-box-shadow: 0 0 30px rgba(221, 223, 230, 1); }
    .basePlanLayout > div { display: table-cell; vertical-align: top; }
    .planOverview { width: 280px; text-align: center; padding: 30px; box-shadow: 0 0 30px rgba(221, 223, 230, 1); -webkit-box-shadow: 0 0 30px rgba(221, 223, 230, 1); position: relative; }
    .planDetailGrid { display: table; width: 100%; table-layout: fixed; }
    .planDetailGrid .planDetailCell { display: table-cell; vertical-align: top; }
    .planDetailCellTxt { padding: 15px 0 15px 20px; border-bottom: 1px solid #357ee5; }
    .planDetailCellTxt h4 { font-weight: 600; font-size: 16px; color: #357ee3; margin: 0;}
    .planDetailCellTxt h6 { font-size: 13px; padding-top: 4px; color: #909bac; margin: 0; font-weight: 400;}
    ul.basePlanFeatureList > li { display: block; min-height: 30px; font-size: 13px;line-height: 34px;padding-left: 20px; color: #77879d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    ul.basePlanFeatureList > li:nth-child(odd) { background: #f8f9fc; }
    ul.basePlanFeatureList { padding: 0 0 20px; }
    .prcingColsGridSpac { margin: 0 -30px 60px; }
    .planOverview a.btn.pricingColBtn{margin-top:25px;}
    .pricingGridCol.automationLitePlan .pricingGridColIn:before, .pricingGridCol.automationUltimatePlan .pricingGridColIn:before { content: ''; display: block; background: url(../Images/popular-plan.png) no-repeat; position: absolute; right: 0; top: 0; width: 113px; height: 108px; }
    a.pricingColBtn { display: block; text-align: center; background: #357ee3; color: #fff; height: 35px; line-height: 35px; font-size: 14px; margin-top: 25px; font-weight: 600; cursor: pointer; padding: 0;}
	a.pricingColBtn:hover {color:#fff;}
	a.pricingColBtn.disabeld { pointer-events: none; opacity: 0.5; }    
	.basePlanLayout .planDetailGrid .planDetailCell:first-child { width: 250px; }
	span.fullPrice { font-size: 22px; margin-right: 10px; position: relative; font-weight: 300; }
	span.fullPrice > span { font-size: 13px; }
	span.fullPrice:after { content: ''; position: absolute; display: block; width: 1px; height: 24px; background: #f04747; transform: rotate(45deg); right: 10px; top: 1px; }
	.cartModalBackdrop { position: fixed; right: 0; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999999; overflow:auto; }
	.cartMoal {background: #fff; max-width: 680px; min-width: 680px; position: absolute; left: 50%; top: 30px; margin-left: -340px; border-radius: 10px;}
	.cartMoal.sm { max-width: 580px; min-width: 580px; margin-left: -265px; }
    a.cartModalClose { position: absolute; right: 0; top: 0; font-size: 24px; text-decoration: none; color: #fff; margin: -17px; }
	ul.planCartItemList > li { display: block; padding-right: 50px; position: relative; border-bottom: 1px solid #d2dce7; user-select: none; padding: 10px 0;}
    ul.planCartItemList > li > label { cursor:pointer;}
    ul.planCartItemList > li.lg { font-size: 14px; font-weight: 600; padding-top: 14px; padding-bottom: 14px; border-bottom-color: #bccfe3; }
	ul.planCartItemList > li.sm { font-size: 12px; font-weight: 400; padding-top: 8px; padding-bottom: 10px; border-bottom-color: #f4e4cd; background: #fffdf5; line-height: 14px; }
	.planCartItemTxtLg { font-size: 18px; font-weight: 600; padding-bottom: 2px; }
	ul.planCartItemList > li  input[type=checkbox] { position: absolute; left: 12px;  width: 15px; height: 15px; }
	ul.planCartItemList > li.lg span.cartItemPrice, ul.cartItemList > li.total span.cartItemPrice{top:14px;}
	ul.planCartItemList > li.total { font-size: 16px; font-weight: 600; text-align: right; padding-right: 80px; padding-top: 8px; border-bottom: 0 none; border-top: 1px solid #d2dce7; margin-top: 15px;}
	input.form-control.planUsersInput { display: inline-block; max-width: 70px; margin-left: 5px; }
    .planCartItemTxt { font-size: 13px; font-weight: 600;}
    .onoffswitch.paymentUser .onoffswitch-inner:before,   .onoffswitch.paymentUser .onoffswitch-inner:after {content:'';}
    .onoffswitch.paymentUser {width:33px;}
    .onoffswitch.paymentUser .onoffswitch-switch{right:17px;}
    .paymentMethodContainer > h2 { font-size: 18px; font-weight: 300; margin-bottom: 15px; margin-top: 0; }
ul.paymentMethodList { margin-bottom: 10px; }
ul.paymentMethodList > li { display: inline-block; position: relative; padding-left: 20px; }
ul.paymentMethodList > li > input[type=radio] { position: absolute; left: 0; width: 15px; height: 15px;}
ul.paymentMethodList > li.razor { margin-right: 25px; }
ul.paymentMethodList > li .txt{font-size: 12px; padding-top: 3px;}
ul.paymentMethodList > li label {margin-bottom:0;}
.alertMsg { text-align: center; background: #fffdf5; padding: 10px; font-size: 12px; margin-bottom: 30px; }
input.paymentEmailInput { width: 100%; height: 44px; border: 1px solid #bccfe3; border-radius: 3px; padding: 0 15px; font-size: 14px; font-weight: 500; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
input.paymentEmailInput:focus { border: 1px solid #337aea; outline: 0 none; }
input.required { border-color: red!important; background: #fffefe!important; }
.paymentUsersList { max-height: 175px; overflow: auto; text-align:left; margin:10px 0 30px;}
.paymentUsersList .ch-table-style{ margin-bottom:0;}
table.table.ch-table-style.paymentUsersListTable td { font-size: 12px; }
.paymentUsersListTable td.paymentUserIcon { padding: 6px 0; width: 22px; text-align: center; }
.paymentUsersListTable td.paymentUserIcon i { font-size: 16px; color: #aebfd8;}
.paymentUsersListTable td.paymentUserActions {width:80px;}
.paymentUsersListTable td.paymentUserActions a{ color: #ef862a; display:none;}
.paymentUsersListTable.showDeleteLinks td.paymentUserActions a{display:inline-block;}
.paymentUsersListTable tr:hover td.paymentUserActions a{ display:inline-block;}
.paymentUserDetails {white-space: nowrap;overflow: hidden; text-overflow: ellipsis; max-width: 238px;}
.paymentSuccessMsg { text-align: center; padding: 55px;}
.paymentSuccessMsg h2 { margin: 25px 0 15px; font-weight: 300; font-size: 26px; }
.paymentSuccessMsg h4 { font-weight: 300; font-size: 16px; }
   .loader {position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:999;}
   .loader:before {content: ''; display: block; width: 60px; height: 60px; border: 4px solid #ffffff; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; border-right-color: #00d0ff; -webkit-animation:spin 0.5s infinite linear;  animation:spin 0.5s  infinite linear; }    
   .paymentWarningMsg { text-align: center; padding: 55px;}
	.currentPlanHighlighter { position: relative; height: 35px; line-height: 35px; text-align: center; margin-top: 17px; }
.currentPlanHighlighter:before { content: ''; height: 2px; background: #f14747; position: absolute; left: 20px; right: 20px; top: 50%; margin-top: -1px; }
.currentPlanHighlighter span { display: inline-block; height: 35px; line-height: 35px; position: relative; z-index: 1; background: #fff; padding: 0 9px; font-size: 16px; font-weight: 600; color: #f14747; }
.payRadioBtns > label { margin-right: 10px; font-weight: 600; font-size:13px;}
.planMsg {background: #ffffff; padding:18px 10px 20px 100px; position: relative;}
.planMsg:before { bottom: -18px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient(135deg, #c8cfe6 25%, transparent 25%), linear-gradient(225deg, #c4cce6 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 18px; background-size: 8px 100%; content: ''; position: absolute; }
.planMsg:after { bottom: -16px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; z-index: 10; display: block; height: 18px; background-size: 8px 100%; content: ''; position: absolute; }
.planMsg i { font-size: 20px; vertical-align: middle; margin-right: 3px; color: #263858;}
.planMsg .lg { font-weight: 600; line-height: 22px; margin-bottom: 3px;}
.planMsg .sm { font-size: 12px; line-height: 15px; color: #263858; }
.planMsg.green {color: #24a841; padding: 20px 10px 16px 97px;}
.planMsg.green  img { position: absolute; left: 40px; top: 10px; max-width: 42px;}
.planMsg.red {color: #f04747; padding:18px 10px 15px 97px;}
.planMsg.red img { position: absolute; left: 40px; top: 9px; max-width: 42px;}
.promoCodeWrap { position: relative; max-width: 250px; padding: 0px 40px 0px 2px; border: 1px solid #dee3f0; border-radius: 5px; margin: 15px auto 0; }
input.promoCodeInput { border: 0 none; background: transparent; border-radius: 5px; height: 30px!important;}
.promoCodeWrap .promoApplyBtn {position: absolute; right: 0; width: 35px; height: 30px; text-align: center; display: block; line-height: 28px; cursor: pointer; bottom: 0;}
.promoCodeWrap .promoApplyBtn i { color: #6a59ec; margin-right: 0; font-size:20px; }
.promoCodeWrap .promoApplyBtn.applied i {color: #24a841;}
.promoCodeWrap .promoCodeWrapRemove { position: absolute; right: -10px; font-size: 12px; top: -10px; display:none;}
.promoCodeWrap .promoCodeWrapRemove i { font-size: 14px; color: #f19672;}
.promoCodeWrap:hover .promoCodeWrapRemove {display:block;}
.promoCodeWrap .ch-loading {position: absolute; right: -29px; color: #f99943; font-size: 20px;}
.promoSaveMsg {font-size: 11px; padding: 0px 0 8px 10px; color: #24a841; margin-top: -3px; display:none;}
.promoCodeWrap.promoApplied .promoCodeInput{pointer-events:none;}
.promoCodeWrap.promoApplied .promoSaveMsg { display: block; }

.paymentMethodHeader {
    padding: 20px 40px;
    border-bottom: 1px solid #eaeaeb;
}
.payRadioBtns { display: inline-block; vertical-align: middle; margin-right: 15px; }
.payRadioBtns > label { font-weight: 600; font-size: 13px; float: left; margin-right: -1px; }
.payRadioBtns > label input {display:none;}
.payRadioBtns > label span { display: block; border: 1px solid #c7cfd5; padding: 5px 15px; font-size: 12px; font-weight:normal; cursor:pointer; }
.payRadioBtns > label input:checked + span { background: #f1effe; color: #624dd6; cursor: pointer; }
.payRadioBtns > label:first-child span {-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px; }
.payRadioBtns > label:last-child span {-webkit-border-radius: 0 15px 15px 0;border-radius:0 15px 15px 0; }
.palnInfo { display: inline-block; vertical-align: middle; }
.paymentMethodBody { padding: 45px; }
.paymentMethodBody ul.chPlainFeaturesList.orange > li { padding: 3px 0 3px 24px; font-size: 12px; line-height: 20px;  background-size: 12px; background-position:2px 8px;}
.paymentMethodBody ul.chPlainFeaturesList.orange > li.planSelected { font-weight: 600; }
.paymentMethodBody .ch-layout-table-cell { vertical-align: middle; }
.paymentMethodBody .ch-layout-table-cell h4{font-size: 14px; font-weight: 600; margin: 0 0 18px}
.promoAlert { box-shadow: 0 0 33px rgba(78, 98, 115, 0.4); padding: 25px; position: absolute; background: #fff; text-align: center; border-radius: 5px; left: 50%; margin-left: -170px; max-width: 340px; z-index: 1;}
.promoAlert  p{margin-bottom: 20px;}             

.phPricngContainer{max-width: 1200px; margin: 0 auto; padding: 25px 0;}
.phPricngContainer h2 { font-weight: 600; margin-bottom: 10px; }
ul.phPricingList { display: table; width: 100%; border-spacing: 0; table-layout: fixed; margin-top: 20px; margin-bottom: 50px; border-spacing: 5px; }
ul.phPricingList>li { display: table-cell; border: 1px solid #d7e8f2; text-align: center; padding: 40px 20px; box-shadow: 1px 1px 3px #d7e0ff; }
ul.phPricingList > li img { width: 55px; margin-bottom: 21px; }
ul.phPricingList > li.salesBot img { width: 85px; margin-bottom: 10px; }
ul.phPricingList > li .txtLg { font-size: 18px; margin-bottom: 20px; font-weight: 600;}
ul.phPricingList > li p { font-size: 13px; line-height: 21px; }

.phPricngContainer .pricingColBtn{ min-width: 190px; display: inline-block; font-size: 16px; height: 42px; line-height: 42px;}
.chPlansWrapper {  border-bottom: 1px solid #d4dee6; text-align: center; padding-bottom: 55px; max-width: 1200px; margin: 0 auto;text-align: center; padding-bottom: 55px; max-width: 1200px; margin: 0 auto; padding-top: 30px;}
	.chPricingPlanContainer { display: inline-block; vertical-align: top; width: 25%; margin: 0 -5px 0 0; padding: 0 10px;}
.chPricingPlanContainer.current {pointer-events: none; opacity: 0.7;}
    .chPlanDetails { border: 1px solid #d4dee6; text-align: center; padding: 80px 0 35px; border-radius: 8px; background:url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/pricing-col-bg.svg) no-repeat left -30px; background-size: 100%; box-shadow: 0 0 13px rgb(204, 216, 232); position: relative;}
	.chPlanName { font-size: 18px; font-weight: 600; }
	.chPlanPrice { margin: 15px 0 2px; font-size: 19px; font-weight: 600; }
	.chPlanPrice span { font-weight: 300; font-size: 13px; margin-right: 2px; }
	.billedPeriod { font-size: 12px; }
	.billedPeriod span { font-weight: 600; color: #20d2bb; }
	ul.chPlainFeaturesList{ margin-top: 20px; text-align: left; display: block; }
	ul.chPlainFeaturesList > li { display: block; padding: 5px 0 5px 34px; font-size: 13px; line-height: 22px; }
	ul.chPlainFeaturesList li.orange { font-weight: 600; color: #f17c27; }
	ul.chPlainFeaturesList li.purple{ font-weight: 600; color: #642ce4; }
    ul.chPlainFeaturesList li.red{ font-weight: 600; color: #df383f; }
	ul.chPlainFeaturesList.blue > li{ background: url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/check-blue.png) no-repeat 5px 12px; }
	ul.chPlainFeaturesList.orange > li{ background: url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/check-orange.png) no-repeat 5px 12px; }
	ul.chPlainFeaturesList.purple > li{ background: url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/check-purple.png) no-repeat 5px 12px; }
    ul.chPlainFeaturesList.red > li{ background: url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/check-red.png) no-repeat 5px 12px; }
    .chPricingPlanContainer.current ul.chPlainFeaturesList,  .chPricingPlanContainer.current .planSelected { display: none;}
    .coreFeatures { max-width: 580px; margin: 0 auto; padding-top:55px; }
	.coreFeatures ul.chPlainFeaturesList { display: inline-block; vertical-align: top; margin: 50px 20px 60px; }
	ul.chPlainFeaturesList > li a { color: #0093ff; }
	img.chPlanIcon { max-width: 60px; margin-top: -35px; margin-bottom: 11px; }
	.chPricingPlanContainer.automation img.chPlanIcon{max-width: 93px; margin-bottom: 0;}
	.chPricingPlanContainer.productivity .chPlanName{color:#418cf2;}
	.chPricingPlanContainer.insights .chPlanName{color:#f17c27;}
	.chPricingPlanContainer.automation .chPlanName{color:#5842d9;}
    .chPricingPlanContainer.accelerate .chPlanName{color:#df383f;}
	.chPricingPlanContainer.automation .chPlanDetails:after{content: ''; background: url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/best-seller.png) no-repeat 0 0; width: 62px; height: 75px; position: absolute; right: 0; top: 0px;}
	.monthlyPricing { display: none; }
    .taxesExtra{font-weight: 300; font-size: 12px; padding-top: 10px;}
	.chRadioGroup { display: inline-block;}
	.chRadioGroup > label { display: inline-block; margin-right:-5px; }
	.chRadioGroup > label > input { position: absolute; opacity: 0; }
	.chRadioGroup > label > span { border: 1px solid #e9ebef; display: block; padding: 5px 11px; min-width: 39px; font-size: 13px; font-weight: 400; cursor: pointer; font-weight: normal; cursor: pointer;}
	.chRadioGroup > label:first-child > span { border-radius: 3px 0 0 3px; }
	.chRadioGroup > label > input:checked + span { background: #eff5ff; color: #357ee3; border-color: #6c9ee4; cursor: pointer; }
	.chRadioGroup > label:last-child > span { border-radius: 0 3px 3px 0; }
	.planToggleContainer { text-align: center; max-width: 1060px; margin:0 auto; }
    .btn-primary.planBtn { width: 100%; margin: 25px -10px -35px -10px; height: 40px; border-radius: 0 0 7px 7px; line-height: 26px; background: #624dd6; border: 1px solid #624dd6; }
    .btn.btn-primary.planBtn.currentPlan { line-height: inherit; padding-top: 5px; background: #8c4cf3; border-color: #8344e8; }
    a.btn.btn-primary.planBtn.currentPlan:after { content: 'Your Current Plan'; display: block; font-size: 10px; margin-top: -4px; color: #cfc6ff; }
    .chPlanDetails .txtRed { font-size: 12px; color: red; }
    .chPlanDetails .txtRed b{ font-weight: 600; }
    .cartMoal span.lineThrough { position: relative; display: inline-block; margin: 0 4px 0 0; font-size: 13px; }
    .cartMoal span.lineThrough:before { content: ''; position: absolute; left: 0; right: 0; height: 0.5pt; background: rgba(142, 43, 43, 0.5); transform: rotate(18deg); top: 10px; }
.chPricingPlanContainer.current .btn-primary.planBtn { background: #41ccbf; border-color: #34c5b8;}
.chPlansWrapper.productivityPlan .chPlainFeaturesList  li.productivity_f { display:none;}
.chPlansWrapper.insightsPlan .chPlainFeaturesList  li.insights_f, 
.chPlansWrapper.insightsPlan .chPlainFeaturesList  li.productivity_f { display:none;}
.chPlansWrapper.automationPlan .chPlainFeaturesList  li.insights_f, 
.chPlansWrapper.automationPlan .chPlainFeaturesList  li.productivity_f,
.chPlansWrapper.automationPlan .chPlainFeaturesList  li.automation_f { display:none;}
.chPlansWrapper.productivityPlan ul.chPlainFeaturesList li.orange,
.chPlansWrapper.productivityPlan  ul.chPlainFeaturesList li.purple,
.chPlansWrapper.productivityPlan  ul.chPlainFeaturesList li.red,
.chPlansWrapper.insightsPlan ul.chPlainFeaturesList li.orange,
.chPlansWrapper.insightsPlan  ul.chPlainFeaturesList li.purple,
.chPlansWrapper.insightsPlan  ul.chPlainFeaturesList li.red,
.chPlansWrapper.automationPlan ul.chPlainFeaturesList li.orange,
.chPlansWrapper.automationPlan  ul.chPlainFeaturesList li.purple,
.chPlansWrapper.automationPlan  ul.chPlainFeaturesList li.red{ color: #253858;}
.accelerate_f, .automation_f, .insights_f {font-weight:normal !important;}
.chPricingPlanContainer  > .planSelected { text-align: left; padding-top: 20px; margin-bottom: -10px; font-weight: 600; color: #f18027; }

.increaseUserModal .modal-dialog { max-width: 450px; }
.increaseUserModal .modal-body { padding: 45px; font-size: 12px;}
.increaseUserModal .modal-content {border-radius:10px;}
.increaseUserModal .modal-dialog h2 { font-size: 18px; font-weight: 600; }
.increaseUserModal .modal-dialog h2 + p { font-size: 13px; }
.increaseUserModal .userNumInput {max-width: 70px; margin: 9px auto 0; height: 32px; font-weight: 500;}
.increaseUserModal p { margin: 0; }
a.reduceLinceseLink, a.increaseLinceseLink { position: absolute; right: 25px; top: 25px; color: #898a8c; }
.newPlanAmtMsgWrap { text-align: center; font-size: 12px; }
.newPlanAmtMsg { position: relative; padding: 17px 12px 12px; background: #eef9de; font-size: 12px; margin: 35px 0 30px;}
.newPlanAmtMsg:before { content: "\F12C"; font-family: "Material Design Icons"; display: block; background: #3ad155; width: 20px; height: 20px; line-height: 20px; color: #fff; border-radius: 20px; position: absolute; left: 50%; top: -9px; margin-left: -10px; }
.newPlanAmtMsgWrap p.taxesMsg { font-size: 11px; color: #898a8c; }
.newPlanAmtMsgWrap p.lg{margin-bottom: 1px; font-size: 12px; font-weight: 600;}
.newPlanAmtMsgWrap p { margin: 0; line-height: 16px; }
.btnPurple.makePaymentBtn{border-radius: 30px; border-color: #6351e6; padding: 8px 24px;}
.btnPurple.makePaymentBtn.multiline { min-width: 180px; border-radius: 100px; line-height: 16px; padding: 8px 24px 5px; }
.btnPurple.makePaymentBtn.multiline span.txtSm { font-size: 7.9pt; font-weight: 300; display: block; color: #cfcaf1; pointer-events:none;}
.increaseUserModal .close{right: -14px; top: -21px; position: absolute; color: #fff; opacity: 1; font-weight: normal; font-size: 14px;}
.makePaymentCell {width:270px;}
.makePaymentCell p.taxesMsg { margin-top: 10px; }
.reduceUsersWrap h3 { font-size: 15px; font-weight: 600; }

.currentPlanContainer { max-width: 650px; margin: 40px auto; }
.currentPlanContainer .plan { text-align: center; padding: 65px 0 35px; border-radius: 10px; background: url(https://dyqhgx7p8ldjy.cloudfront.net/wp-content/themes/flat/assets/img/website-2018/pricing-col-bg.svg) no-repeat left 0; background-size: 100%; box-shadow: 0 0 4px rgb(204, 216, 232); position: relative; display: inline-block; vertical-align: middle; width: 280px; }
.currentPlanContainer .plan img.currentPlanIcon { width: 70px; margin-bottom: 15px; }
.currentPlanContainer .plan p { margin: 0 0 3px 0; }
.currentPlanContainer .plan p.red {color: red;}
.currentPlanName { font-size: 15px; font-weight: 600; margin-bottom: 15px; }
.planLinks { display: inline-block; vertical-align: middle; padding-left: 35px; width: 355px; }
.planLinks > ul > li { display: block; }
.planLinks > ul > li > a { display: block; padding: 7px 0; position: relative; color: #253858; border-bottom: 1px solid #c8d0d6; }
.planLinks > ul > li:last-child > a { border-bottom: 0 none; }
.planLinks > ul > li > a .planLinkIcon { display: inline-block; width: 30px; height: 30px; background: #7fb6ff; text-align: center; line-height: 30px; border-radius: 100%; margin-right: 10px; font-size: 18px; color: #fff;}
.planLinks > ul > li > a .planLinktArrow { position: absolute; right: 5px; top: 50%; margin-top: -9px; font-size: 15px; color: #c0c2d1; }
.planLinks > ul > li:nth-child(1) > a .planLinkIcon { background: #f5c02a;}
.planLinks > ul > li:nth-child(2) > a .planLinkIcon { background: #f38f5f;}
.planLinks > ul > li:nth-child(3) > a .planLinkIcon { background: #9b87ef;}
.planLinks > ul > li:nth-child(4) > a .planLinkIcon { background: #59d48b;}
.planLinks > ul > li:nth-child(5) > a .planLinkIcon { background: #4b92f3;}
.planLinks > ul > li:nth-child(6) > a .planLinkIcon { background: #4bdcf3;}
.planLinks > ul > li > a.red { color: red; font-weight: 500;}
.planInvoices {padding-top: 20px;}
.planAddons { padding: 30px 0 10px; }



/* Delete Account*/
.deleteAccountContainer { max-width: 650px; margin: 50px auto; }
.deleteAccountContainer h2 { font-weight: 700; font-size: 26px; text-align:center; }
.deleteAccountContainer h3 { font-size: 16px; font-weight: 600; text-align:center;}
.deleteAccountContainer h2 + h3 { margin-top: 25px; font-size: 16px; text-align: center; margin-bottom: 15px; border-bottom: 1px solid #c9d0d6; padding-bottom: 15px }
ul.accountDeleteInfo { background: #fff9eb; padding: 15px; margin: 20px 0 35px; color: #bd6b25;}
ul.accountDeleteInfo > li { display: block; }
ul.accountDeleteReasons { margin-top: 20px; outline: 0 none;}
ul.accountDeleteReasons > li { padding: 10px 0 10px 20px; border-top: 1px solid #e3eaf1; }
ul.accountDeleteReasons > li label { font-weight: 400; cursor: pointer;}
.deleteACReasonDescr { display: none; padding: 5px 20px;}
.deleteACReasonDescr label { font-weight: 600!important; cursor: default!important;}
ul.deleteACHelpList { text-align: center;  margin-bottom: 35px; }
ul.deleteACHelpList > li { display: inline-block; width: 47%; vertical-align: top; box-shadow: 0 0 3px rgba(123, 126, 160, 0.5); border-radius: 5px; margin: 1.3%; }
ul.deleteACHelpList > li > a { display: block; padding: 105px 15px 20px; position: relative; border-radius: 5px; }
ul.deleteACHelpList > li > a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 88px; background: #f6f8fa; border-radius: 5px 5px 0 0; }
ul.deleteACHelpList > li span.txtLg { font-size: 16px; font-weight: 600; display: block; color: #263858; }
ul.deleteACHelpList > li span.txtSm { font-size: 12px; line-height: 15px; color: #939cb1; }
ul.deleteACHelpList > li > a:after { content: ""; font-family: "Material Design Icons"; position: absolute; top: 0; display: block; color: #fff; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 28px; border-radius: 100%; left: 50%; margin-top: 15px; margin-left: -32px; }
ul.deleteACHelpList > li.email > a:after { content: "\F1EE";  background: #7e5ce8;}
ul.deleteACHelpList > li.chat > a:after { content: "\F369";  background: #00b43c;}
ul.deleteACHelpList > li.email > a:before { background: #f0ebf9;}
ul.deleteACHelpList > li.chat > a:before { background: #ebfbe4;}
ul.deleteACHelpList > li.chat { pointer-events: none; }
ul.deleteACHelpList > li.email, ul.deleteACHelpList > li.email a {text-decoration:none;}
.deleteACBtmBtns { text-align: center; border-top: 1px solid #cad0d6; padding: 20px 0;}
.deleteACBtmBtns .btn { padding: 9px 15px; margin: 0 3px; min-width: 230px; }
.subscriptionEndPopup { position: fixed; left: 0; top: 0; bottom: 0;right: 0; z-index: 99999; background: rgba(0,0,0,0.5); display: none;}
/*App Progress*/
.appProgressStepsContainer { position: fixed; right: 0; bottom: 0; z-index: 99999;}
.appProgressStepsWrap {background: #fff url(/Images/Blank_Slates/steps.png) no-repeat bottom right; box-shadow: 0 0 25px rgba(0,0,0,0.5); border-radius: 4px; position: absolute; right: 20px; bottom: 39px; min-width: 300px; padding-bottom: 195px;}
.appProgressBackdrop{background: none;  position: inherit; z-index: inherit;}
.appProgressBackdrop.enableBackdrop {background: rgba(0,0,0,0.5); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999;}
.appProgressStepsWrap:after { content: ''; border: 8px solid transparent; border-top: 8px solid #5c0af4; position: absolute; bottom: -15px; right: 57px; }
.appProgressHeader { padding: 12px 40px 12px 20px; border-bottom: 1px solid #c8d0d6; position: relative; }
span.appProgressHeaderTxt { font-size: 15px; font-weight: 600; }
a.appProgressMin { font-size: 18px; position: absolute; right: 15px; top: 11px; }
a.appProgressMin:hover { color: #4b8dee;}
ul.appProgressStepsList { display: block; padding: 20px 20px 0; max-height:275px; overflow:auto;}
ul.appProgressStepsList > li { display: block; }
ul.appProgressStepsList > li > a { font-weight: 500; display: block; padding: 8px 10px 8px 30px; color: #495ded; position: relative; white-space: nowrap; font-size: 13px; }
ul.appProgressStepsList > li > a:hover, ul.appProgressStepsList > li > a:focus {text-decoration:none;}
ul.appProgressStepsList > li > a:hover span:not(.txtSm){text-decoration:underline;}
ul.appProgressStepsList > li > a .txtSm { font-size: 12px; font-weight: 400; display: block; color: #211d35; }
ul.appProgressStepsList > li > a:after { content: "\F133"; font-family: "Material Design Icons"; font-size: 19px; position: absolute; left: 2px; top: 5px; color: #cbd5f2; font-weight: normal; }
ul.appProgressStepsList > li > a.disabled { color: #767483; pointer-events: none; }
ul.appProgressStepsList > li > a.disabled .txtSm { color: #767483; }
ul.appProgressStepsList > li > a.disabled:after { color: #5bb85b;}
a.appProgressStepsToggle { display: inline-block; background: #fff; border: 1px solid #ff6a00; border-bottom: 0 none; padding: 7px 5px; min-width: 117px; text-align: center; font-weight: 600; color: #253858; border-radius: 3px 3px 0 0; position: absolute; right: 19px; bottom: 0; max-width: 117px; }
span.progressNum { display: inline-block; background: #f7371b; color: #fff; font-size: 11px; padding: 1px 5px; border-radius: 10px; }
a.appProgressStepsToggle:hover, a.appProgressStepsToggle:focus {text-decoration:none;}
a.skipLink { position: absolute; right: 22px; bottom: 15px; font-size: 12px; color: #c3b2e0;}

/* Dynamic Forms */
.pageTitleMultiLine { position: relative; background: #fff; padding: 0 25px 15px 25px; box-shadow: 0 1px 8px #b8bec3; }
.pageTitleMultiLine:before { bottom: -9px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #e5ebff), color-stop(0.25, #e5ebff)); background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%); background-position: 30%; right: 0; left: 0; display: block; height: 9px; background-size: 8px 100%; content: ''; position: absolute; }
.pageTitleMultiLine h2 { font-size: 16px; font-weight: 600; margin-top:10px; }
.pageTitleMultiLine .pageIconCell { vertical-align: middle; width: 43px;}
.pageTitleMultiLine .pageIconCell i { font-size: 32px; color: #f1642c; }
.pageTitleMultiLine .pageActionCell { text-align: right; vertical-align: middle;}
.pageTitleInlineEdit {display: inline-flex; align-items: center;}
.pageTitleInlineEdit .btn{width: 30px; padding: 0; height: 30px; border-radius: 100%; margin-left: 10px;}
.dfContanier {
    background: #fff;
    margin: 20px 65px;
    border-radius: 10px;
    padding: 10px 35px;
}
.dfContanier > .tabs-bottom-border { margin: 0 -35px; padding: 0 35px; }
.dfContanier > .tabs-bottom-border > li > a { border-bottom: 0; max-width: inherit; }
.dfContanier .tab-pane > .sectionRecordView {width: inherit; }
.dynamicFormOperationWrap {position:relative; border-bottom: 1px solid #c8d0d6;}
.dynamicFormOperationWrap a.deleteOperationBtn { position: absolute; right: 0; top: 35px; display: none; }
.dynamicFormOperationWrap:hover a.deleteOperationBtn {display:block;}
.ch-layout-table.df-layout .ch-layout-table-row > .ch-layout-table-cell { vertical-align: top; }
.ch-layout-table-cell.dfOperationCell { width: 420px; }
.ch-layout-table-cell.dfOperationIconCell { width: 45px; }
.ch-layout-table-cell.dfOperationIconCell > i { width: 30px; height: 30px; text-align: center; font-size: 18px; background: #ffe8bf; display: block; border-radius: 100%; line-height: 30px; color: #f1642c; }
.ch-layout-table-cell.dfIFCell { padding-top: 69px; width: 50px; color: #b1bac7;}
.ch-layout-table-cell.dfIFCell i { font-size: 20px; vertical-align: middle; }
.ch-layout-table-cell.dfConditionCell {  padding-top: 69px;}
.ch-layout-table.df-layout { border-spacing: 1px; }
.ch-layout-table.df-layout > .ch-layout-table-row { box-shadow: 0px 1px 0px #c8d0d6;}
.ch-layout-table.df-layout > .ch-layout-table-row:last-child { box-shadow: 0px 0 0px transparent;}
.ch-layout-table.df-layout > .ch-layout-table-row > .ch-layout-table-cell { border-top: 35px solid white; border-bottom: 35px solid white; }
.dfFormField { display: inline-block; vertical-align: bottom; min-width: 180px; margin-right: 5px; }
.dfFormField > .dfFormFieldLabel { font-size: 12px; margin-bottom: 4px;}
.dfFormField > .input-group > .form-control { max-width: 142px; border-color: #c8d0d6;}
.dfRelatedTableDropdownWrap .dfRelatedTableDropdownLabel {display: inline-block; max-width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.dfDropdownBtn { width: 100%; text-align: left; position: relative; padding-right: 18px; border: 1px solid #c8d0d6; box-shadow: 0 0 0 transparent; color: #253858; font-size: 12px; }
.dfDropdownBtn > .dfDropdownBtnLabel { display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.dfDropdownBtn .caret { position: absolute; right: 10px; top: 50%; margin-top: -2px;}
.dfDropdownBtn sapn.count { margin-left: 5px; color: #f1642c; }
.dfFormField > .input-group > .input-group-addon { border-color: #c8d0d6; padding: 0 10px;}
.btn.dfOperationDropdownBtn{ padding: 6px 0; font-size: 14px; font-weight: 600; color: #253858; }
.btn.dfOperationDropdownBtn:hover, .btn.dfOperationDropdownBtn:active, .btn.dfOperationDropdownBtn:focus { color:#4b8dee; background:transparent; box-shadow:0 0 0 transparent;}
.btn.dfOperationDropdownBtn:active, .btn.dfOperationDropdownBtn:focus { color:#253858;}
.btn.dfOperationDropdownBtn .caret { margin-left: 5px; }
.dfFields { padding: 10px 0 0; }
.chFiltersDropdown.dfPopover { z-index: 10;}
.dfFormField > .form-control, .dfFormField select[stype=ch-select]{ border: 1px solid #c8d0d6; height: 32px; border-radius: 3px; font-size: 12px; font-weight: 500;}
.dfFormField > textarea.form-control{resize:none;}
.dfFormField .lookupWrap .lookup-group.dropdown {max-width:180px;}
.dfFormField .lookupWrap .dropdown-menu.lookup-dropdown { min-width: 260px;}
.dfFormField .lookupWrap > .lookup-group input.dropdown-toggle {border: 1px solid #c8d0d6!important; border-radius: 3px!important; height: 31px!important; }
.dfFormField .lookupWrap a.lookupMagnifyBtn {height:30px; line-height:30px;}
.dfFormField .checkListDropdown > button.btn, .dfFormField .checkListDropdown > button.btn:hover { max-width: 180px; border: 1px solid #c8d0d6; border-radius: 3px; height: 30px; font-size: 12px;}
.ch-layout-table.df-layout a.dfAddBtn { color: #253858; font-weight: 600; font-size: 12px; }
.ch-layout-table.df-layout a.dfAddBtn i { font-size: 18px; vertical-align: middle; color: #2a9924;  margin-right: 3px;}
.dfFormFieldRemove{color: #b1bac7; display: none; height:29px; line-height:29px;}
.dfFields:hover a.dfFormFieldRemove { display: inline-block; }
.dfFormField.arrow { min-width: 3px; vertical-align: middle; font-size: 18px; max-width: 23px; line-height: 30px; margin: 0 -3px 0 -6px; }
.ch-layout-table.df-layout.newOperation .ch-layout-table-cell.dfOperationIconCell > i { color: #ffffff; background: #9640f7; }
.ch-layout-table.df-layout.newOperation .btn.dfOperationDropdownBtn { border: 1px solid #c8d0d6; padding: 5px 15px; min-width: 210px; font-size: 13px; color: #4b8dee; }
.ch-layout-table.df-layout.newOperation .ch-layout-table-cell.dfOperationCell { width: 240px; }
.ch-layout-table.df-layout.newOperation .dfFormField { min-width: 210px; }
.ch-layout-table.df-layout.newOperation .dfDropdownBtn span { font-weight: 600; }
.dfConnectArrow {text-align: center; padding-right: 30px; color: #b1bac7; padding-top: 8px; margin-bottom: -5px;}
.dfBtnsContainer { padding: 25px 25px 45px 45px; }
.dfBtnsContainer a.btn { border-radius: 35px; min-width: 100px; height: 35px; line-height: 34px; padding: 0 15px; font-size: 13px; }
ul.chFiltersMultiList .bootstrap-datetimepicker-widget {position:static;}

/*Twilio */
.twilioContainer { max-width: 1050px; margin: 0 auto; padding: 50px; min-height: 450px; background: #fff; border-radius: 0 0 10px 10px; }
.twilioFormContainer { width: 380px; }
.twilioFormContainer.bordered {border: 1px solid #c8d0d6; padding: 55px 35px; border-radius:10px;}
.twilioFormContainer .ch-input-label{color: #253858!important; font-weight: 600;}
.twilioFormContainer input[type=text], .twilioFormContainer select{border-bottom-color: #c8d0d6;}
.twilioFormContainer .lookup-group > input {border: 0 none;background-color:#fff; box-shadow: 0 0 transparent; border-bottom: 1px solid #c8d0d6;border-radius: 0; }
.twilioFormContainer  .lookupWrap a.lookupMagnifyBtn {width:40px; color: #8f9db3;}
.twilioContainer .btn {border-radius:40px;}
.twilioContainer .changeNoWrap { color: #f1642c; }
.twilioContainer .changeNoIcon { font-size: 24px; margin-bottom: 6px; display: inline-block; }
.twilioContainer .changeNoWrap a { color: #f1642c; }
.twilioContainer .changeNoWrap a i { font-size: 16px; vertical-align: middle; }
.twilioPhoneTable { margin-bottom: 10px; }
.twilioPhoneTable > thead > tr> th { border-top: 0 none; }
.twilioPhoneTable > tbody > tr > td {vertical-align: middle; height:42px;}
.twilioPhoneTable .capabilitiesLabel { margin: 0 8px 0 0; }
.twilioPhoneTable .capabilitiesLabel input[type=checkbox] { vertical-align: sub; margin: 0 3px 0 0; }
.twilioPhoneTable .ch-spin { color: #f1642c; }

.dependentPicklistConatiner {
    background: #fff;
    margin: 0 25px;
}
.dependentPicklistFields {
    padding:33px 25px 25px;
}
.dependentPicklistFields .ch-layout-table {
    width: inherit;
}
.dependentPicklistFields .ch-layout-table-cell {
    padding: 0 5px;
    vertical-align: middle;
}
.dependentPicklistFields select {
    height: 33px;
    min-width: 180px;
}
.dependentPicklistFields select.form-control.hightlight {
    border-color: #4596fb;
    font-weight: bold;
}
.dependentPicklistMappingContainer {
    position: relative;
    border-top: 1px solid #c8d0d6;
    padding: 25px;
}
.dependentPicklistMappingContainer .dependentPicklistMappingHeading {
    margin: 5px 0 25px;
}
.dependentPicklistMappingContainer .dependentPicklistMappingHeading.lg {
    font-size: 16px;
    margin: 0px 0 5px 0;
    font-weight: 700;
}
.dependentPicklistMappingWrap {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
}
.dependentPicklistMapping {
    flex: 1;
}
.dependentPicklistMapping.sm {
    flex: inherit;
    min-height: 290px;
    position: relative;
    min-width:50px;
}
.dependentPicklistMapping.sm .btn {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    padding: 0;
}
.dependentPicklistMapping.sm .btn.next {
    margin-left: 8px;
}
.dependentPicklistMapping.sm .btn.prev {
    right: 40px;
}
.dependentPicklistMapping.sm .btn i {
    width: 30px;
    height: 30px;
    background: #2a9924;
    border-radius: 20px;
    color: #fff;
    font-size: 21px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    padding: 0;
    display: flex;
    align-items: center;
    margin: 0;
}
.dependentPicklistMapping.sm .btn i:before {
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
}
.dependentPicklistMapping.sm .btn.prev i:before {
    color: #2a9924;
    background: #ffff;
    box-shadow: inset 0 0 0 1px #2a9924;
    border-radius: 20px;
}
.dependentPicklistParent {
    background: #f3f6ff;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #c8d0d6;
}
.dependentPicklistLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}
select.dependentPicklistChildren, select.dependentPicklistChildren:focus {
    border: 1px solid #c8d0d6!important;
    border-top: 0 none!important;
    margin-top: 0;
    padding: 15px!important;
    min-height: 250px;
}
.dependentPicklistPagination {
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 25px;
    gap: 25px;
}


/* Scrollbar Thin */
.thinScrollbar::-webkit-scrollbar {width: 4px;}
.thinScrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  -webkit-border-radius: 10px; border-radius: 10px;}
.thinScrollbar::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px; background: rgba(55, 53, 66, 0.5); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.thinScrollbar::-webkit-scrollbar-thumb:window-inactive {background:rgba(55, 53, 66, 0.2);}

.ch-form-element2 { display: inline-flex; width: 400% }
/*.ch-form-element2*/.input2 { font-weight: 600; width: 400%; margin-left: 35px;}
/*.ch-form-element2*/.input2 > textarea {resize:vertical; padding-top:8px; min-height:80px;}
/*.ch-form-element2*/.input2 > input[type=checkbox] {position: relative; top: 6px;}
/*.ch-form-element2*/.input-label2 { text-align: right; width: 100%; padding-top:14px; word-break: break-word; }
/*.ch-form-element2*/.input2 .inputLink, .ch-dynamic-form-input .inputLink { position: absolute; display: inline-block; line-height: 34px; margin-left: 12px; max-width: 248px; white-space: nowrap; overflow: hidden; background:#fff; font-weight: 500;}
/*.ch-form-element2*/.input2 .inputLink + input, .ch-dynamic-form-input .inputLink + input{ padding-right: 18px!important;}
/*.ch-form-element2*/.input2.preview-bulkupdate-form-element {font-weight: 400;}

.hide-select-dropdown-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

@media screen and (max-width:1100px){
    .bulkMailModalStyle .modal-dialog {width: 90%;}
}

@media screen and (max-width:1000px) {
	.planContainer {padding:15px;}
	.basePlanLayout { display: block; }
	.planOverview {width: 100%; display: block;}
	.basePlanLayout > div { display: block; }
	.prcingColsGrid {border-spacing: 15px;}
	.prcingColsGridSpac { margin: 0 -14px 60px;}
    
    
}


@media screen and (max-width:600px) {
	.prcingColsGrid, .planDetailGrid, .planDetailGrid .planDetailCell { display: block; }
	.planDetailGrid .planDetailCell { width:100%}
	.pricingGridCol { display: block; margin-bottom: 15px; }
	.prcingColsGridSpac {margin: 0 0 60px;}
	.basePlanLayout .planDetailGrid .planDetailCell:first-child {width: 100%;}
	.basePlanLayout { margin-bottom: 15px; }
    .pricingGridCol.insightsPaln { width: 100%; }
    .ch-layout-table.automationPlanGrid .ch-layout-table-cell { width: 100%; display: block; }
    .ch-layout-table.automationPlanGrid { width: 100%; }
    .docTemplateWraningMsg { flex-wrap: wrap; text-align: center; }
    .docTemplateWraningMsgIcon { width: 100%; justify-content: center; }
    .docTemplateWraningMsgContent { padding: 15px 0; }
    .docTemplateWraningMsgBtn { width: 100%; }
    .docTemplateWraningMsgBtn .btn{width:100%;}
}

/*Vertical Flip Animation*/
@-moz-keyframes textSwitch{
	0% { content: "Workflows";}
	50% { content: "Alerts"; }
	100% { content: "Notifications";  }
}
@-webkit-keyframes textSwitch{
	0% { content: "Workflows";}
	50% { content: "Alerts"; }
	100% { content: "Notifications";  }
}
@-ms-keyframes textSwitch{
	0% { content: "Workflows";}
	50% { content: "Alerts"; }
	100% { content: "Notifications";  }
}
@media all {
	.landscapeModeWrap, .buildesMobileOverlay, .potraitViewModeWrap { display: none; width: 100%; height: 100%; background: #309FD9; position: fixed; top: 0; z-index: 999999; color: #fff; }

	.landscapeModeContent, .buildesMobileOverlayContent, .potraitViewModeContent { height: 100%; text-align: center; vertical-align: middle; display: table-cell; }

	.landscapeModeWrap h2, .buildesMobileOverlay h2,  .potraitViewModeWrap h2{ font-size: 22px; display: block; margin-top: 35px; }

	.landscapeModeWrap h4, .buildesMobileOverlay h4, .potraitViewModeWrap h4 { font-weight: 300; font-size: 14px; margin-top: 15px; display: block; }

	.buildesMobileOverlay { z-index: 9; }

	.navbar-header { float: left; }

	.navbar-right { float: right!important; }

	.navbar-nav > li { float: left; }

		.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }

	li.userDropdown > a { padding: 14px 15px 0px; }

	.navbar-nav { margin: 0; }

	.transformLeft { -webkit-transform: translateX(205px); transform: translateX(205px); -ms-transform: translateX(205px); -moz-transform: translateX(205px); }

	.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 0 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
	.quickAddBtnMb { display: none; }
}

@media screen and (max-width:2560px) {
    body.isiOSSystem .ch-form-element.input .inputLink, body.isiOSSystem .ch-dynamic-form-input .inputLink{line-height:34px; margin-left:11px; background:#fff;} 
}

@media screen and (min-width:1680px) {
    .customizeListItem { width:300px;}
}
@media screen and (max-width:1368px) {
    .customizePageContainer {padding:15px;}
	.dependentPicklistLabel{max-width:150px;}
}

@media screen and (max-width:1024px) {
	button, select, input[type="checkbox"] { -webkit-appearance: none; }
	.pageTitle { height: auto; border-bottom: 1px solid #DBE0E4; font-size: 16px; }
		.pageTitle .tabs-bottom-border { float: none!important; position: static; font-size: 14px; }
	#ch-wrapper { padding: 0; }
	#ch-sidebar { left: -205px; }
	.sidebarMenu ul li > a { font-size: 14px; }
	.newEmailAccount { padding: 25px; }
	.profileContainer-left { width: 100%; float: none; padding: 0; border-right: 0 none; }
	.addActivityContainer:after {display:none;}
	.profileContainer-right { display: none; }
	.profileContainer { padding-top: 0; }
	.profilePic { left: 35px; }
	.profileInfoWrap .followupBtn { right: 15px; }
	.socialLinks { right: 15px; bottom: 30px;}
	.followupModal .modal-body, .followupModalLeft { display: block; width: auto; }
	.followupModalRight { display: none; }
	.vTbasContainer { padding-left: 0; display: block; }
	.vTabsSidebar {display: block; width: auto; overflow: auto; overflow-y: hidden; background: #ffffff; padding: 20px 20px 0; }
	.vTabsContent { display: block; border-left: 0 none; padding: 25px; }
	.vTabs { right: 0; display: table; border-collapse: separate; border-spacing: 5px; padding-top: 0; margin-bottom: -5px; }
		.vTabs > li { margin-bottom: 0px; display: table-cell; width: 111px; border-left-width: 1px; margin-right: 0; border-left-width: 0; border-top: 0px solid transparent; width: auto; }
			.vTabs > li > a { border: 1px solid transparent; border-radius: 0; height: auto; padding: 12px; background: transparent; width: auto; border-bottom-width: 3px; position: relative; white-space: nowrap; line-height: normal; }
			.vTabs > li.active a {border-color: transparent; border-bottom-color: #4596fb; box-shadow: 0 0 0 transparent; }
			.vTabs > li a i.ch, .vTabs > li.active a i.chevronIcon { visibility: hidden; }
	.vTabsContent .manageTableScroller { position: relative; }
	.inviteUserWrap { max-width: 100%; }
	.nav-tabs > li { margin-bottom: -3px; }
	.lessFieldsPanel .col-lg-5.text-right { text-align: left; min-height: auto; }
	.lessFieldsPanel .col-lg-7 { margin-bottom: 15px; }
	.socialLinks li a.inactive { color: #C7D2D8; }
	.attachmentsContainer, .activitiesContainer, .taskContainer, .sectionRecordView { max-width: 100%; width: inherit; }
	.activitiesContainer, .taskContainer { padding: 20px 25px; }
	.tab-pane { padding: 0 25px; }
	.activitiesContainer .tab-pane { padding: 0 0px; }
	.tab-pane .listViewContainer { padding: 0 0px; }
	.chFollowupWindowBody .tab-pane { padding: 0; }
	.tabContentScroller .tab-pane .sectionRecordView { padding: 0; }
	.pageTitle + .sectionRecordView { padding: 0 25px; }
	.recordViewTitle.sectionProdcutRecordViewTite { margin: 0 15px; }
	.addProductsTableContainer { padding: 25px 15px; }
	.ch-form-element.input > textarea { max-height: 35px; }
	.productSearchWrap .productLookup { width: 100%; }
	.premissionsTableWrap .col-lg-2 { font-weight: 600; width: 16.66666667%; float: left; }
	.premissionsTableWrap .col-lg-8 { width: 66.66666667%; float: left; }

	/* List View */
	.pageTitle { padding: 0 25px; }
	.quickAddContainer .ch-layout-table-cell > label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.listViewAtionsWrap { padding: 17px 0; }
	.listViewContainer { padding: 0 15px; }
	.quickAddContainer { margin: 15px 0; }
	.tab-content.tabContentScroller .tab-pane .quickAddContainer { margin: 15px 0; }
	.cellEditInfo { display: none; }
	.editFieldsWrap:after { display: none; }
	.editFieldsWrap.editableField:hover { box-shadow: inset 0 0 0px 1px transparent; }
	.list-template .listviewTopBtns { padding-top: 6px; padding-bottom: 3px; }

	/* Tasks */
    .taskAssigneePic { width: 20px; height: 20px; }
	.taskAssigned span.name { margin-left: 2px; }
	ul.taskList li { height: inherit; }
		ul.taskList li a.assigneTo { white-space: nowrap; }
	.editTaskWrap { width: 76px; }
	.taskMark.taskCol input[type="checkbox"] { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
    .newTaskContainerBody .bootstrap-datetimepicker-widget {overflow: inherit; min-height: 230px;}

	/* Bulk Mail */
	.bulkMailColLeft, .bulkMailColRight { width: 267px; }
	.ch-layout-table.sender .ch-layout-table-cell.label { width: 62px; }
	.ch-layout-table.sender .ch-layout-table-cell { padding-left: 0; }
	.bulkEmailSubjectContainer input[type=text] { height: 57px!important; font-size: 15px!important; }
	.dropDownList { width: 216px; }
    .dropdown-menu {overflow:auto; max-height: 150px;}
    .chRecepients.lookupWrap .dropdown-menu.lookup-dropdown {max-height:350px;}

	/* Scrollers */
	.tab-content.tabContentScroller .tab-pane, .ch-left .scrollerContainer > .scroller, .ch-right .scrollerContainer > .scroller { overflow: scroll; -webkit-overflow-scrolling: touch; }
	.tab-content.tabContentScroller .tab-pane { position:relative;}
	.followupEditorCol.tinyMceEditorConainer {max-height: 286px !important;}
	.tinyMceEditorConainer > .mce-tinymce > .mce-container-body > .mce-edit-area {overflow:scroll;}
	.tabContentScroller.overviewTabContentScroller .tab-pane {overflow: inherit!important;}
	
	/* Automation */
	div#testResultModal .modal-dialog {width: 920px;}
	.executeTestModalContentRow .tab-content {max-width: 697px; }
	.automationListItem { flex-wrap: wrap; border: 1px solid #eaeaf3; margin: 5px 0; border-radius: 10px; }
	.automationListItemLabelCol { flex-wrap: wrap; }
	.automationListItemLabelWrap { width: calc(100% - 60px); }
	.automationListItemDescription, .automationListItemTime { width: 100%; margin-left: 48px; padding: 10px 0 0; }
	.automationListItemDescription:empty {display:none;}
	.automationListItemActions { width: 100%; border-top: 1px solid #eaeaf3; justify-content: flex-start; }
	.automationListItem.header { display: none; }

	/* Table Builder */
	.ch-right { width: 280px; }
	a.openReportBuilder { left:0;}
	.modal-backdrop.followupModalBackdrop { z-index: 104011!important; }

    .activityFilterContaienr.sticky {left:0;}
    .tabContentScroller.overviewTabContentScroller .tab-pane#overview{padding:0;}

}



@media screen and (max-width:768px) {
	#ch-navbar { padding: 0 5px; }


	/* Followups */
	.followupWrap { margin-left: 5px; }

	.leadsTable, .leadsTable tbody, .leadsTable tr, .leadsTable th, .leadsTable td { display: block; }

		.leadsTable td:first-child { display: inline-block; width: 55px; min-height: 45px; padding-left: 15px; }

		.leadsTable td:nth-child(2) { display: inline-block; min-height: 45px; }

		.leadsTable td:nth-child(3) { position: absolute; right: 15px; top: 12px; text-align: right; font-size: 11px; font-weight: 300; }

		.leadsTable td:nth-child(4) { padding: 10px 0 10px 60px; }

		.leadsTable td:nth-child(5), .leadsTable td:nth-child(6), .leadsTable td:nth-child(7) { display: inline-block; width: 50%; height: 45px; background: #F5F7F9; float: left; border-top: 1px solid #E6E9EC; }

		.leadsTable td:nth-child(5) { padding: 10px 0 0 0; text-align: left; }

			.leadsTable td:nth-child(5) a { margin-top: 4px; display: inline-block; }

		.leadsTable td:nth-child(6) { text-align: right; }

	.profileContainer-left { width: 100%; }

	.profileContainer-right { display: none; }

	ul.followupsList { background: #f6f8fa; }

		ul.followupsList > li { background: #fff; box-shadow: 1px 1px 3px #B0B9C1; margin-bottom: 5px; border-radius: 3px; padding: 15px 0 0 0; overflow: hidden; height: auto; }

			ul.followupsList > li .listWrap { padding: 15px 0; }

				ul.followupsList > li .listWrap .followupBtn { margin: 6px 15px!important; }

	.showHotness { margin-bottom: 15px; }

	.contactBtnTransition { position: static; margin-top: 0px; margin-bottom: 15px; }

	/* Record View */

	.recordViewTable, .recordRow, .recordCell { display: block; }

		.recordCell.labelTxt { width: 35%; display: inline-block; }

		.recordCell.recordOutputVal { width: 65%; display: inline-block; display: inline-block; }

		.recordViewTable.readOnly .recordCell { padding: 15px; }

	.lessFieldsPanel { width: auto; border: 0 none!important; margin: 25px 0; }

	.panel-default.lessFieldsPanel .panel-title { padding: 12px 0; }

	.panel-default.lessFieldsPanel .panel-body { padding: 15px 0; }

	.lessFieldsPanel input[type=text], .lessFieldsPanel select { width: 100% !important; max-width: 100%; }

	.lessFieldsPanel .col-lg-5.text-right { text-align: left; min-height: inherit; padding-bottom: 0; margin-bottom: 2px; }

	.recordViewTable.readOnly .recordCell { padding: 0px 15px 10px 15px; }

	.recordCell.labelTxt { width: 100%; display: block; text-align: left; padding-bottom: 4px!important; font-weight: 300; color: #A0A8AB!important; }

	.recordCell.recordOutputVal { width: 100%; display: block; font-size: 16px; font-weight: 400; margin-bottom: 15px; }

	.recordViewBtnsWrap { padding: 20px 0 20px; }

	/* Task */
	.newTaskWrap .ch-form-grid { display: block; }
		.newTaskWrap .ch-form-grid > .ch-form-element-group { display: block; border-bottom: 1px solid #dbe7ec; margin: 0 2%; }
	.newTaskWrap .ch-form-element.input-label { display: block; width: 100%!important; font-size: 14px; }
	.newTaskWrap .ch-form-element.input { border-bottom: 0 none; }

	/* Builder */
	#drop_zone { max-width: 100%; padding: 15px; }

	.importWizard { padding: 40px 15px; }
	.reportCriteriaContainer {width:420px;}
	.panel.panel-default.report-view-panel { left:420px;}
	.customizeList.grid .customizeListItem { width: 100%; margin-bottom: 15px;}
	.tableTemplatesListItem {width: calc(50% - 10px);}
}

@media screen and (max-width:767px) {
	.navbar-nav ul.dropdown-menu { position: absolute!important; float: left!important; background: #fff!important; border: 1px solid #ccc!important; box-shadow: 0 6px 12px rgba(0,0,0,.175)!important; right: 0; left: auto; }

	/* Import Data */
	.selectTableWrap { width: auto; }

	.importWizard > li { padding: 14px 0px 14px 48px; }

	.selectTableWrap select { width: 100%; margin-bottom: 10px; }

	.scrollerContainer { padding-bottom: 70px; }

	.profileInfoWrap { padding: 15px 0; }

	.profilePic { position: static; display: block; margin: 0 auto; }

	li.profileNamelistItem { text-align: center; padding: 10px 0 25px; background: transparent!important; }

	.profilInfoList h2.profileName { font-size: 18px; font-weight: 600; }

	.profilInfoList li { display: block; padding: 15px; background: #F6F8FA; margin-bottom: 5px; }

		.profilInfoList li.iconListItem { padding-left: 15px; }

			.profilInfoList li.iconListItem i.fa { color: #309FD9; width: 30px; height: 30px; display: inline-block; border: 1px solid #309FD9; text-align: center; line-height: 30px; border-radius: 30px; font-size: 16px; top: 13px; left: 15px; }

	.infoWrapBlue > .info { min-width: inherit; }

	.pageInfoWrap { margin-top: 15px; }

	.infoWrapBlue > .info h2 { font-size: 14px; }

	input[type=text], input[type=email], input[type=password], input[type=number], select { height: 35px !important; }

	.btn { padding: 7px 12px; }

	.listViewSearchWrap { width: auto; padding: 15px 0; }

	a.editLink { position: absolute; background: #fff; border: 1px solid #309FD9; line-height: 27px; right: 15px; top: 10px; display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 30px; }

	.inviteUserWrap input[type=text], .inviteUserWrap select { width: 100%; margin-bottom: 7px; }
	.pull-right.listViewSearchWrap { float: none!important; width: 100%; }
	.newTaskWrap .input-group.date { width: 100%; }
	.attachmentsContainer { width: inherit; padding: 0 15px; margin: 0 auto; padding-bottom: 25px; }
	.ch-read-only-field { padding: 8px 0 8px; }
	.note-btn-right { padding: 15px; }
		.note-btn-right .btn { position: static; margin-top: 15px; }
	ul.profileActionsBtns { position: static; margin-top: 6px; width: 100%; table-layout: fixed; }
	ul.profileActionsBtns > li > a.btn { width: 100%; }
	.socialLinks {bottom:62px;}
}

@media screen and (max-width:768px) {
	.tipBtm { opacity: 0; position: absolute; background: #101c2b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #879bb5; padding: 30px 25px; border-radius: 0; font-size: 13px; font-weight: normal; box-shadow: 10px 10px 3px -5px rgba(0,0,0,0.3); z-index: 99999; }
		.tipBtm h2 { font-size: 14px; font-weight: 600; color: #fff; margin: 0 0 5px; line-height: 19px; }
		.tipBtm .btn { padding: 5px 15px; box-shadow: 0 0 0 transparent; font-size: 12px; }
		.tipBtm .btn-default.btn-tip-close { background: transparent; border: 0 none; position: absolute; top: 10px; right: 10px; color: #b0bdc7; width: 14px; height: 14px; padding: 0; border-radius: 100%; line-height: 12px; font-size: 9px!important; }
		.tipBtm .btn:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle,#000 10%,transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10,10); opacity: 0; transition: transform .5s,opacity 1s; }
		.tipBtm .btn:active:after { transform: scale(0,0); opacity: .2; transition: 0s; }
		.tipBtm .btns { padding-top: 5px; }
		.tipBtm:before { content: ''; position: absolute; top: 0; left: 17px; border: 10px solid transparent; border-bottom: 10px solid #101c2b; margin-top: -18px; }
		.tipBtm.open { opacity: 1; }

	.quickAddPulse { position: absolute; z-index: 999999; transform: scale(0.3); margin: -3px; left: 50%; margin-left: -105px; }
	#pulseWrap { position: relative; }
	.pulse { position: absolute; top: 0; left: 0; width: 250px; height: 250px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.pulse1 { border: 15px solid #0777cc; -webkit-animation: pulse1 2.5s linear infinite; -moz-animation: pulse1 4s linear infinite; animation: pulse1 4s linear infinite; }
	.pulse2 { border: 10px solid #0777cc; -webkit-animation: pulse2 2.5s linear infinite; -moz-animation: pulse2 4s linear infinite; animation: pulse2 4s linear infinite; }
	.pulse3 { border: 12px solid #0777cc; -webkit-animation: pulse3 2.5s linear infinite; -moz-animation: pulse3 4s linear infinite; animation: pulse3 4s linear infinite; }
	.pulse4 { border: 20px solid #0777cc; -webkit-animation: pulse4 2.5s linear infinite; -moz-animation: pulse4 4s linear infinite; animation: pulse4 4s linear infinite; }
	.shine { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-animation: blink 1s infinite; }
	.contactNameOverflow a.highlightLink { -webkit-animation: linkBlink 1s linear infinite; animation: linkBlink 1s linear infinite; }
	.exploreContainer { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99999; text-align: center; }
	.exploreModal { display: inline-block; background: #fff; max-width: 300px; border-radius: 3px; position: relative; padding: 40px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); }
	.exploreContainer.open .exploreModal { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
	.exploreModal h2 { font-size: 18px; line-height: 29px; font-weight: 600; }
	.closeExploreModal { position: absolute; right: 0; top: -23px; color: #fff; }
	.exploreContainer .ch-layout-table-cell { vertical-align: middle; }
	.actionsList { display: block; }
		.actionsList > div.productLookup { width: 100%; padding: 15px 0 10px; height: inherit; }
		.actionsList > div { display: inline-block; height: 65px; vertical-align: middle; padding: 0 15px; }

	.recordCell.recordOutputVal { font-size: 14px; }
	.priceListItemsWrap .listViewTableWrap, div[table-name="PriceListItem"] .listViewTableWrap { overflow: auto; }
		.priceListItemsWrap .listViewTableWrap .input-group .form-control { min-width: 100px; }
	.vTabsSidebar li.qTempltesListItem { display: none; }
}

@media screen and (max-width:650px) {
	.fieldsCol2 .fieldDiv { width: auto; padding-left: 0; }

		.fieldsCol2 .fieldDiv label { position: static; width: auto; text-align: left; }

	.newEmailAccount { padding: 0; }

	#ch-navbar .addUserBtn { display: none; }

	.navbar-brand { width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

	.socialLinks { position: static; display: table; table-layout: fixed; width: 100%; }

		.socialLinks li { display: table-cell; text-align: center; background: #F6F8FA; border-right: 5px solid #Fff; padding: 10px; }

	.titleTxt { font-size: 16px; }

	.vTabsContent { padding: 15px; }

	.recordViewTable.readOnly .recordCell { padding: 0px 0 10px 0; }

	.profileContainer-left .pageInfoWrap { padding: 0 15px; }

	.followupModalLeft textarea { max-height: 120px; }

	.followupModalLeft .pageInfoWrap { display: none; }

	body { position: fixed; }
	.quickAddContainer { padding: 15px 15px 15px; margin: 15px 15px 15px; overflow: auto; }
		.quickAddContainer .ch-layout-table-cell.quickAddSaveBtnCell { padding-top: 10px; }
		/* .quickAddContainer .ch-layout-table, .quickAddContainer .ch-layout-table-row, .quickAddContainer .ch-layout-table-cell{display:block; width:100%;}*/
		.quickAddContainer .ch-layout-table-cell { padding-bottom: 7px; width: 150px; }
	.quickAddPopover { top: 0!important; left: 0!important; margin: inherit!important; position: fixed; width: 100%; z-index: 99999; height: 100%; border-radius: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); }
		.quickAddPopover[isOpen=true] { transform: scale(1); }
	.quickAddPopoverBody { min-width: inherit; max-width: inherit; padding: 20px 20px 0; }
	.quickAddPopoverFooter { padding: 10px 20px; }
	.quickAddPopoverBody .chFormFeildsCell { padding-bottom: 10px; }
	.quickAddPopoverTitle { border-radius: 0; background: #309fd9; border-bottom: 1px solid #309fd9; }
		.quickAddPopoverTitle .btn { color: #ffffff; }
	a.quickAddPopoverClose { color: #f0faff; }
	.quickAddPopover:after { border-right: 7px solid transparent; }
	.quickAddPopoverTitle .open > .dropdown-toggle.btn-default:hover, .quickAddPopoverTitle .open > .dropdown-toggle.btn-default { background-color: transparent; color: #fff; }
	.quickAddPopoverBody .chFormFeildsLayout .chFormFeildsRow .chFormFeildsCell { padding: 0; }
	ul.listViewQuickActions > li > a.newIcon:after, ul.listViewQuickActions > li > a.newIcon:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background: rgba(9, 124, 181, 0.9); background-repeat: no-repeat; background-position: 50%; border-radius: 100%; transform: scale(7,7); opacity: 0; transition: transform .5s,opacity 1s; }
	ul.listViewQuickActions > li > a.newIcon:active:after { transform: scale(0,0); opacity: .3; transition: 0s; }
	.blinking { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
		.blinking:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background: rgba(9, 124, 181, 0.9); background-repeat: no-repeat; background-position: 50%; border-radius: 100%; transform: scale(7,7); opacity: 0; transition: transform .5s,opacity 1s; -webkit-animation: blinking 1s linear infinite; animation: blinking 1s linear infinite; }
	.listViewAtionsWrap.blinking:after { width: 30px; height: 30px; margin: 8px 0 0 272px; z-index: 9; }
	.listViewAtionsWrap.importBlink.blinking:after { margin: 8px 0 0 112px; }
	.blinkOnce { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
		.blinkOnce:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; top: 0; left: 0; pointer-events: none; background: rgba(9, 124, 181, 0.9); background-repeat: no-repeat; background-position: 50%; border-radius: 100%; transform: scale(4,4); opacity: 0; transition: transform .5s,opacity 1s; -webkit-animation: blinking 1s linear; animation: blinking 1s linear; }
	.contactListViewTable tbody tr:first-child td:first-child.blinkOnce:after { margin: 61px 42px; }
	.contactListViewTable tbody tr:nth-child(2) td:first-child.blinkOnce:after { margin: 104px 42px; }


	.followupBtn.blinking:after { width: 30px; height: 30px; }
	.pageTitle.blinkOnce:after { width: 30px; height: 30px; top: 60px; left: 140px; }
	ul.listViewQuickActions > li > a.newIcon.clicked { background-color: #309fd9; background-position: -19px -13px!important; box-shadow: inset 0 0 0 1px #2696d0; -webkit-animation: zoomIn 0.5s linear; animation: zoomIn 0.5s linear; }



	/*.quickAddContainerMb { border: 1px solid #309fd9; border-radius: 3px; }
    .quickAddContainerMb a.btn.btn-bordered-blue { border-bottom: 1px solid transparent; width: 100%; box-shadow: 0 0 0 transparent; }
    .quickAddContainer .ch-layout-table-cell label {line-height: normal; margin: 0;padding: 0;}
    .quickAddContainerMbSpacing {padding:15px; z-index: 9;}
    .listViewAtionsWrap { padding: 17px 15px; }
    .quickAddBtnMb {display:block;}
    .quickAddContainer.quickAddHide {display:none;}*/
	#intercom-container { display: none; }
	.addActivityContainer { padding: 0 0; }
	.chFormFeildsLayout { display: block; }
		.chFormFeildsLayout .chFormFeildsRow { display: block; }
			.chFormFeildsLayout .chFormFeildsRow .chFormFeildsCell { width: 100%; display: block; padding: 0 15px; margin-bottom: 10px; }
		.chFormFeildsLayout input:not([type='button']), .chFormFeildsLayout textarea, .chFormFeildsLayout select { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; width: 100%; height: 48px; border: 0 none; border-bottom: 1px solid #E2EBF5; font-size: 13px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 0; }
			.chFormFeildsLayout input:not([type='button']):focus, .chFormFeildsLayout textarea:focus, .chFormFeildsLayout select:focus { outline: none; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
	.activityTypeCell { width: 15%; }
	.activityDateCell { width: 15%; }
	.chFormFeildsLayout .input-group { width: 100%; border-spacing: 0; }
		.chFormFeildsLayout .input-group input[type=text], .chFormFeildsLayout .activityTypeCell select { min-width: 140px; }
		.chFormFeildsLayout .input-group.date .input-group-addon { background: transparent; border: 0 none; border-bottom: 1px solid #e2ebf5; border-radius: 0; }
	ul.capsuleListStyle { display: block; width: 100%; white-space: nowrap; overflow: auto; }
	ul.nav.nav-tabs.tabs-bottom-border:before, ul.nav.nav-tabs.tabs-bottom-border:after { display: none; }
	ul.nav.nav-tabs.tabs-bottom-border { display: block; width: 100%; overflow: auto; white-space: nowrap; max-width: 340px; overflow-y: hidden; }
	.nav-tabs.activityTabs {max-width:inherit!important;}
		ul.nav.nav-tabs.tabs-bottom-border > li { display: inline-block; float: none; }
	.importWizard { padding: 15px; }
	.reportCriteria { display: block; border-spacing: 0; padding-top: 15px; }
		.reportCriteria > .cols { display: block; }
	.cols.reportAxisCol { width: inherit; padding-right: 44px; }
	a.addReportFieldBtn.shiftToLeft { right: inherit!important; left: 97px; }
	.reportFieldContainer { padding-left: 100px; }
	.reportFieldLabel { width: 100px; }
	.reportFiltersDropdown, .reportFiltersMultiListCol { width: 280px; }
		.reportFiltersDropdown.reportFiltersDropdownNew { right: -42px; }
	.filterLabel { margin-left: 21px; margin-top: 10px; }
	.reportFilterList { padding: 15px 23px; }
	.cols.reportFilterCol { border-top: 1px solid #ebeef0; margin-top: 10px; }
	.activitiesContainer { width: inherit; }
		.activitiesContainer > ul.nav.nav-tabs { display: block; width: 100%; white-space: nowrap; overflow: auto; overflow-y: hidden; padding: 0 15px; }
		.activitiesContainer > .nav-tabs > li { float: none; margin-bottom: 0px; display: inline-block; }
	.activitiesContents { display: block; position: relative; padding: 14px 30px 14px 50px; width: 100%; table-layout: fixed; }
	.activityTypeIcon.activityCol { position: absolute!important; left: 13px; top: 10px; width: 30px; }
	.activityDate.activityCol { width: inherit; text-align: left; }
	.activityHistory.activityCol { width: 35px; position: absolute!important; right: 13px; top: 14px; }
	.activitiesContainer .tabpanel { padding: 0 15px; }
	.activitiesContents .activityCol { display: block; padding: 0; vertical-align: middle; position: relative; }
	.taskContainer { width: inherit; margin: 0 auto; padding: 15px; min-height: inherit; }
	ul.taskList li { height: inherit; }
	.taskContents { display: block; position: relative; padding: 15px 15px 15px 40px; }
		.taskContents .taskCol { display: block; padding: 0; }
	.typeAndDate.taskCol { width: 100%; }
	.taskName { padding: 10px 0 0; }
	.taskDescription { padding-bottom: 5px; }
	.taskAssigned.taskCol { padding-top: 5px; }
	.taskMark.taskCol { width: 30px; position: absolute!important; left: 7px; top: 14px; }
	.newTaskWrap .recordViewTable { width: inherit; }
		.newTaskWrap .recordViewTable .recordRow { padding-bottom: 15px; }
	.taskEdit.taskCol { width: 76px!important; position: absolute; bottom: 14px; right: 0px; }
	.editTaskWrap { width: inherit; position: static; }
	.pageTitle .pageTitleActions { display: none; }
	.vTabsContent .listViewTableWrap { overflow: auto; width: 100%; }
	.hideElementInMobile { display: none!important; }
	.scrollerContainer > .scroller { -webkit-overflow-scrolling: touch; }
	.pageTitle, .quickAddContainerMbSpacing, .listViewAtionsWrap, .listViewPagination { position: relative; -webkit-transition: -webkit-transform 0s ease; transition: -webkit-transform 0s ease; }
	.deleteConfirmModal, .deleteConfirmModalWrap .modal-dialog { width: 92%; margin: 15px 4%; }
	.blankSlateModalContainer img { display: none; }
	.chModal { min-width: inherit; max-width: 92%; }
	.blankSlateStrip > div.btnCell, .docSect .docSectBody div.btnCell, .blankSlateStrip > div, .docSect .docSectBody > div { display: block; }
	.blankSlateStrip { display: inherit; padding: 15px; }
		.blankSlateStrip > div.btnCell, .docSect .docSectBody div.btnCell { text-align: left; padding-top: 15px; padding-right: 15px; }
	.chModal { padding: 20px 20px 20px; }
	.manageFoldersContainer ul.reportFolderList > li .reportFolderDetails { height: inherit; }
	.manageFoldersContainer ul.reportFolderList > li h2.reportFolderName { padding: 24px 0; margin: 0; }
	.manageFoldersContainer .reportDetails { padding: 0 66px 0 65px; }
	.pageErrorContainer { min-width: inherit; margin: 0 15px; }
	.manageFoldersContainer ul.reportList h2.reportName { padding: 15px; height: inherit; line-height: inherit; }
	table.dealInfoTable, table.dealInfoTable tbody, table.dealInfoTable tr, table.dealInfoTable td { display: block; width: 100%; text-align: left; }
		table.dealInfoTable td[align=right] { padding-top: 10px; }
	.dealsInfoWrap .deaIcon { position: static; display: block; margin: 0 auto; }
	h2.dealTitle { text-align: center; padding-top: 10px; }
	.dealsInfoWrap { text-align: center; padding: 0 15px; }
	.dealInfoTable td { padding-right: 0; }
	table.dealInfoTable { margin-top: 0px; }
	.dealsActions { position: static; margin: 15px auto; display: table!important; }

	.tipBtm { position: fixed; display: block; bottom: -100px; left: 0; right: 0; padding: 20px 85px 20px 14px; border-radius: 0; box-shadow: 0px -10px 3px -5px rgba(0,0,0,0.3); }
		.tipBtm.open { bottom: 0; top: inherit!important; left: 0!important; }
		.tipBtm .btns { position: absolute; right: 15px; top: 50%; margin-top: -14px; padding-top: 0; }
		.tipBtm .btn-default.btn-tip-close { background: #7f9098; top: -17px; color: #ffffff; }
		.tipBtm:before { display: none; }
	.actionsList > div.priceList { width: 100%; height: auto; padding: 0 0 10px 0; }
	.actionsList > div.discount { padding: 0; height: inherit; }
	.actionsList > div.tax { height: inherit; vertical-align: top; padding: 0; }
	.actionsList { padding-bottom: 15px; }
	.recordViewBtnsWrap .btn { margin-bottom: 6px; }
	.productTableWrap .input-group .form-control { min-width: 70px; }
	.productTableScroller { overflow: auto; }
	.productTableWrap .productNameCol { white-space: nowrap; }
	.discount .btn-group.pull-right { float: none!important;; }
	.discount .pull-right > .dropdown-menu { right: inherit!important; }
	.recordViewTitle { font-size: 14px; }
	.form-control, input[type=text], input[type=email], input[type=password], input[type=number] { font-size: 12px; }
	ul.cstmPagination { width: 100%; text-align: center; padding: 0 0 10px 0!important; }
}

@media screen and (max-width:550px) {
	.reportFieldOverflow { max-width: 110px; }
	span.phoneSpan { display: block; padding-top: 14px; }

	.titleToggleBtn { font-size: 13px; }
	body, html { font-size: 12px; }
	.listViewTableWrap table th, .ch-table-style th { font-size: 10px; }
	.btn { padding: 5px 12px; font-size: 11px!important; }
	.quickAddContainer .ch-layout-table-cell label { font-size: 11px; margin-bottom: 0px; }
	input[type=text], input[type=email], input[type=password], input[type=number], select { height: 28px !important; }
	.quickAddContainer { padding: 10px; }
	.listViewTableWrap table > tbody > tr > td, .listViewTableWrap table > tbody > tr > th, .ch-table-style td { font-size: 11px; }
	.listViewAtionsWrap { padding: 10px 15px; }
}

@media screen and (max-width:350px) {
	.recordViewBtnsWrap .btn { width: 100%; }
}

@media screen and (max-width:767px) and (orientation:landscape) {
	.landscapeModeWrap { /*display: table; */ }
}

@media screen and (min-width:1590px) {
	.chModal { min-width: 550px; padding: 50px; }
	.chModal h2 { font-size: 20px; }
    .profileContainer-right {padding:25px; }
    .profileSidebarSections {margin-bottom: 20px;}
    .chActivityWrapper {padding:0 55px;}
    .profileInfoWrap, .dealsInfoWrap{padding: 40px 55px 80px 125px;}
    ul.profileActionsBtns, .dealsActions {right: 55px;}
    .profilePic, .companyIconWrap, .dealsInfoWrap .deaIcon{left:55px;}
    .customizeList { max-width:inherit;}
	.profilePicEditLink {left: 90px;}
}

@media screen and (min-width:768px) {
	.tipBtm { display: none; }
}

@-moz-keyframes blinking {
	0% { transform: scale(7,7); opacity: 0; transition: transform .5s,opacity 1s; }
	100% { transform: scale(0,0); opacity: .3; transition: 0s; }
}

@-webkit-keyframes blinking {
	0% { transform: scale(0,0); opacity: .3; transition: 0s; }
	100% { transform: scale(7,7); opacity: 0; transition: transform .5s,opacity 1s; }
}

@-webkit-keyframes zoomIn {
	0% { transform: scale(1); }
	50% { transform: scale(2); }
	100% { transform: scale(1); }
}

@-moz-keyframes zoomIn {
	0% { transform: scale(1); }
	50% { transform: scale(2); }
	100% { transform: scale(1); }
}

@-webkit-keyframes linkBlink {
	0% { background: transparent; color: #039be5; }
	50% { background: #309fd9; color: #fff; }
}

.pvtUi {
    color: #333;
}


table.pvtTable {
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
}

    table.pvtTable thead tr th, table.pvtTable tbody tr th {
            background-color: #f9fbfd;
            border: 1px solid #e7ecf1;
            font-size: 11px;
            padding: 7px;
            text-transform: uppercase;
    }

    table.pvtTable .pvtColLabel {
        text-align: center;
    }

    table.pvtTable .pvtTotalLabel {
        text-align: right;
    }

    table.pvtTable tbody tr td {
        color: #324752;
        padding: 5px;
        background-color: #FFF;
        border: 1px solid #e7edf2;
        vertical-align: top;
        text-align: right;
    }

.pvtTotal, .pvtGrandTotal {
    font-weight: bold;
}

.pvtVals {
    text-align: center;
}

.pvtAggregator {
    margin-bottom: 5px;
}

.pvtAxisContainer, .pvtVals {
    border: 1px solid gray;
    background: #EEE;
    padding: 5px;
    min-width: 20px;
    min-height: 20px;
}

    .pvtAxisContainer li {
        padding: 8px 6px;
        list-style-type: none;
        cursor: move;
    }

        .pvtAxisContainer li.pvtPlaceholder {
            -webkit-border-radius: 5px;
            padding: 3px 15px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px dashed #aaa;
        }

        .pvtAxisContainer li span.pvtAttr {
            -webkit-text-size-adjust: 100%;
            background: #F3F3F3;
            border: 1px solid #DEDEDE;
            padding: 2px 5px;
            white-space: nowrap;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.pvtTriangle {
    cursor: pointer;
    color: grey;
}

.pvtHorizList li {
    display: inline;
}

.pvtVertList {
    vertical-align: top;
}

.pvtFilteredAttribute {
    font-style: italic;
}

.pvtFilterBox {
    z-index: 100;
    width: 280px;
    border: 1px solid gray;
    background-color: #fff;
    position: absolute;
    padding: 20px;
    text-align: center;
}

    .pvtFilterBox h4 {
        margin: 0;
    }

    .pvtFilterBox p {
        margin: 1em auto;
    }

    .pvtFilterBox label {
        font-weight: normal;
    }

    .pvtFilterBox input[type='checkbox'] {
        margin-right: 5px;
    }

.pvtCheckContainer {
    text-align: left;
    overflow: scroll;
    width: 100%;
    max-height: 200px;
}

    .pvtCheckContainer p {
        margin: 5px;
    }

.pvtRendererArea {
    padding: 5px;
}

table.pvtTable .pvtRowLabel {
    vertical-align: top;
    white-space: nowrap;
}

table.pvtTable .pvtColLabel {
    white-space: nowrap;
}

table.pvtTable .pvtAxisLabel {
    white-space: nowrap;
}

.pvtRowSubtotal {
    background-color: #eff3f7 !important;
    border: 1px solid #eff3f7;
    color: #2ca1de;
}

.pvtColSubtotal {
    background-color: #eff3f7 !important;
    border: 1px solid #eff3f7;
    color: #2ca1de;
}

.expanded {
    cursor: pointer;
}