* {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    
    box-sizing: border-box;
    /* Opera/IE 8+ */
	
}
@charset "UTF-8";
/* CSS Document */
.ui-helper-hidden-accessible 
{ 
    /*
        This block is showing the contact id in the top left corner
        This block is apparently used for accessibility. If this block is removed screen readers and other accessibility tools might stop working.
        By moving the block way off screen it still exists for any tools that need it and it is hidden from the user.
    */
    position: absolute; 
    left:-999em; 
}

.hidebtn
{
    display:none !important;
}

body {
    background-color: #fff;
	margin:0;
}

/*h3 {
    line-height: 0px;
}
h4 {
    color: #808080;
    font-size: 16px;
    font-weight: 300;
}*/
.sourceButton {
    display: inline-block;
    height: 37px;
    width: auto;
    margin: 8px 0 0 -15px;
}
.fileInput {
    width: 320px;
    display: inline-block;
    vertical-align: top;
}
.breadcrumbButton {
    max-width: 90px;
}
.numberInput {
    width: 80px;
}
.numberToTop {
    padding-left: 20px;
}
.blockVert, .numberToTop {
    vertical-align: top;
}
.mainMenu, #mobileMenu {
    background-color: #333333;
    top: 0;
    left: 0;
}
.logo_site {
    background: #333333;
    display: inline-block;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 94px;
    z-index: 9999;
}
.mainMenu {
    height: 100%;
    padding: 5% 10px 10px;
    position: fixed;
    width: 75px;
    z-index: 10;
}
.menuOptions {
    width: 63px;
    height: auto;
}
#mobileMenu {
    height: 45px;
}
#mobileMenu, #emailTable, #emailContent, .emailContainer {
    width: 100%;
}
a {
    text-decoration: none;
}
a.guideflow_hovered {
    text-decoration: underline;
}
a {
    color: #1F1F1F;
}
.menuButton {
    padding-bottom: 35px;
}
#homeButton {
    padding: 10px 9px;
    background-color: #4d4d4d;
    border-radius: 10px;
}
.cellBackground {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-color: #e55124;
}
#homeButton.guideflow_hovered {
    background-color: #515151;
}
#bottomNav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.header {
    background: none repeat scroll 0 0 #333;
    border-bottom: 4px solid #e55124;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 99999;
}
/*.header{
    background: #333;
    border-bottom: 4px solid #e55124;
    float: left;
    width: 100%;
	position:relative;
	z-index:99999;
}*/

#nav {
    float: left;
    padding-bottom: 6px;
    width: 100%;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: auto;
}
.emailMenu {
    padding: 10px 0 10px 0;
}
.emailMenu ul li {
    display: inline;
    padding: 15px;
}
.cellMenu, .imageMenu, .textMenu, .videoMenu, #mypanel, a.tooltipLeft span, a.tooltipTop span, #mobileMenu {
    display: none;
}
#menuButton {
    width: 30px;
    height: auto;
}
/*.containerEmail{
    margin:0px 0px 0px 95px;
}*/

.containerEmail {
    margin: 0;
}
.emailBody {
    max-width: 95%;
    background-color: #f2f2f2;
    height: 550px;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 3px 3px #b3b3b3;
    overflow-y: scroll;
    -webkit-overflow: touch;
}
#emailTable {
    height: 100%;
    background: #BDBABA;
}
#emailContent {
    max-width: 600px;
    background-color: #e55124;
}
.emailContainer {
    height: 100%;
    margin-top: 5px;
}
#fontSizeBox, #fontFamily, #fontWeightBox, .textInline, .borderTopLeft, .borderTopRight, .number, .numberInput, .blockVert, #addCellRight, #addCellLeft, #addRowAbove, #addRowBelow {
    display: inline-block;
}
#fontSizeBox {
    width: 90px;
    padding-right: 18px;
    vertical-align: top;
}
#fontFamily {
    width: 130px;
    padding-right: 18px;
}
#fontWeightBox {
    width: 130px;
}
.textInline {
    padding: 20px 25px 0 0;
}
.allItems {
    background-color: white;
}
#addCellRight, #addCellLeft, #addRowAbove, #addRowBelow {
    width: 198px;
}
.templateBackground {
    /*background-color: rgba(51, 51, 51, 1.00);*/
    width: auto;
    max-width: 800px;
    height: auto;
    border-radius: 12px;
    padding: 20px;
}
.templateSelect {
    background-color: #4d4d4d;
    width: 215px;
    height: 215px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #808080;
    display: inline-block;
    margin: 20px;
}
/*Tooltip styling*/
a.tooltipLeft.guideflow_hovered span, a.tooltipTop.guideflow_hovered span {
    height: 55px;
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	color: rgb(255, 255, 255);
	background: rgb(51, 51, 51);    
	border: 4px solid rgb(51, 51, 51);
	border-radius: 5px;
	text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}
a.tooltipLeft.guideflow_hovered span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
    top: 10px;
    left: -24px;
}
tooltip-bottom
{
    width: 120px;
  top: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
a.tooltipTop.guideflow_hovered span {
    display: inline;
    position: absolute;
    width: 125px;
    margin: 80px 0 0 -110px;
}
a.tooltipTop.guideflow_hovered span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    top: -22px;
    left: 65px;
}
/*End Tooltip Styling*/
/*Border Radius Buttons*/

.borderTopLeft, .borderTopRight, .borderBottomLeft, .borderBottomRight {
    background-color: #cccccc;
    width: 30px;
    height: 30px;
}
.borderTopLeft {
    border-top-left-radius: 10px;
    border-right: 1px solid #383838;
    border-bottom: 1px solid #383838;
    float: left;
}
.borderTopLeft img, .borderTopRight img, .borderBottomLeft img, .borderBottomRight img {
    margin-top: 5px;
}
.borderTopRight {
    border-top-right-radius: 10px;
    border-left: 1px solid #383838;
    border-bottom: 1px solid #383838;
}
.borderBottomLeft {
    border-bottom-left-radius: 10px;
    border-right: 1px solid #383838;
    border-top: 1px solid #383838;
    float: left;
}
.borderBottomRight {
    border-bottom-right-radius: 10px;
    border-left: 1px solid #383838;
    border-top: 1px solid #383838;
    display: inline-block;
}
.popupDiv {
    padding: 10px 20px;
    width: 405px;
}
.emailBackground {
    height: 60px;
    width: 60px;
    background-color: #e55124;
    border-radius: 5px;
}
/* New Styles Added */

body, p, a, h1, h2, h3, h4, h5, h6, li {
    text-shadow: none !important;
}
#header-panel-right {
    float: right;
    margin: 2px 20px 0 0;
}
.search-bar {
    float: right;
    margin: 5px 0;
}
#header-panel-right .ui-input-text, #header-panel-right .ui-input-text:focus {
    float: left;
    display: inline-block;
    box-shadow: none;
    border: none !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #fff;
}
#header-panel-right .ui-input-text input.search-f {
    background: #fff !important;
    color: #333;
    border: none !important;
    height: 25px;
    min-height: inherit;
    padding-left: 10px;
    font-size: small;
}
#header-panel-right .ui-btn, #header-panel-right .ui-btn.guideflow_hovered, #header-panel-right .ui-btn:focus {
    background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll 6px 4px #E55124 !important;
    border: medium none;
    border-radius: 0 20px 20px 0;
    box-shadow: none;
    float: left;
    margin-top: 0.5em;
    padding: 13px 16px 12px 16px;
}
.notifications {
    float: left;
    margin-left: 20px;
    margin-top: 9px;
}
.notifications a {
    background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat;
    width: 27px;
    height: 23px;
    display: block;
    position: relative;
}
.notifications span {
    background: none repeat scroll 0 0 #E55124;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: x-small;
    left: -2px;
    padding: 1px 5px;
    position: absolute;
    top: -2px;
}
#mobileMenu .ui-link {
    padding-bottom: 0.5em;
}
#top-nav-bar {
    background: #333333;
    clear: both;
    left: 0;
    margin: -20px -20px 0 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#top-nav-bar ul {
    margin-left: 95px;
}
#top-nav-bar li {
    border-right: thin solid #fff;
    float: left;
    margin: 0.7em 0;
    padding: 0.1em 1em;
}
#top-nav-bar li:last-child {
    border-right: none;
}
#top-nav-bar li a {
    color: #fff;
    font-size: small;
    font-weight: normal;
    text-shadow: none;
}
#top-nav-bar a.edit-link.ui-link {
    color: #E55124 !important;
    font-size: 1.3em;
    margin: 9px 15px 0 0;
    float: right;
    font-weight: normal;
}
#main-content {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px 20px;
}
.ui-overlay-g, .ui-page-theme-g, .ui-page-theme-g .ui-panel-wrapper {
    background: #fff !important;
}
.left-content {
    width: 50%;
    left: 0;
}
.content-box {
    padding: 1em;
}
.user-info {
    overflow: visible;
    position: relative;
}
.user-info ul.single-dropdown {
    position: absolute;
    right: 0;
    top: 0;
}
.user-info img {
    float: left;
    margin-right: 1em;
    margin-bottom: .5em;
}
.user-info p {
    margin: 0 0 5px 0;
    line-height: none;
    padding: 0;
}
.u-name {
    color: #E55124;
    font-size: 1.6em;
    margin: 0 0px 5px;
    line-height: 1;
    font-weight: normal;
}
/*changed due to AdBlocker hiding*/
.actionGroup {
    clear: both;
    margin: 15px 0 0 0;
}
.actionGroup a {
    margin: 0 1px;
}
.other-info li {
    color: #333333;
    font-size: 13px;
    border-bottom: thin solid #333;
    padding: 4px 3px;
}
.other-info .panelFieldsUL li{
    line-height: 32px;
}
.other-info .panelFieldsUL .ms-options li{
    line-height: normal!important;
}
.other-info li input.mytxt{
    margin: 0px 5px;
}
.other-info li .ui-select{
    margin: 0px 5px;
}
.other-info li .ms-options,
.other-info li .ms-options-wrap{
    padding: 0px 5px;
}
.other-info li div.ui-checkbox{
    margin: 0px 5px;
}
.other-info li img,
.other-info li a.ui-link img,
.other-info li img.myurl{
    vertical-align: middle;
    margin: 0px 5px;
}
.other-info li .myurl{
    display: inline-block;
    margin: 0px 5px;
}
.other-info li .readonly{
    opacity: .75;
}
.other-info li span.emailSpan span{
    font-size: 12.5px!important;
}

/*MultiSelect/Multi-Select*/
/*needed due to nested multi-select, multiselect in the layout form*/

/*ms options form*/
.other-info li .ms-options li{
    color: inherit;
    border-bottom: inherit;
    font-size: small;
    padding-bottom: inherit;
    margin-top: inherit;
    text-align: left;   
}
.other-info li .ms-options .ms-search, 
.other-info li .ms-options .ms-selectall{
    display: inherit;  
    text-align: right;
}
.other-info li .ms-options li label{
    font-size: small;
}
.other-info li div.ms-options-wrap{
    display: inline-block;
    margin-right: inherit;
    vertical-align: inherit;
}
.ms-options-wrap > .ms-options {
    min-width: 300px!important;
    left: inherit!important;
    z-index: 4000;

    /*position: relative!important;*/ /*hack to make drop down visible on both left and right panels*/
}
.ms-options-wrap > .ms-options.ms-rightpanel{
    right: 0!important;
}
.ms-options-wrap > .ms-options{
    right: 0!important;
}
.ms-options-wrap > .ms-options.ms-leftpanel{
    left: 0!important;
}
.ms-options-wrap > .ms-options .ms-selectall, .ms-editList, .ms-save { 
    display: inline-block!important; /*override jquery.multiselect.css*/
    margin: 1px;
}
.ms-options-wrap > .ms-options .ms-selectall { 
    float: left;
}
.ms-options-wrap > .ms-options .ms-editList { 

}
.ms-options-wrap > .ms-options .ms-save { 
 
}
.ms-options.ms-width-1{
    width: 300px!important;
}
.ms-options.ms-width-2{
    width: 400px!important;
}
.ms-options.ms-width-3{
    width: 500px!important;
}
.ms-options.ms-width-4{
    width: 600px!important;
}

/*Drop down button: similar to ui-btn*/
div.ms-options-wrap button{ 
    background-color: #ededed;
    border-color: #dddddd;
    color: #333333;
    font-size: 12.5px;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: 4px;
    font-weight: bold;
    padding: .7em 2.5em .7em 1em;
    max-width: 600px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.ms-options-wrap button.guideflow_hovered{ 
    border-color: #dddddd !important;
    background: none repeat scroll 0 0 #E0E0E0 !important;
}
div.ms-options-wrap button:focus{ 
    -webkit-box-shadow: 0 0 12px #828282;
    -moz-box-shadow: 0 0 12px #828282;
    box-shadow: 0 0 12px #828282;
    padding: .7em 2.5em .7em 1em;
    color: #333333;
    font-size: 12.5px;
}

/*style the button icon*/
div.ms-options-wrap > button:after{ 
    content: "";
    border: none;
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #1e88e5;
    background-image:url(https://html-assets-prod.guideflow.com/f3c9dd0907bc37f529d6d91a5040a62807433c61);
}

/*End MultiSelect/Multi-Select*/

/*Selects*/
.ui-select .ui-btn span.mySel, .ui-select .ui-btn span.mysel{
    font-size: 12.5px;
}
/*End Selects*/

.other-info li div {
    display: inline-block;
    /*margin-right: 10px;*/
    vertical-align: middle
}
.other-info li span {
    color: #333;
    font-size: 15px;
	position:relative;
    display: inline-block;
    margin: 0px 3px;
    line-height: 15px;
}
li span.fieldLabel {
    color: #333333;
    font-size: 13px;
    float: left;
    line-height: 35px;
}
 li span.labelRequired {
    display: inline;
    color: red;
    font-size: 11px;
    position: relative;
    bottom: 1px;
}
  li span.labelReadOnly {
    display: inline;
    color: #1E88E5;
    font-size: 11px;
    position: relative;
    bottom: 1px;
}
.right-content {
    position: absolute;
    left: 50%;
    background: white;
    width: 50%;
    border-left: thin solid #333;
    top: 0;
    max-height: 92%;
}

.right-content .other-info li {
    text-align: right;
}
.left-content .other-info li {
    text-align: right;
}
.below-bar {
    background: #e55124;
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 96px);
    left: 95px;
    height: 40px;
    text-align: center;
}
.below-bar ul {
    display: block;
    width: 100%;
    text-align: center;
}
.below-bar li {
    padding: 0 1%;
    border-right: thin solid #fff;
    display: inline-block;
    margin: 9px 0 0 0;
}
.below-bar li.first {
    padding-left: 0;
}
.below-bar li.last {
    padding-right: 0;
    border: none;
}
.below-bar li a, .below-bar li a.guideflow_hovered {
    color: #fff !important;
    font-size: 0.9em;
    font-weight: normal;
}
.edit-link-2 {
    display: none;
    color: #E55124 !important
}
.edit-link-2 img {
    float: none;
    margin-right: 0 !important;
    vertical-align: middle;
}
.ui-mobile, .ui-mobile body {
    overflow: hidden;
}
.ui-panel-wrapper {
    overflow: hidden
}
.ui-mini {
    font-size: 12.5px !important;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
    margin-right: 4px;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}
/* Send email popup */

#send-email-popup {
    width: 480px;
    max-width: 100%;
}
/* Send email popup */
/* Latest styles */

table.jTPS .first-th {
    width: 58px !important;
}
table.jTPS .second-th {
    width: 58.5px !important;
}
table.jTPS .last-th {
    width: 65.5px !important;
}
.table-outer .pagination {
    padding: 16px 100px 24px 0;
    text-align: right;
}
.table-outer .pagination a {
    margin-right: 0;
    color: #1E88E5;
}
.table-outer .pagination a.guideflow_hovered, .table-outer .pagination a:focus {
    margin-right: 0;
    color: #003967;
}
h3.sub-hd {
    font-weight: normal;
}
.ui-text-xs {
    font-size: 10px !important
}
.ui-table th {
    color: #000;
    font-weight: bold;
	background-color: #f5f5f5;
}
.ui-table thead th:last-child {
	box-shadow: -1px 0 0 0 #ddd inset;
}

.padding-no {
    padding: 0 !important;
}
.single-dropdown {
    margin: 8px 5px;
    width: auto;
    display: inline-block;
	text-align:left;
	height:auto;
}
.pagination  ul{
	height:auto;
}
.single-dropdown.guideflow_hovered{
	z-index: 99999;	
}
.single-dropdown .nav-link-wrap {
    background: #F5F5F5;
    border-radius: 5px;
    border: thin solid #dddddd;
    font-size: 13px;
    padding: 0.7em 2em 0.7em 1em;
}
.single-dropdown.right .nav-link-wrap .dropdown {
    right: -6px;
    left: auto !important;
}
.single-dropdown.right .nav-link-wrap .dropdown:before {
    left: auto !important;
    right: 10px !important;
}
.single-dropdown.right .nav-link-wrap .dropdown:after {
    left: auto !important;
    right: 12px !important;
}
.single-dropdown .nav-link-wrap::after {
    border-color: rgb(30, 136, 229) transparent;
    right: 10px;
}
.single-dropdown .nav-link-wrap a {
    color: #333 !important;
    font-weight: normal;
}
.ui-table th, .ui-table td {
    vertical-align: middle !important;
    line-height: normal !important;
}
.ui-table-columntoggle-btn {
    box-shadow: none !important;
}
.ui-popup-container {
    z-index: 99999 !important
}
.cus_position {
    width: calc(50% - 35px) !important;
    top: 287px !important;
    left: 15px !important;
    height: calc(100% - 300px);
    background: #fff;
}
.cus_position .cp {
    box-shadow: none !important;
    border: none !important;
}
.ui-input-search {
    border: thin solid #DDD !important;
    min-height: 2.4em;
    border-radius: 5px !important;
}
.inner-container {
    background: none repeat scroll 0 0 #fff;
    overflow: initial;
    padding: 20px;
    position: relative;
    width: calc(100% - 29px);
    margin: auto;
    max-width: 960px;
}
html body .ui-checkbox .ui-btn.ui-btn-active {
    background: #444 !important;
    color: #fff !important;
    text-shadow: none !important;
}
.row {
    clear: both;
}
.form-upper-links {
    margin-bottom: 10px;
    border-bottom: thin solid #eee;
    padding-bottom: 10px;
    overflow: hidden
}
.form-upper-links a {
    vertical-align: middle;
    color: #E55124 !important;
    display: inline-block;
}
.back-text-link {
    float: right;
    margin-top: 15px;
}
.form-control {
    display: inline-block;
    width: 45%;
    margin-left: 2%;
}
.ui-mobile .ui-block-k .form-control label {
    width: 150px;
    text-align: right;
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
    margin-bottom: 0;
    width: calc(35% - 20px);
    color: #898989
}
.form-control label {
    width: 150px;
    text-align: right;
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
    margin-bottom: 0;
    width: calc(35% - 20px);
    color: #898989
}
.form-control.form-control-block label {
    width: auto;
    padding: 0;
}
label{
    padding-left: 1px;
}
label, .secondary-color {
    color: ##505050 !important;  /*#898989*/
}
.form-control .input-outer {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 60%;
}
.form-control .input-outer .plus {
    position: absolute;
    right: -22px;
    top: 30%;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right;
}
.popup .ui-field-contain {
    border: none !important;
}
.popup p, .popup h2 {
    margin-left: 0;
    margin-right: 0;
}
.popup h4 {
    color: #E55124 !important
}
.popup label {
    font-size: small !important;
    margin: 7px 0 0 0 !important;
    font-weight: bold !important;
}
.popup .ui-input-text {
    margin-top: 3px !important;
}
.popup .ui-input-text input {} .popup .ui-content, .dialog .ui-content {
    padding: 10px;
    position: static !important;
    width: auto;
}
#duplicate-contact.dialog {
    max-width: none !important;
}
.dialog .ui-title {
    text-overflow: inherit;
    white-space: inherit;
    margin: 0 10px;
}
.dialog .form-control {
    margin: 0;
    width: auto;
    vertical-align: middle;
}
.dialog .form-control .ui-field-contain {
    margin: 0;
}
.dialog .form-control .ui-checkbox label {
    width: auto;
    color: #333 !important
}
.default-link {
    color: #1E88E5 !important;
}
.form-control-block {
    display: block;
}
.form-control-inline {
    width: auto;
    vertical-align: middle;
    margin-left: 0;
}
.form-control-inline .ui-controlgroup-controls, .form-control-inline .ui-controlgroup-controls label {
    width: auto !important;
}
.padding-box {
    padding: 15px;
}
textarea.ui-input-text.cus_textarea {
    height: 100px !important;
    border: 3px solid #ddd;
    border-radius: 0;
    box-shadow: none;
}
.inline-buttons button {
    cursor: pointer;
}
.btn-no-style {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
#schedule .ui-header {
    background: #333 !important;
    border: thin solid #555;
}
.ui-loader .ui-icon-loading {
    background-color: #fff !important
}
.ui-popup-container {
    max-height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 0 20px -1px #333;
    border-radius: 10px;
    border: none;
}
.sch_with_row label {
    display: inline-block;
    text-align: center;
}
#schedule .editable_label {
    min-width: 150px;
    font-weight: bold;
    text-align: left;
}
.main-menu {
    margin-top: 10px;
}
.main-menu > li {
    display: inline-block;
}
.main-menu img {
    margin: 0;
    opacity: 0.75;
    background: rgb(226, 226, 226);
    padding: 3px;
    border-radius: 7px;
}
.dd {
    position: relative;
}
.dropdown_menu {
    position: absolute;
    top: 45px;
    box-shadow: 0 0 10px 0px #333;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    height: auto;
    visibility: hidden;
    left: -15px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 9999;
}
.dd.guideflow_hovered .dropdown_menu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    top: 34px;
}
.dropdown_menu li {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    border-bottom: thin solid #ddd;
}
.dropdown_menu a {
    padding: 10px;
    color: #E55124 !important;
    display: block;
}
.dropdown_menu li:last-child {
    border: none;
}
input.datepicker {
    background: url(https://html-assets-prod.guideflow.com/66abfbbcde72c94e81f8e40af38410e27f9d99eb) 94% center no-repeat;
    cursor: pointer;
}
input.timepicker {
    background: url(https://html-assets-prod.guideflow.com/ba2e834c28c3faa13046f06bf5d0b3dbbb02c930) 94% center no-repeat;
    cursor: pointer;
}
.form-control-inline label {
    width: auto;
}
.clear {
    clear: both;
}
.well {
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.table-outer {
    max-width: 100%;
    overflow: auto;
}
.table-outer table {
    /* border: thin solid grey;*/
    table-layout: inherit !important;
}
table.layout-inherit{
    table-layout: inherit !important;
}
.table-outer table.viewcontacts tr td,.table-outer table.viewcontacts th {white-space:nowrap;}
.task-list-outer .form-control-inline .ui-field-contain {
    padding: 0 !important;
    margin: 0 !important;
}
.create_lockup_hd {
    margin-left: 20px;
}
.task-list-outer {
    margin-top: 10px;
}
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus {
    box-shadow: 0 0 12px #E55124 !important;
}
.ui-btn-active, .ui-selectmenu-list li a.guideflow_hovered{
    background: rgb(187, 222, 251) !important;
    color: #333 !important;
}

.ui-table th, .ui-table td {
    border: thin solid #ddd;
    line-height: 1.7em;
}
.ui-table td img, .ui-table td a img {
    vertical-align: middle
}
.ui-table th, .ui-table td {
    padding: 1em 0.5em !important
}
.ui-table thead tr {
    border-bottom: 2px solid #ddd;
}
.ui-table tr:nth-child(even) {
    background: #f5f5f5;
}
body .ui-table tr a {
    color: #1e88e5;
}
body .ui-table tr a.guideflow_hovered {
    color: #008b9b;
}

.ui-popup .ui-header.ui-bar-inherit {
   /* background: none repeat scroll 0 0 #1E88E5;*/
   background: none repeat scroll 0 0 #333;
    color: #FFFFFF;
}
.ui-mini-xs {
    padding: 6px 10px !important;
}
.goto-optgroup {
    color: #fff;
}
.goto-optgroup > label {
    display: inline-block;
    font-size: 13px !important;
}
.goto-optgroup .ui-field-contain {
    margin: 0;
    padding: 0;
}
.goto-optgroup .ui-select {
    margin: 0;
    margin-top: -4px;
}
.goto-optgroup .ui-select .ui-btn {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}
.goto-optgroup .ui-btn-icon-bottom:after {
    width: 18px;
    height: 18px;
    top: 60% !important
}
.form-inline label {
    display: inline-block !important;
    vertical-align: middle;
}
.form-inline > div {
    display: inline-block !important;
    vertical-align: middle
}
.edit-form .ui-input-text, .edit-form .ui-select {
    width: 290px;
}
#header-panel-right .right-menu li {
    float: left;
    padding: 0 1em;
    margin: 0;
    line-height: 0
}
#header-panel-right .right-menu li:last-child {
    padding-right: 0;
}
#header-panel-right .right-menu li a {
    font-size: x-small;
    line-height: normal;
}
#header-panel-right .search-bar .ui-input-text, #header-panel-right .search-bar .ui-btn {
    margin: 0;
    min-width: 245px;
}
#search-popup {
    position: relative;
}
.search-btn {
    background: #e55124;
    color: #fff !important;
    font-size: 11px;
    padding: 6px 7px 6px 5px;
    border-radius: 0 20px 20px 0;
    margin-top: 3px !important;
    position: relative;
}
.well .ui-select .ui-btn {
    background: #fff !important
}
.well .form-control.form-control-inline {
    margin-right: 10px;
}
.well .form-control.form-control-block label {
    text-align: left;
}
/* calendar page css */

.datepicker_custom {
    border: thin solid #111;
    margin-bottom: 20px;
    border-radius: 5px;
}
.datepicker_custom .datepicker{
	padding:0;	
}
.datepicker_custom .datepicker-inline, .datepicker_custom table {
    width: 100%;
    padding: 0;
}
.datepicker td, .datepicker th{
    height: 16px !important;
    width: auto !important;	
}
.datepicker_custom td, .datepicker_custom th {
    padding: 0;
	font-size:11px;
}
.datepicker_custom .dow {
    color: #E74910;
}
.datepicker_custom .day.active, .datepicker_custom .month.active, .datepicker_custom .year.active {
    background: none repeat scroll 0 0 #E74910 !important;
}
.calendar-outer .datepicker_custom, .calendar-outer .sel_users {
    width: 30%;
	display:inline-block;
	margin-right: 10px;
	vertical-align:top;
	margin-top:7px;
}
.calendar-outer .sel_users {
    width: auto;
	margin:0;
}
.calendar-outer .ui-block-a {
    width: 100%;
}
.calendar-outer .sel_users .well {
    height: 270px;
}
.events_calendar {
    clear: both;
    margin-bottom: 20px;
}
.events_calendar th, .events_calendar td {
    border: thin solid #eee;
}
.calendar-outer .ui-field-contain {
    border: none;
}
/* calendar page css */
/* lookup page css */

.lookup-left, .lookup-right {
    width: 45%;
    float: left
}
.lookup-left {
    margin-right: 30px;
}
.lookup-outer .ui-input-text input {
    min-height: 2.6em;
}
/* lookup page css */
/* Reports page css */

.margin_null {
    margin: 0;
}
.reports-outer .sub-hd {
    border-bottom: thin solid #DDDDDD;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    margin: 1.5em 0 0.5em;
    padding: 0.4em 0;
    color: #898989
}
.reports-outer .ui-tabs {
    padding: 0;
}
.datepicker .day.active {
    background: none repeat scroll 0 0 #E55124 !important;
}
.datepicker .month.active {
    background: none repeat scroll 0 0 #E55124 !important;
}
.datepicker .year.active {
    background: none repeat scroll 0 0 #E55124 !important;
}
/*.ui-tabs .ui-tabs-active a {
    background: #1E88E5 !important;
    color: #fff !important;
    border-color: #cc3c11 !important;
}*/
.ui-tabs li a {
    font-size: 1em !important;
}
.text-center {
    text-align: center !important;
}
/* Reports page css */
/* Notes tab css */

#notes_tab-popup {
    left: 50% !important;
    top: 93px !important;
    height: calc(100% - 134px);
}
.table-outer .inner_table {
    border: none;
    border-top: none;
    width: 100%;
}
.table-outer .inner_table tr {
    background: none !important;
}
.table-outer .inner_table tr td {
    padding: 0 5px !important;
    border: none;
    font-size: 13px;
}
.tab_content {
    background: #fff;
    margin-bottom: 20px;
    /*padding: 10px 0 20px 0;*/
    clear: both;
}
.tab_content_header {
    position: relative;
    border-bottom: thin solid #333;
}
.tab_content_header h1 {
    margin: 0;
    font-weight: normal;
    font-size: 1.6em;
}
.tab_content_header a {
    color: #FFFFFF;
    position: absolute;
    right: 0px;
    top: 25%;
}
.tab_content_hide > img {
    vertical-align: -2px;
}
.btns-group-right {
    text-align: right;
}
.btns-group-left {
    text-align: left;
}
.btns-group-left-float {
    text-align: left;
    float: left;
}
.btns-group-right button:last-child, .btns-group-right a:last-child {
    margin-right: 0;
}
.bordered-table-outer {
    border-top: thin solid #ddd;
    padding-top: 5px;
}
.notes-table-outer .inner_table tr td {
    padding: 0.2em 0.2em;
}
.regarding-outer {
    height: 18px;
    overflow: hidden;
    font-size: 0.9em;
    font-weight: normal;
}
#expand-link {
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    width: 13px;
    display: inline-block;
}
/* Notes tab css */
/* Activities tab css */

.table-mini th, .table-mini td {
    line-height: normal !important;
    font-size: 12px;
    height: 25px;
    vertical-align: middle
}
/* Activities tab css */
/* contact-notes page css */

.container {
    height: 100%;
    position: absolute;
    overflow: scroll;
    width: 100%;
}
.contact-notes .containerEmail {
    height: calc(100% - 24px);
}
.contact-notes #main-content {
    height: calc(100% - 15px);
}
.contact-notes .u-name {
    margin: 0;
    padding: 0;
}
.contact-notes .default-link img {
    margin: 0;
    vertical-align: middle;
    float: none;
}
.contact-notes .user-info p {
    margin-bottom: 4px;
}
.notes_content {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    display: block;
    /*padding: 20px;*/
}
.contact-notes .user-info-outer {
    float: left;
    overflow: visible;
    width: 100%;
    position: relative;
    background: #fff;
}
.contact-notes a.ui-table-columntoggle-btn {
    display: none;
}
/* contact-notes page css */
/* groups/sales tab css */

#groups_tab .ui-table-columntoggle-btn, #sales_tab .ui-table-columntoggle-btn {
    display: none;
}
/* groups/sales tab css */
/*------------------ new css ------------------------*/

.notes_dropdown label {
    display: inline-block;
}
.notes_dropdown option {
    border-bottom: 1px dotted #ccc;
    padding: 5px;
}
.notes_dropdown .ui-btn {} .notes_dropdown .ui-btn.guideflow_hovered {
    background: #E85124 !important;
    border: 1px solid #8f3316 !important;
    color: #fff !important;
}
/*----------------- schedule css -------------*/

.dialog_page .ui-content {
    padding: 0 13px;
    margin: 0;
}
.dialog_page .form-control {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
}
.dialog_page .ui-checkbox label {
    width: auto;
}
.dialog_page .ui-controlgroup-controls {
    width: auto;
}
.dialog_page {
    padding-top: 51px;
}
.dialog_page .ui-btn-c, .inner-container .ui-btn, .deshboard .ui-btn  , .dialog_page .ui-icon-carat-d, .dialog_page .ui-btn-inherit {
    background: none repeat scroll 0 0 #f5f5f5 !important;
    color: #333 !important;
}
.dialog_page .ui-btn-c.guideflow_hovered, .inner-container .ui-btn.guideflow_hovered,.deshboard .ui-btn.guideflow_hovered,.containerEmail .ui-btn.guideflow_hovered,.dialog_page .ui-icon-carat-d.guideflow_hovered, .dialog_page .ui-btn-inherit.guideflow_hovered {
    background: none repeat scroll 0 0 #E0E0E0 !important;
    color: #333 !important;
    text-shadow: none !important;
}
.ui-page-theme-g .ui-btn.ui-btn-active, html .ui-bar-g .ui-btn.ui-btn-active, html .ui-body-g .ui-btn.ui-btn-active, html body .ui-group-theme-g .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-g.ui-btn-active, .ui-page-theme-g .ui-checkbox-on:after, html .ui-bar-g .ui-checkbox-on:after, html .ui-body-g .ui-checkbox-on:after, html body .ui-group-theme-g .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-g:after, .ui-page-theme-g .ui-flipswitch-active, html .ui-bar-g .ui-flipswitch-active, html .ui-body-g .ui-flipswitch-active, html body .ui-group-theme-g .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-g.ui-flipswitch-active, .ui-page-theme-g .ui-slider-track .ui-btn-active, html .ui-bar-g .ui-slider-track .ui-btn-active, html .ui-body-g .ui-slider-track .ui-btn-active, html body .ui-group-theme-g .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-g .ui-btn-active {
    background-color: #e55124;
  color: #333 !important;
  text-shadow: none !important;
  border-color:#BBDEFB !important;
}

.ui-popup {
    border: none;
    display: inline-block;
    padding-bottom: 10px;
}

/*----------- Logcall css --------------*/

.dialog_page {
    padding-top: 21px;
}
.dialog_page .form-control {
    margin: 0;
    vertical-align: middle;
    width: auto;
}
.dialog_page .ui-content {
    padding: 0;
}
.logcall_page .default-link {
    color: #333 !important;
}
/*------- new - drop down -----------*/

#nav ul {
    display: inline-block;
    float: left;
}
#nav ul li {
    position: relative;
}
.nav-link-wrap, #nav > ul > li {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    outline: medium none;
    padding: 10px 7px 10px 0;
    position: relative;
    border-right: thin solid #222;
    position: relative;
}
.nav-link-wrap:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    content: "";
    height: 0;
    margin-top: -1px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
}
.nav-link-wrap .dropdown {
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    height: auto;
    left: 10px;
    list-style: outside none none;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    z-index: 9999;
}
.nav-link-wrap .dropdown:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    width: 0;
}
.nav-link-wrap .dropdown:before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 13px;
    position: absolute;
    width: 0;
}
.nav-link-wrap a, #nav > ul > li > a {
    font-size: 0.9em;
    font-weight: normal;
    text-shadow: none !important;
    color: #fff !important;
}
#nav > ul > li a {
    padding: 10px;
}
#nav li.nav-link-wrap a {
    padding: 10px 22px 10px 10px;
    font-weight: normal;
}
.nav-link-wrap .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333 !important;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.nav-link-wrap .dropdown li i {
    margin-right: 5px;
    color: inherit;
    font-size: 0.8em;
}

.nav-link-wrap .dropdown li a .icon-import{
	color:#1e88e5 !important;
}
#nav .logo {
    padding: 0;
    position: relative;
    top: 8px;
}
.nav-link-wrap .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
.nav-link-wrap .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}
.nav-link-wrap .dropdown ul {
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    height: auto;
    list-style: outside none none;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    left: 75%;
    z-index: 999;
    top: 4%;
}
.nav-link-wrap .dropdown li ul li a {
    background: none !important;
}
.nav-link-wrap .dropdown li ul li.guideflow_hovered a {
    background: #BBDEFB  !important;
}
.nav-link-wrap .dropdown ul li {
    border-bottom: thin solid #eee;
}
.nav-link-wrap .dropdown ul li:first-child {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.nav-link-wrap .dropdown ul li:last-child {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
.nav-link-wrap .dropdown ul li a {
    background: none important;
    border: none !important;
}
.nav-link-wrap .dropdown ul:after {
    bottom: 100%;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid rgb(255, 255, 255);
    top: 13px;
}
.nav-link-wrap .dropdown ul:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid rgb(176, 176, 176);
    bottom: 100%;
    content: "";
    height: 0;
    left: -9px;
    position: absolute;
    width: 0;
    top: 13px;
}
#nav .search {
    float: right;
}
.hidden {
    display: none;
}
.hidden .logo {
    float: left;
    margin: 5px 0 0 10px;
}
/*.hidden .nav-btn {
    float: right;
    margin: 11px 10px 5px;
}*/
.search .ui-input-search {
    margin-bottom: 0;
    margin-top: 10px;
}
/* Hover state */

.nav-link-wrap .dropdown li.guideflow_hovered a {
    background: #BBDEFB !important;
}
.nav-link-wrap .dropdown li.guideflow_hovered > ul li a {
    background: #fff !important;
}
.nav-link-wrap .dropdown li.guideflow_hovered > ul li.guideflow_hovered a {
    background: #BBDEFB !important;
}
.nav-link-wrap.guideflow_hovered .dropdown, .nav-link-wrap .dropdown li.guideflow_hovered ul {
    opacity: 1;
    visibility: visible;
}
#nav li.guideflow_hovered ul.duplicate-contact {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
ul.dropdown-menu, ul.dropdown-menu2 {
    display: none;
}
.dropdown_rr .btn-group {
    display: inline-block;
    float: inherit;
    width: auto;
}
.dropdown_rr .dropdown-toggle, 
.dropdown_rr .dropdown-toggle1,
.dropdown_rr .dropdown-toggle2 {
    background: none repeat scroll 0 0 #ededed;
    border: 1px solid #ddd;
    border-radius: 0.3125em;
    color: #333;
    display: inline-block;
    font-size: 14px;
    min-width: 100px;
    padding: 7px 20px;
}
.dropdown_rr ul.dropdown-menu, .dropdown_rr ul.dropdown-menu2 {
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    float: left;
    font-weight: normal;
    height: auto;
    list-style: outside none none;
    margin-top: 10px;
    min-height: 326px;
    min-width: 220px;
    position: absolute;
    transition: all 0.5s ease-in 0s;
    z-index: 9999;
}
.dropdown_rr label {
    display: inline-block;
    padding-right: 5px;
    width: auto;
}
.dropdown_rr ul.dropdown-menu:before, .dropdown_rr ul.dropdown-menu2:before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    /*content: "";*/    
    height: 0;
    position: absolute;
    width: 0;
}
.dropdown_rr ul.dropdown-menu:after, .dropdown_rr ul.dropdown-menu2:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    /* content: ""*/

    height: 0;
    position: absolute;
    width: 0;
}
.dropdown_rr ul.dropdown-menu li, .dropdown_rr ul.dropdown-menu2 li {
    position: relative;
}
.dropdown_rr ul.dropdown-menu li a, .dropdown_rr ul.dropdown-menu2 li a {
    padding: 8px 22px 8px 10px;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
    color: #333 !important;
    display: block;
    ;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    font-weight: normal;
    font-size: 15px;
}
.dropdown_rr ul.dropdown-menu li.guideflow_hovered a, .dropdown_rr ul.dropdown-menu2 li.guideflow_hovered a {
    background: none repeat scroll 0 0 #f3f8f8;
}
.dropdown_rr .dropdown-toggle,
.dropdown_rr .dropdown-toggle1,
.dropdown_rr .dropdown-toggle2 {
    background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll 89% center #ededed;
    border: 1px solid #ddd;
    border-radius: 0.3125em;
    color: #333;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 19px;
    min-width: auto;
    padding: 7px 35px 7px 15px;
}
.dropdown_rr ul.dropdown-menu li.guideflow_hovered a, .dropdown_rr ul.dropdown-menu2 li.guideflow_hovered a {
    background: none repeat scroll 0 0 #BBDEFB !important;
}
.dropdown_rr .dropdown-toggle.guideflow_hovered, .dropdown_rr .dropdown-toggle1.guideflow_hovered, .dropdown_rr .dropdown-toggle2.guideflow_hovered {
    background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll 89% center #ddd;
    color: #333;
}
/*--- search css ---------*/
/*============ select drop down css ============*/

.desc {
    color: #6b6b6b;
}
.desc a {
    color: #0092dd;
}
.dropdown-new dd, .dropdown-new dt, .dropdown-new ul {
    margin: 0px;
    padding: 0px;
}
.dropdown-new dd {
    position: relative;
    z-index: 9999;
}
.dropdown-new a, .dropdown-new a:visited {
    color: #816c5b;
    text-decoration: none;
    outline: none;
}
.dropdown-new a.guideflow_hovered {
    color: #333;
}
.dropdown-new dt a.guideflow_hovered, .dropdown-new dt a:focus {
    color: #fff;
}
.main_search_scopes > input {
    float: left;
    height: 38px;
    width: 300px;
    padding: 0 5px
}
.dropdown-new dt a {
    /*background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll right center #444444;*/
    border: medium none;
    border-radius: 5px 0 0 5px;
    color: #d8d8d8 !important;
    display: block;
    font-weight: normal;
    height: 38px;
    line-height: 28px;
    overflow: hidden;
    padding-right: 0;
    text-align: center;
    width: 50px;
}
.dropdown-new dt a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}
.dropdown-new dd ul {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #c5c0b0;
    display: none;
    height: auto;
    left: 0;
    list-style: outside none none;
    min-width: 200px;
    padding: 0;
    position: absolute;
    top: 2px;
    width: auto;
}
#sample li {
    border-bottom: 1px solid #e6e8ea;
}
#sample li a.guideflow_hovered {
    background: none repeat scroll 0 0 #f3f8f8;
    color: #333;
}
#sample li i {
    font-size: 11px !important;
    line-height: 23px;
    padding: 0 13px 0 7px;
}
.dropdown-new dd ul li .icon-large:before {
    font-size: 1.33333em;
    vertical-align: 0;
}
.dropdown-new span.value {
    display: none;
}
.dropdown-new dd ul li a {
    color: #333 !important;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 35px;
    outline: medium none;
    padding: 0 5px;
    text-decoration: none;
}
.dropdown-new dd ul li a.guideflow_hovered {
    background: none repeat scroll 0 0 #f3f8f8;
    color: #333;
}
.dropdown-new img.flag {
    border: none;
    vertical-align: middle;
    margin-left: 10px;
}
.flagvisibility {
    display: none;
}
#nav .search {
    float: right;
}
.ui-btn-inline_search {
    border: 1px solid #696969;
    border-radius: 5px;
    float: right;
    margin-right: 10px;
    margin-top: 7.4px;
    padding: 0;
    text-align: left;
    width: auto;
}
.ui-btn-inline_search .dropdown {
    display: inline-block;
    float: left;
    width: 50px;
    margin: 0;
}
.ui-btn-inline_search .ui-input-text {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    width: 300px;
}
.search input[type="text"] {
    height: 2.3em;
	 height: 37px;
}
.ui-btn-inline_search .ui-input-text input.guideflow_hovered, .ui-btn-inline_search .ui-input-text input:focus, .ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus {
    box-shadow: none !important;
}
.ui-btn-inline_search .search-button {
    background: none repeat scroll 0 0 #ccc !important;
    border-radius: 0 5px 5px 0 !important;
    color: #333 !important;
    float: left;
    height: 39px;
    margin: 0;
    padding: 0 20px;
    width: auto;
    border: medium none;
    border-left: 1px solid #aaa;
}
.ui-btn-inline_search .search-button.guideflow_hovered, .ui-btn-inline_search .search-button:focus {
    background: none repeat scroll 0 0 #E85124;
    color: #fff;
}

.qsSearch{
    display: inline-block;
    width: 250px!important;
    float: right;
    margin-right: 10px;
}

#qsSearchSection .main_search_scopes{
    max-width: 480px;
}

#hdrXMenu:after {
    display: none;
}

.nav-link-wrap .dropdown li i:nth-child(2) {
    color: black;
    font-size: 100%;
    font-weight: normal;
}

#qsSearchSection .ui-btn-inline_search .ui-input-search {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    width: 420px;
    max-width: 420px;
    margin-top: 0px;
    border-radius: 0px!important;
    font-weight:normal;
    font-size: 12px;
}

#qsSearchSection .dropdown dd ul{
    min-width: 470px;
}

.qsLoading {
    display: none!important;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    right: 48px;
    margin-top: 10px!important;
}

#qsLoading.isloading {
    display: inline-block!important;
    /*background-image: url(https://html-assets-prod.guideflow.com/d696e138d1699bf3e3513187cfeec8cd5545c069);*/
}


/*.ui-disabled, .ui-state-disabled{
     opacity: 1!important;
}*/
.qsAutoCompleteResults.ui-disabled, .qsAutoCompleteResults.ui-state-disabled{
     opacity: 1!important;
}

#send-email {
    padding-left: 0;
    padding-top: 60px;
}
/* campaign-outer css */

.campaign-outer, .create-email {
    /*padding: 10px;*/
}
.campaign-outer .form-control label, .create-email .form-control label {
    text-align: left;
}
.campaign-outer .row, .create-email .row {
    margin: 15px 0;
}
.campaign-outer .form-control-block, .create-email .form-control-block {
    display: block;
    width: 100%;
    margin: 0;
}
.campaign-outer .ui-table-columntoggle-btn {
    display: none;
}
.campaign-outer table td {
    vertical-align: middle;
}
.create-email label.ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-active.ui-checkbox-on {
    background: #e55124 !important;
    border-color: #e55124 !important;
}
/* campaign-outer css */
/* ui-tree css */

.ui-tree .treeview a {
    color: #898989 !important;
    font-size: 0.75em !important;
}
.sidetreecontrol-outer{
    border-bottom: thin solid #eee;
    margin-bottom: 10px;
    margin-right: 20px;
}
.ui-tree #sidetreecontrol {
    margin-bottom: 5px;
}
.ui-tree ul li a {
    vertical-align: top;
}
.All_grey_background {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e7e7e7;
    box-shadow: 0 0 1px 1px #fff inset;
    display: inline;
    float: left;
    padding: 23px 16px 20px 22px;
    width: 445px;
}
.margin-no {
    margin: 0;
}
.border-no {
    border: none;
}
.All_grey_background a {
    margin-top: 3px;
}

.searchtop_section {
    overflow: visible!important;
}
.searchtop_section .ui-block-a {
    width: 52.5%;
}
.searchtop_section .ui-grid-a .ui-block-a {
    width: 66.8%;
}
.searchtop_section .ui-block-b {
    width: 22%;
}
.searchtop_section .ui-block-c {
    width: 25.5%;
}
.searchtop_section .ui-block-b {
    width: 22%;
}
.searchtop_section .ui-block-c {
    width: auto;
}
.paddinginline {
    padding-left: 10px;
    padding-top: 3px;
}
.controlgroup {
    display: inline-block;
    width: 100%;
}
.uiwidth {
    width: 32.9%;
}
.gray-line {
    background: none repeat scroll 0 0 #ccc;
    border: medium none;
    height: 1px;
    margin: 30px 0;
    width: 100%;
    display: inline-block;
}
.simple-btn {
    padding: 0 3px;
    font-size: 13px;
}
.topbottom {
    display: inline-block;
    height: 100%;
    padding-left: 4px;
    position: absolute;
    top: 0;
    width: 27px;
}
.topbottom span {
    color: #aaa;
    font-size: 9px;
    line-height: 42px;
    margin: 0 1px;
}
body th {
    /*  padding-right: 30px !important;*/
    
    position: relative;
}
th span {
    display: inline-block;
}
.uiarrow .topbottom span {
    margin: 4px 1px;
    line-height: inherit;
}
.uiarrow .topbottom {
    height: inherit;
    top: inherit;
}
.margin-no p {
    margin: 0;
}
.padding-box p {
    padding: 5px 0 0 0px;
}
p {
    color: #898989;
}
.nav-link-wrap.logo > a {
    font-size: 13px;
    font-weight: bold;
}
.padding-span {
    display: inline-block;
    padding-top: 10px;
}
.slidetoggle_dropdown {
    border-top: 1px solid #ccc;
    display: inline-block;
    margin-top: 7px;
    padding-top: 10px;
    width: 100%;
}
.padding-span a {
    font-size: 12px !important;
}
.slidetoggle_dropdown h6 {
    font-size: 13px;
    margin: 8px 0 0 34px;
}
.slidetoggle_dropdown h3 {
    font-size: 14px;
    line-height: normal;
    margin: 0;
    background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat left center;
    padding: 0 0 0 14px
}
.slidetoggle_dropdown h3.closed {
    background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat left center;
}
.toggledown {
    margin: 13px 0 15px;
}
.sidebar-ui .ui-block-a {
    width: 200px;
}
.sidebar-ui .ui-grid-a {
    padding-left: 10px;
}
.submenu_dropdown {
    padding: 12px 0 0 16px;
}
.outer {
    margin-left: -11px;
}
.sidebar-ui .ui-body-d {
    border: medium none;
    padding: 0;
}
.nicEdit-main {
    min-height: 430px !important;
    width: 100% !important;
}
#sample > div {
    width: 100% !important;
}
.form_maillabels .input-outer {
    clear: inherit;
}
.form_maillabels label {
    margin: 20px 0 0;
    min-width: 152px;
}
.form_maillabels .form_maillabels_inner label {
    margin: 20px 0 0;
    min-width: 112px;
}
.form_maillabels .form_maillabels_inner label {
    margin: 20px 0 0;
    min-width: 122px;
}
.form_maillabels_inner .input-outer {
    margin-right: 0;
    width: 41%;
}
.ui-block-d:nth-child(2n+2) label {
    margin: 20px 0 0;
    min-width: 133px;
}
.form_maillabels_inner {
    display: inline-block;
    width: 458px;
}
.form_maillabels_inner .ui-block-d {
    width: 50%;
}
.form_maillabels_inner .ui-block-e {
    width: 100%;
}
.form_maillabels_inner .ui-selectbox {
    width: 73.2%;
}
.textblockarea {
    display: inline-block;
    padding: 20px 0;
    width: 100%;
}
.ui-block-g {
    padding: 0 0 0 30px;
}
.scrollbar {
    border: 1px solid #dddddd;
    height: 200px;
    overflow-y: scroll;
}
.scrollbar ul {
    margin: 0 !important;
}
.scrollbar ul li:first-child {
    border: none;
}
.linkss .ui-radio, .linkss .ui-checkbox {
    float: left;
    margin: 0 10px 0 0 !important;
}
.linkss .ui-radio label, .linkss .ui-checkbox label {
    border-radius: 5px !important;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: transparent !important;
}
.lenthselect .ui-shadow {
    padding: 10px 40px 9px 10px;
}
.lenthselect span {
    font-size: 12.5px !important;
}
.lenthselect {
    position: absolute;
    right: 0;
    top: -62px;
    width: auto;
}
.lenthselect label {
    padding: 0;
}
.lenthselect span.ui-btn {
    border: medium none !important;
    padding: 0;
    background: transparent !important;
    text-shadow: none !important;
}
.lenthselect .ui-select.guideflow_hovered span.ui-btn {
    color: #fff !important;
}
.ver {
    display: inline-table;
}
.ver p {
    margin: 0;
}
.sidebar_ui_contents .row {
    display: inline-block;
    width: 100%;
}
.sidebar_ui_contents .ui-tree #sidetreecontrol {
    display: inline-block;
}
.sidebar_ui_contents .ui-tree, .sidebar-ui .ui-tree {
    position: relative;
}
.disabled-ui {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.ui-grid-hg {
    display: inline-block;
    width: 100%;
    position: relative;
}
.ui-grid-hg .nav-link-wrap .dropdown {
    left: auto;
    right: 0;
}
.ui-grid-hg .nav-link-wrap .dropdown:after, .ui-grid-hg .nav-link-wrap .dropdown:before {
    left: auto;
    right: 13px;
}
.ui-table td .glyphicon {
    color: #333;
    font-size: 13px;
}
.ui-table td .glyphicon-stop {
    color: #039BE5;
}
.ui-table td .glyphicon-stop.guideflow_hovered {
    color: #1E88E5;
}
.widthsize {
    width:40%;
}
.ui-table .glyphicon.guideflow_hovered, .ui-table .glyphicon.guideflow_hovered {
    color: #1E88E5;
}
.ui-block-k {
    display: inline-block;
    float: right;
    width: 46%;
}
.ui-block-m {
    display: inline-block;
}
.ui-block-k .form-control {
    width: 100%;
}
.ui-block-k .ui-input-text, .ui-block-k .ui-input-search {
    margin: 0.25em 0;
}
.h1-m {
    margin: 15px 0;
}
.ui-listform .ui-block-a {
    clear: both;
}
.textunder {
    font-size: 14px;
}
span.ui-font {
    line-height: 15px;
    font-size: 11px;
	color:#1e88e5;
}
.sectionmain {
    display: inline-block;
    width: 66%;
}
.ui-grid-c ul.ui-listview {
    margin: 10px 0;
}
.ui-grid-c ul.ui-listview li:first-child {
    border-top: none;
}
.map-location {
    margin: 0px 0px 0px 0px;
}
.conta {
    text-align: right;
}
.ui-tb th {
    padding-right: 10px !important
}
.ui-tb .ui-checkbox, .ui-radio {
    margin: -6px 0;
}
.campaigndetails {
    width: 30%;
}
.subjecttext {
    padding: 0px;
    display: inline-block;
    /*white-space: 100%;*/
}
.sectionmain ul.single-dropdown .icon-large {
    color: #1e88e5;
    font-size: 10px;
    padding-right: 7px;
}
.transparent-color {
    background: transparent !important;
}
.popupdialogs .form-control {
    width: 100%;
}
.popupdialogs .form-control > label {
    display: inline-block;
    width: 80px;
}
.popupdialogs .form-control .input-outer {
    width: calc(100% - 122px);
}
.space {
    overflow: inherit;
}
.space ul {
    margin: 0 8px 0 0;
}
.campaign-grid-c {
    display: inline-block;
    width: 100%;
}
.single-dropdown .ui-controlgroup {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    margin: 0;
}
.single-dropdown .ui-controlgroup label {
    background: none repeat scroll 0 0 transparent !important;
    border-top: medium none !important;
    margin: 0;
}
.single-dropdown .ui-controlgroup input[type="checkbox"] {
    display: none;
}
.form_group_section .form-control {
    width: 100%;
    margin: 0;
}
.campaign-outer .form_group_section .form-control > label {
    padding: 0 10px 0 0;
    text-align: right;
    width: 150px;
}
.form_group_section .form-control .input-outer {
    width: calc(100% - 180px);
}
.form_group_section .cc-input {
    width: 51.5%;
}
.form_group_section .bc-input {
    width: 47.5%;
}
.form_group_section .bc-input .input-outer {
    width: calc(100% - 86px);
}
.form_group_section .cc-input .input-outer {
    width: calc(100% - 160px);
}
.campaign-outer .form_group_section .bc-input label {
    width: 60px;
}
.form_group_section .ui-checkbox, .form_group_section .ui-radio {
    display: inline-block;
    margin: 6px 2px 15px;
    width: 110px;
}
.form_group_section .ui-checkbox label, .form_group_section .ui-radio label {
    width: 98%;
}
.margin-left {
    margin-left: 10px;
}
.margin-right {
    margin-right: 10px;
}
.form-control .textediter {
    margin: 0 0 30px;
}
.onoff {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.onoff label.ui-btn, .onoff label.ui-btn.guideflow_hovered {
    background-color: transparent;
    border: medium none;
    margin: 10px;
}
.onoff input {
    display: none;
}
.onoff .ui-mini.ui-btn-icon-left:after, .onoff .ui-mini .ui-btn-icon-left:after, .onoff .ui-header .ui-btn-icon-left:after, .onoff .ui-footer .ui-btn-icon-left:after {
    left: auto;
    right: 0.37em;
}
.select-contants {
    width: 61%;
}
.tblchnages .page_content_select {
    top: -114px;
}
.padding-top {
    padding-top: 10px;
}
.space .form-control {
    width: 35%;
    margin: 0;
}
.space .form-control .input-outer {
    width: 95%;
}
.space .form-control .input-outer .ui-select {
    margin-top: 0;
}
.pera {
    margin-top: 14px;
}
.dark-color {
    color: #6A6A6A !important;
}
.ui-check .ui-checkbox, .ui-radio-box .ui-radio {
    float: left;
    margin: 10px 6px 10px 0;
}
.ui-check-single .ui-btn.ui-checkbox-off:after, .ui-check-single .ui-btn.ui-checkbox-on:after, .ui-check-single .ui-btn.ui-radio-off:after, .ui-check-single .ui-btn.ui-radio-on:after {
    margin: -9px 2px 0 -5px;
}
.ui-check-single .ui-checkbox input, .ui-check-single .ui-radio input {
    margin: -11px 0 0 -4px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.form-ui-input .form-control {
    width: 25%;
}
.form-ui-input .form-control .input-outer {
    width: 66%;
}
.form-ui-input .ui-select-ui {
    width: 33%;
    margin: 0;
}
.ui-radio-box .ui-block-e {
    margin-top: 10px;
    padding-left: 10px;
}
.ui-radio-box .scrollbar {
    height: 120px;
    overflow-y: auto;
}
.row .dark-color.ui-mini {
    margin-bottom: 0;
}
.ui-row .row {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
}
.ui-block-c .form-control {
    width: 100%;
}
.ui-row .ui-block-c {
    padding-right: 20px;
    width: 50%;
}
.ui-row .ui-block-c .form-control .lbl {
    padding-left: 30px;
}
.ui-row .ui-block-c .form-control .input-outer {
    width: 70%;
}
.ui-row .ui-block-c .form-control label {
    font-weight: bold;
    width: calc(33% - 20px);
    text-align: left;
}
.ui-row .view-column {
    margin-left: 6%;
}
.ui-row .ui-block-c .form-control {
    margin: 0;
}
.ui-control-box .form-control {
    margin: 0;
}
.ui-control-box .form-control label {
    font-weight: bold;
    padding-right: 10px;
    width: 100px;
    text-align: left;
}
.ui-control-box .form-control .input-outer {
    width: calc(100% - 122px);
}
.scroll-boxes .ui-radio label {
    margin: 0;
}
.scroll-boxes .ui-block-e {
    margin-top: 10px;
    padding-left: 0;
    width: 263px;
}
.campaigndetails .ui-grid-c .ui-listview li {
    padding-left: 0;
    border: none;
}
.searchtop_section input[type="radio"] {
    display: none;
}
.form_group_section {
    padding-top: 40px;
}
.margin-30 {
    margin-bottom: 30px;
}
.ui-row .row {
   /* background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #eee;*/
    display: inline-block;
    margin-bottom: 20px;
    padding: 19px 20px;
    width: 100%;
}
/*.groupsmain .page_content_select {
    left: 220px;
    right: auto;
    top: -59px;
}*/
.margin-top {
    margin-top: 10px !important;
}
.margin-bottom {
    margin-bottom: 10px !important;
}
.theme-color {
    background: #E85124;
}
.white-color {
    color: #fff !important;
}
.padding-right {
    padding-right: 10px !important;
}
.padding-left {
    padding-left: 10px !important;
}
.padding-left-lg {
    padding-left: 20px;
}
.light-theme {
    background: #faeecf;
}
.viewinner-container {
    margin-left: 62px;
    max-width: 960px;
    padding: 20px;
    width: calc(100% - 29px);
    position: inherit;
    height: auto;
    background: transparent;
}
/*----- tabs ---*/

.main-tabs .ui-block-a, .main-tabs .ui-block-b {
    clear: inherit;
    width: auto;
}
.main-tabs .ui-block-a a, .main-tabs .ui-block-b a {
    border-radius: 5px 25px 0 0;
    min-width: 103.8px;
}
.main-tabs .ui-widget-content .ui-tabs-active a, .main-tabs .ui-widget-content .ui-state-active a {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #aaa !important;
    box-shadow: none !important;
}
.main-tabs .pera {
    margin-top: 19px;
}
.main-tabs .ui-check .ui-checkbox, .main-tabs .ui-radio-box .ui-radio {
    float: left;
    margin: 10px 6px;
}
.main-tabs .form-ui-input .form-control .input-outer {
    width: 100%;
}
.main-tabs .form-ui-input .form-control {
    margin-left: 8px;
    vertical-align: top;
}
.main-tabs table span {
    display: inline-block;
    padding: 2px;
    width: 100%;
}
.fromui label {
    margin: 0;
    display: inline-block;
}
.form_email_control label {
    margin: 0;
}
.form_email_control .ui-block-a {
    clear: inherit;
}
.form_email_control .ui-grid-a {
    width: 48%;
}
.form_email_control .ui-block-a {
    width: 100%;
}
/* ui-tree css */

.custom-search .ui-input-search {
    border-radius: 0 5px 5px 0 !important;
}
.custom-search .ui-input-search:after {
    display: none !important;
}
.custom-search .ui-input-search input {
    padding-left: 10px !important;
}
.column-selector .col-a, .column-selector .col-b {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
.column-selector .col-a {
    width: 30%;
	vertical-align:top;
}
.column-selector .col-b {
    width: 14%;
	margin-top:200px;
}
/*ul.dropdown .ui-radio .ui-btn.ui-radio-on:after {
    top: 21px;
    left: 9px;
}*/
ul.dropdown .ui-btn.guideflow_hovered {
    background: #BBDEFB !important;
    color: #080808 !important;
}
ul.dropdown .onoff .ui-btn.guideflow_hovered {
    background: transparent !important;
    color: #080808 !important;
}
.ui-block-full {
    margin: 0 10px;
}
.ui-block-full label {
    display: inline-block !important;
    min-width: initial;
    vertical-align: middle;
    margin-top: 15px !important;
}
.ui-timepicker-wrapper {
    z-index: 999999999 !important;
}
.dropdown-btn {
    display: inline-block;
    background: #ededed;
    border: thin solid #ddd;
    border-radius: 0.3125em;
    vertical-align: middle;
}
.dropdown-btn > a {
    margin: 1px;
    float: left;
    border-right: thin solid #ccc;
    background: none;
    border: none;
    border-radius: 0.3125em 0px 0px 0.3125em !important
}
.dropdown-btn ul {
    margin: 0;
    float: left;
}
.dropdown-btn ul li.nav-link-wrap {
    border: none;
    background: none;
    border-left: thin solid #ddd;
    border-radius: 0;
    width: 10px;
}
.column-selector li a:after, .no-arrows li a:after {
    display: none;
}

div[style="display: flex"] .form-control.form-control-inline{
    width: 100%;
    margin: 0 2px;
}

div[style="display: flex"] .form-control label{
    padding: 0;
}

.asideContent{
    padding-top: 10px;
}

.grid{
    display: flex;
    margin-bottom: 15px;
}

.grid div.form-control{
    margin: 0 3px;
    width: auto;
}

.grid .form-control label{
    width: inherit;
    text-align: left;
}

.dropdown-with-button a.ui-btn{
    margin: 0;
    padding: 0 15px 0 10px;
    float: left;
    height: 36px;
    line-height: 36px;
}

.dropdown-with-button .single-dropdown{
    margin: 0 0 0 -5px;
}

.dropdown-with-button .single-dropdown > li{
    width: 30px;
    height: 36px;
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    padding: 0;
    float: left;
}

.dropdown-with-button .single-dropdown li .dropdown{
    left: -8px;
}

.dropdown-with-button .single-dropdown .ui-checkbox label {
  width: 100%;
}

.ui-autocomplete {
    z-index: 9999999 !important;
    box-shadow: 0 0 12px #828282;
    border-radius: 5px;
    position: absolute;
    cursor: default;
    max-height: 87%;
    overflow-y: auto;
    overflow-x: auto;
}

.ui-autocomplete li {
    z-index: 9999999 !important;
    background: #fff;
    border-bottom: thin solid #eee;
    padding: 8px;
    font-size: 0.7em;
    max-width: 827px;
    cursor: pointer;
}

.ui-autocomplete li:last-child{
    border: none;
}

.ui-autocomplete li.guideflow_hovered {
    background: #bbdefb none repeat scroll 0 0;
    color: #333;
}

.form-group{
    margin-bottom: 15px;
}


.ui-page-theme-g .ui-btn.guideflow_hovered, html .ui-bar-g .ui-btn.guideflow_hovered, html .ui-body-g .ui-btn.guideflow_hovered, html body .ui-group-theme-g .ui-btn.guideflow_hovered, html head + body .ui-btn.ui-btn-g.guideflow_hovered{
      background-color: #E85124;
  border-color: #D53E10 !important;
  color: #333 !important;
  text-shadow: none !important;
}


.ui-page-theme-g .ui-btn.guideflow_hovered, html .ui-bar-g .ui-btn.guideflow_hovered, html .ui-body-g .ui-btn.guideflow_hovered, html body .ui-group-theme-g .ui-btn.guideflow_hovered, html head + body .ui-btn.ui-btn-g.guideflow_hovered{
      border-color: #dddddd !important;
}
.table_heading_year {
    position: relative;
    text-align: center;
    top: -55px;
	vertical-align:top;
	z-index:0
	
}
.table_heading_year div{
	display:inline-block;
}
.active_year {
    color: #3388cc;
    font-size: 20px;
    padding: 10px 8px 0;
    position: relative;
    top: 8px;
}
.single-dropdown{
	z-index:9;
	position:relative;
}
.active_year div{
	border:none;
	box-shadow:none;
	width:auto;
	margin:0;
}

.active_year input[type="text"] {
    float: left;
    min-width: 100px;
    padding: 0;
    text-align: center;
    width: 120px;
	 min-height: 0.2em;
	  color: #3388cc;
}
.checkcontent p {
    display: inline-block;
    margin: 0 0 10px;
    width: 93px;
}
.checkcontent  {
	vertical-align:top;
	padding-top:5px;
}
.calendertable th, .calendertable td{
	vertical-align:top !important;
	position:relative;
}
.calendertable a {
    background-color: transparent !important;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sel_users{
	overflow:visible !important;
}
.events_calendar a.ui-table-columntoggle-btn{
	display:none;
}
#schedule .ui-block-c .ui-checkbox label {
	padding-right:10px;
}
.dropdown-with-button{
	position:relative;
	z-index:99;
}
.popupweek label{
    padding-right:0 !important;
}
 #popupDaily .ui-btn.guideflow_hovered{
	color:#fff !important;
}
.regardingdropdown {
    width: 85%;
	text-align:center;
	height:55px;
	position:relative;
}
.regardingdropdown ul {
    width: 100%;
	left:0;
}
.regardingdropdown > ul > li {
    padding: 14px !important;
    width: 100% !important;
}
.regardingdropdown .nav-link-wrap .dropdown{
	left:0;
	text-align:center;
}
.regardingdropdown .nav-link-wrap .dropdown A{
	font-weight:bold;
}
.regardingdropdown .nav-link-wrap .dropdown::before, 
.regardingdropdown .nav-link-wrap .dropdown::after{
	content:inherit;
	
}
.scrollbox .scrollbar {
    height: 140px;
    overflow-y: auto;
}
.scrollbox .ui-block-e {
    margin-top: 10px;
    padding-left: 0;
    width: 78%;
}
.conrolbutton {
    text-align: center;
}
.conrolbutton a {
    min-width: 78px;
    text-align: center;
	margin-bottom:0;
}
#popupEditList .ui-content{
	padding-top:10px;
}
.clearheight {
    height: 64px;
}
.textboxopen {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}
.textboxopen .ui-input-text{
	height: 47px;
    margin: 7px 0;
	border-radius:6px;
}
.textboxopen .ui-input-text input{
	border-radius: 3px !important;
    height: 100%;
}
.textboxopen .close{
	margin-top:10px;
}
#popupAddContacts table td span.namecc {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
}

#log-call .textboxopen .ui-input-text {
    border-radius: 6px;
    height: 37px;
    margin: 6px 0;
}
#log-call .textboxopen .close {
    margin-top: 5px;
}
/*#log-call{
	overflow-y:auto;
}*/
.regardingdropdown{
	position:relative;
}
#schedule-popup .regardingdropdown{
	width:100%;
}
#schedule-popup .regardingdropdown .form-control{
	position:relative;
}
.dialog .form-control .ui-checkbox label.guideflow_hovered{
	color:#fff !important;
}
.tableevent td{
	height:42px;
}
.row .ui-block-d ul.dropdown li i {
    line-height: 0;
}
.popupweek .ui-icon-delete {
    margin-top: 3px;
}
.Alarmstable a{
	font-size:12px
}

.ui-page-theme-g .tasklisttable td a{
	color:#333;
}
.ui-page-theme-g .bluetb td a{
	color:#1e88e5 ;
}

.tel {
    margin-top: 0 !important;
    width: 100%;
}
.tel a{
	position:absolute;
	width:100%;
}
.tasklisttable .ui-checkbox {
    margin: 6px 0 -5px;
}
.tasklisttable .ui-check-single{
	margin:-10px 0;
}
.Filters{
	margin-top:0; z-index:9999; position:relative;
}
.grid .regardingdropdown > ul > li {
    padding: 10px !important;
    width: 100% !important;
}
.grid .regardingdropdown {
    height:44px;
}
#log-call .grid .regardingdropdown .textboxopen .ui-input-text {
    height: 40px;
}

.dropdown .ui-checkbox input, .ui-radio input{
	visibility: hidden;	
}
#Cancel_btn{
	display:none;
}
.alarmside{
	width:53%;
}
.alarmside .form-control{
	width:40%;
	display:inline-block;
}
.alarmside a{
	display:inline-block;
}
.textarea_field{
	min-height:100px;
}

.searchtop_section .form-control a{
	vertical-align:inherit;
	text-decoration:none;
}

.searchtop_section a{
	vertical-align:bottom;
	text-decoration:underline;
}
.ui_notes_report .form-ui-input .form-control .label {
    padding: 0 8px;
    width: auto;
}
.ui_notes_report .form-ui-input .form-control .input-outer {
    width: 74%;
}
.ui_notes_report .form-ui-input .form-control {
	margin:0;
}
.ui_notes_report .form-ui-input .single-dropdown p {
	margin-bottom:4px;
}
.ui_notes_report  .single-dropdown label {
	width:100%;
}

.ui_notes_report .single-dropdown {
    margin: 0 16px;
}
.ui_notes_report .single-dropdown li {
	min-width:107px;
}

.ui_notes_report .single-dropdown:last-child {
    margin-right: 0 ;
}
.ui_notes_report{
	width:100%;
	display:inline-block;
	padding-top:20px;
}
.form-control.positon{
	width:50%;
	position:relative;
}
.form-control.positon .textboxopen .form-control {
	width:50%;
}
.form-control.positon .textboxopen .ui-input-text {
    height: 31px;
}
.form-control.positon .textboxopen .ui-input-text input {
	background:#eee;
}
.ui_notes_report .textboxopen{
	display:block;
}

#Disabled_btn{
	display:none;
	position:absolute;
	top:0;
}

#Disabled_btn li {
	background:#ccc;
	cursor:auto;
}

#Disabled_btn li a {
	cursor:auto;
}
body .notes_content .notes_outer .ui-radio .ui-btn.ui-radio-on::after {
    height: 18px;
    width: 18px;
}
/*#Range_popup {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
	display:none;
	bottom:0;
}*/
.popupdialog {
    margin: 8% auto;
	 box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
	 border:1px solid #ddd;
	 border-radius:10px;
	 overflow:hidden;
	 background:#fff;
}
.column-selector a.ui-btn{
	font-weight:normal;
	font-size:15px;	
}

.column-selector li.active a {
	background-color: #e85124 !important;
	color:#fff !important;
}
.column-selector li.select a {
	background-color: #e85124 !important;
	color:#fff !important;
}
#column_selector li a{
	border-radius:0;
}
.createnote_page .jqte_editor, .jqte_source {
    min-height: 250px;
}
.searchtop_section .single-dropdown a{
	text-decoration:none;
}

#maincontent_Daily, #maincontent_Weekly, #maincontent_Monthly, #maincontent_Custom{
	display:none;
}
.ui_radiobtn {
    display: inline-block;
    margin-left: 5px;
    margin-top: -2px;
    vertical-align: top;
}

.ui-check ul .ui-checkbox, .ui-radio-box ul .ui-radio{
	margin: 0;
	float:inherit;
}
.ui-row_display .form-control {
    display: inline-block;
    margin-left: 0;
    vertical-align: bottom;
    width: 32%;
}


.ui-row_display .form-control .input-outer {
    width: 82%;
}
.ui-row_display .row {
    display: inline-block;
    padding: 20px 0;
    width: 100%;
}
.form-control .single-dropdown label{
	width:100%;
}

.ui-row_display .form-ui-input .form-control {
    vertical-align: middle;
}

.ui-row_display .form-control .ui-input-text{
	margin-top:5px;	
}

.ui-row_display .single-dropdown p.ui-mini {
    margin-bottom: 5px;
    margin-top: 7px;
}


.ui-row_display .form-ui-input .form-control{
	width:22%;
}
.ui-row_display .form-ui-input .single-dropdown {
    width: 160px;
}
.ui-row_display .form-ui-input .single-dropdown .nav-link-wrap {
    width: 100%;
}
.rightrow{
	width:64%;
}
.ui-row_display .rightrow .form-control .input-outer{
	width:70%;
}
.ui-row_display .rightrow .form-ui-input .single-dropdown {
    width: 130px;
}
.rightrow .form-control label{
	width:37px;
	padding: 0px; text-align: center;
}

.rightrow .title1 {
    margin: 38px 0 -7px;
}
.ui-row_display .rightrow .form-ui-input .form-control{
	vertical-align:middle;
}
.rowlast ul.single-dropdown{
	width:160px;
}
.ui-row_display  .rowlast .form-control{
	width:49%;
}
.ui-row_display  .textboxopen .ui-input-text{
	height:auto;
}

.ui-row_display .textboxopen .ui-input-text input
{
	background:#eee;
}

.ui-row_display .single-dropdown label {
    margin: 0;
    padding: 10px 20px 10px 33.5px;
    text-align: left;
    width: 100%;
}

.form-control2{width:auto; position:relative; float:right; z-index:99;}



#main-content .icon-large::before {
    vertical-align: 0;
}
.grop_contacts{
	padding-left:0;
	padding-right:0;
}

.grop_contacts .page_content_select a {
    margin-right: 0;
    margin-top: 6px;
    right: 199px;
}
.grop_contacts .table-outer .pagination {
    padding: 14px 118px 24px 0;
    text-align: right;
}
.createopportunity_page .single-dropdown p {
    margin: 0 0 7px;
}
.createopportunity_page .single-dropdown li {
   min-width:147px;
}
.usefull{
	padding:13px 0;
}
.usefull a{
	text-decoration:underline;
}
.ueseggg{
	display:inline-block;
	width:100%;
}

#maincontent_tasklist .form-control {
    margin: 0;
    width: 49.5%;
}
#maincontent_tasklist .form-control .input-outer {
    width: 73%;
}

#maincontent_tasklist .form-control label {
    width: auto;
}
#maincontent_tasklist {
    padding: 7px;
}
.position_cus{
    background: #fff none repeat scroll 0 0;
    height: calc(100% - 300px);
    width: calc(50% - 35px) !important;
}
.position_cus .pc {
    border: medium none !important;
    box-shadow: none !important;
}
.ui_con .ui-select{
 	display:inline-block;
	width:100%;
}
.ui_con .ui-input-text{
	margin:0;
}
.ui_con .single-dropdown{
	margin:0;
}
.closebutton {
	margin:0;	
}
.other-info li p {
    position: relative;
}
textarea.mytxt,textarea.mphone, textarea.myurl {
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    height: 34px;
    max-width: 75%;
    padding: 6px;
    width: 75%;
    vertical-align: middle;
    margin: 0px 5px;
    display: inline;
}
span.hldremail textarea {
border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    height: 34px;
    max-width: 100%;
    padding: 6px;
    width: 250px;
}
.closebutton3  {
    position: absolute !important;
    right: 9px !important;
    top: 0px !important;
}
.closebutton4 {
    position: absolute !important;
    right: -25px !important;
    top: 0px !important;
}

.other-info p > p {
	display:none;
}
.other-info textarea + p {
	display:block;
}

.customreports_page li {
    padding: 4px 0;
}
.customreports_page li a {
    font-size: 16px !important;
    font-weight: normal;
}
.dropdown_selector {
    margin-top: 6px;
    width: 100%;
}
.dropdown_selector .dropdown_rr .btn-group{
	width:100%;
}
.dropdown_selector .dropdown_rr .btn-group > a{
	padding:12px 0;
	width:100%;
}
.dropdown_selector  .dropdown_rr .dropdown-toggle,
.dropdown_selector  .dropdown_rr .dropdown-toggle1,
.dropdown_selector  .dropdown_rr .dropdown-toggle2 {
    background: #ededed url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll 98.4% center;
}
.dropdown_selector .dropdown_rr .dropdown-toggle.guideflow_hovered,
.dropdown_selector .dropdown_rr .dropdown-toggle1.guideflow_hovered,
.dropdown_selector .dropdown_rr .dropdown-toggle2.guideflow_hovered {
    background: #e85124 url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll 98.4% center;
    color: #fff;
}
.dropdown_selector .dropdown_rr ul.dropdown-menu{
	min-height:110px;
	margin:0;
}
#search_dropdown{
	display:none;
	width:100%;
	margin-bottom:10px;
}

.table_ui_left .scrollbar{
	height:400px;
}
.Fieldparameters .scrollbar{
	height:600px;
}
.Fieldparameters .custom-label{
	width:125px;
	display:inline-block;
	vertical-align:middle;
	margin:0 !important;;	
}
.Fieldparameters .ui-block-o{
	width:74%;
	display:inline-block;
	vertical-align:middle;
}
.ui-table .Fieldparameters, .ui-table .table_ui_left {
	vertical-align:top !important;
}

.Fieldparameters .checkbox_in label{
	width:81%;
	margin-top:5px !important;
}

body table .tabletrr, body  .Customization table tr{
	background:transparent !important;
}

.Customization h3{
	line-height:normal;
	margin-bottom:20px;
}
.Customizationopp h3, .user_permissions h3{
	line-height:normal;
	margin-bottom:20px;
}
.Customizationopp .form-control{
	width:100%;
}
.Customization .dropdownh3 {
    font-size: 13px;
    margin-bottom: 6px;
}

.Customizationopp .ui-radio {
    padding: 12px 0 14px 39px;
    width: 0;
}
.chk{
	width:calc(35% - 0px);
	display:inline-block;
	padding-right:40px;
	text-align:right;
	margin:0 !important;
}
.Customizationopp .chk .ui-checkbox input{
    margin: -9px 0 0 -4px;
}
.chk .ui-checkbox{
	float:right;
}
div.table_ui_left, div.Fieldparameters {
	vertical-align:top;
	margin:0;
}
.useraccount h3{
	line-height:normal;
	margin-bottom:20px;
}
.useraccount .Fieldparameters .custom-label {
    width: 203px;
}
.useraccount .Fieldparameters .ui-block-o {
    width: 64%;
}
.useraccount .Fieldparameters .checkbox_in label {
    margin-top: 5px !important;
    width: 86%;
}
.checkboxui{
	padding:26px 0;
}
.checkboxui .ui-checkbox {
    float: left;
}
.checkboxui  p {
	padding-left:30px;
	margin-top:-2px;
}

.addgroup{
	margin:20px 0;
}

.disableddiv{
	display:none;
}

.customreports_page  .ui-block-b{
	position:relative;
}

.mysettings .form_group_section .form-control .input-outer {
    width: calc(100% - 30px);
}
.mysettings .form_group_section .ui-checkbox, .form_group_section .ui-radio {
    margin: 6px 2px 5px;
    width: 100%;
}
.scrollbox  .ui-block-m{
	width:100%;
}
.scrollbox  .ui-block-m .form-control{
	margin:0;
	width:100%;
}
.conrolbutton {
    text-align: center;
    vertical-align: top;
}
#RingSettings .form-control{
	width:100%;
	margin:0;
	text-align:center;
}

/*---------- tree css ------------*/
/*#template-tree{
border: 1px solid #222 !important;
}*/
#template-tree #ext-gen5 .x-toolbar{
/*	background: #222 none repeat scroll 0 0;
    border-bottom: 3px solid #e55124;*/
    width: 100% !important;
}
/*#template-tree #ext-gen5 .x-btn button {
    color: #fff;
}
#template-tree #ext-gen5 .x-btn-mc.guideflow_hovered{
	background:#E55124 none ;
	background-image:none !important;
}*/
#ext-gen6{
	max-height:439px;
}
/*
#template-tree .x-toolbar-left-row .x-btn-tl, 
#template-tree .x-toolbar-left-row .x-btn-tr, 
#template-tree .x-toolbar-left-row .x-btn-tc, 
#template-tree .x-toolbar-left-row .x-btn-ml, 
#template-tree .x-toolbar-left-row .x-btn-mr, 
#template-tree .x-toolbar-left-row .x-btn-mc, 
#template-tree .x-toolbar-left-row .x-btn-bl, 
#template-tree .x-toolbar-left-row .x-btn-br, 
#template-tree .x-toolbar-left-row .x-btn-bc{
	background-image:none !important;
}*/
/*---------- END tree css ------------*/

.column-selector select.clrfnt {
    margin: 0 7px;
    width: 190px;
	height:500px;
}
.column-selector select.clrfnt option {
	background:#eee;
	border-bottom:1px solid #ddd;
	padding:10px 10px;
	color:#333;
	font-size:15px;
}
.column-selector select.clrfnt option.guideflow_hovered {
	background:#bbdefb;
}
.column-selector .snbtn  {
    min-width: 90px;
	font-weight:normal;
	margin:3px 0;
}

.ui-mobile .Addgroup label{
	display:inline-block;
	width:auto;
	font-size:15px;
}
.Addgroup .form-control .input-outer {
    width: 37%;
}
.Addgroup table th span {
    padding: 0 5px;
}

#AddSuperGroup .form-control, #Editcontacts .form-control {
    margin-left: 0;
    width: 100%;
	text-align:center;
}
#AddSuperGroup table .ui-checkbox, #Editcontacts table .ui-checkbox, #RingSettings table .ui-checkbox{
	margin:0;
}


.listtd1 .ui-btn-active{
	background:#fff !important;
}
.listtd1 .ui-li-count{
	visibility:hidden;
}
td.ui-mini > div{
	font-weight:normal;
}
.listtd1 span.clrfnt{
	display:none;
}
.createtabs .form-control > label {
    display: inline;
}
.createtabs .form-control {
	margin:0;
}
.createtabs .ui-checkbox{
	margin:0;
}
.hint h3{
	margin:10px 0 5px;
}
.hint {
	padding-left:16px;
	padding-top:10px;
}
.hint li{
	padding:5px 0 0 0;
	list-style:decimal;
}
.createtabs h3{
	margin:30px 0 0 ;
}
.customtabs label{
	padding-right:15px;
}
.customtabs .ui-block-full .ui-block-a{
	width:43%;	
}

.customtabs .ui-block-full .ui-block-b{
	width:57%;	
}
.customtabs .ui-block-full .ui-block-b .ui-input-text{
	width:90%;
	 display: inline-block;
    vertical-align: middle;	
}	
.customtabs .ui-block-full .ui-block-b .ui-select {
    display: inline-block;
    vertical-align: middle;
    width: 88%;
}

.margin-no-select .ui-select{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.padding-top-0{
	padding-top:0 !important;
}
.red{
	color:#C20404 !important;
}
.center{
	text-align:center !important;
}
.shades_blue th{
	background:#eef7fe;
}

.closeicon {
    color: #c20404;
    font-size: 14px;
    padding: 0.6em !important;
}
.orange {
	color:#E85124 !important;
}
.previous_imports .ui-table .ui-btn.ui-checkbox-off:after,
.previous_imports .ui-table .ui-btn.ui-checkbox-on:after,
.previous_imports .ui-table .ui-btn.ui-radio-off:after,
.previous_imports .ui-table .ui-btn.ui-radio-on:after {
	margin: -9px 2px 0 -5px;
}
.previous_imports .ui-table .ui-checkbox input,
.previous_imports .ui-table .ui-radio input {
	margin: -11px 0 0 -4px;
}
.ui-single-checkbox .ui-btn.ui-checkbox-off:after,
.ui-single-checkbox .ui-btn.ui-checkbox-on:after,
.ui-single-checkbox .ui-btn.ui-radio-off:after,
.ui-single-checkbox .ui-btn.ui-radio-on:after {
	margin: -9px 2px 0 -5px;
}
.ui-single-checkbox .ui-checkbox input,
.ui-single-checkbox .ui-radio input {
	margin: -11px 0 0 -4px;
    visibility: hidden;
}
.ui-grid-e > .ui-block-e{
	width:16.8%;
}
.ui-grid-e > .ui-block-e > .ui-input-text {
	width:89.5%;
}
.ui-grid-e{
	overflow:hidden;
}
.form-bottom .form-control{
	vertical-align:bottom;
}

.ui-check-control .ui-checkbox{
	margin:9px 0;
}
.dxl{
	width:92%;
	margin:7px 0;
}
.ui-check-margin-no .ui-select{
	margin:0;
}

.normal{
	line-height:none;
}
.ui-heading h1, .ui-heading h2, .ui-heading h3, .ui-heading h4, .ui-heading h5, .ui-heading h6,
h1.ui-heading, h2.ui-heading, h3.ui-heading, h4.ui-heading, h5.ui-heading, h6.ui-heading{
	color:#505050; /*#808080;*/
	line-height:normal;
	font-weight:bold;
}
.ui-heading h1, h1.ui-heading{
	font-size:26px;
} 
.ui-heading h2, h2.ui-heading{
	font-size:24px;
}
.ui-heading h3, h3.ui-heading{
	font-size:20px;
}
.ui-heading h4, h4.ui-heading{
	font-size:19px;
}
.ui-heading h5, h5.ui-heading{
	font-size:16px;
}
.ui-heading h6, h6.ui-heading{
	font-size:14px;
}
.ui-form-full{
	width:100%;
}
.ui-radio-space .ui-radio {
    margin: 10px 0;
}

.ui-radio-space .ui-radio:nth-child(3n){
	width:72.1%;
	display:inline-block;
	margin:0;
}
.ui-radio-space .ui-select:last-child {
    display: inline-block;
    margin: 0 0 0 1.5%;
    width: 25%;
}

#form1 label{
    position:relative;
}
#form1 .star{
	display:none;
	color:red;
	padding-left: 4px;
    position: absolute;
}
.login_screen {
    margin: 130px auto;
    max-width: 90%;
    width: 450px;
}

.login_screen a {
	text-decoration:underline;
	font-weight:normal !important;
}
.login_page {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 0;
    margin: 80px auto;
    max-width: 90%;
    overflow: hidden;
    padding: 20px 40px;
    width: 540px;
}

.login_page label {
    color: #fff !important;
    text-shadow: none;
}
.pagination.small {
    font-size: 12px;
    margin-top: 17px;
	color:#3388cc;
}
.pagination.small a{
	text-decoration:none;
}
#pagesize{
	position:relative;
}

.pagesizemain .selectPerPage .perPageSelector {
    background: rgba(0, 0, 0, 0) url(https://html-assets-prod.guideflow.com/c9528ccf464659bf5e327103d9503f5d6aee2f12) no-repeat scroll 10px center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
    padding: 7px 12px 7px 41px;
}
.pagesizemain .selectPerPage .perPageSelected {
    background: rgba(0, 0, 0, 0) url(https://html-assets-prod.guideflow.com/1392c5617f2b633beeaae6c811a012f80e28ce9a) no-repeat scroll 10px center;
}
#pagesize .pagesizemain {
    font-size: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

#pagesize .pagesizemain a {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    font-size: 0 !important;
    height: 36px;
}
.ui-grid-bottom{
	vertical-align:bottom;
	margin-top:20px;
}
.ui-grid-bottom a{
	vertical-align:bottom;
	margin-bottom:3px;
	text-decoration:underline;
}

.selectgg {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 17%;
}
.ui-select-single .ui-select{
	margin:0;
}
#Wizard{
	display:none;
}

.form-control label.error {
    color: red !important;
    height: 30px;
    left: -20px;
    line-height: 45px;
    position: absolute !important;
    top: 0;
    width: auto !important;
}

.Subcription label.error {
    font-size: 13px;
    left: 0;
    line-height: 29px;
    text-align: left !important;
    top: auto;
}

#ui-tree_main{
	display:none;
}
#ui-tree_main .x-toolbar-layout-ct {
    height: 0 !important;
}
body a.blue-circle {
    background: #039BE5;
    border-radius: 100%;
    color: #fff !important;
    display: inline-block;
    font-size: 11px !important;
    height: 30px;
    padding-top: 7px;
    text-align: center;
    width: 30px;
    cursor: pointer;
}
body a.blue-circle.guideflow_hovered {
    background: #1E88E5;
}
body a.grey-circle {
    background: #eee none repeat scroll 0 0;
	border:1px solid #ccc;
    border-radius: 100%;
    color: #fff !important;
    display: inline-block;
    font-size: 11px !important;
    height: 30px;
    padding-top: 7px;
    text-align: center;
    width: 30px;
}
body a.grey-circle.guideflow_hovered {
    background: #ddd;
}
body a.orange-circle {
    background: #E85124;
    border-radius: 100%;
    color: #fff !important;
    display: inline-block;
    font-size: 11px !important;
    height: 30px;
    text-align: center;
    width: 30px;
    padding-top: 7px;
    cursor: pointer;
}
body a.orange-circle.guideflow_hovered {
    background:#e83500;
}

body a.sn-details{
    padding-top: 8px;
}
/*----- select dropdown css ---------*/

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
     cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
	text-align:center;	
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: #ededed none repeat scroll 0 0;
    border: thin solid #dddddd;
    border-radius: 5px;
    font-size: 13px;
    padding: 0.7em 2em 0.7em 1em;
	font-weight:bold;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:#1E88E5 transparent transparent transparent;
    position:absolute;
    top:16px;
    right:10px;	
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border-bottom:none;
	margin-top:1px;
}
.options li {
    border-bottom: 1px solid #e6e8ea;
    margin: 0;
    padding: 7px 10px;
	font-size: 0.8em;
}
.options li.guideflow_hovered {
    background-color:#F3F8F8;
}
.select .ui-select .ui-btn{
	padding:0;
	box-shadow:none;
}
/*----- END select dropdown css ---------*/
.grid_ui_control .form-control{
	width:47.3%
}
.grid_ui_control .form-control label{
	width:100%;
}
#AddNoteHistory textarea {
    min-height: 210px;
}
 .ui-page-theme-g .blue-theme .ui-checkbox-on::after, html .ui-bar-g .blue-theme  .ui-checkbox-on::after, html .ui-body-g .blue-theme .ui-checkbox-on::after, html body .ui-group-theme-g .blue-theme .ui-checkbox-on::after, .blue-theme .ui-btn.ui-checkbox-on.ui-btn-g::after{
	background-color: #1E88E5 !important;
}
.ui-page-theme-g .blue-theme .ui-checkbox-off.guideflow_hovered{
	background-color: #1E88E5 !important;	
}
.radioui  .ui-radio{
	margin:10px 0;
}
.search-icon-orange .ui-input-search::after{
	background:url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat center left ;
	height:16px;
	width:16px;
	opacity: inherit;
}
.ui-selectmenu .ui-listview li a{
	text-align:center;
	color:#333;
}

ul.ui-listview li.selected {
        background-color:lightgray
}

/*----- BLUE-THEME --*/

.single-dropdown .nav-link-wrap.blue {
    background: #2cc4d6 none repeat scroll 0 0;
    border: thin solid #dddddd;
}
.single-dropdown .nav-link-wrap.blue > a {
	color:#fff !important;
}
.single-dropdown .nav-link-wrap.blue::after {
    border-color: #fff transparent;
    right: 10px;
}
.single-dropdown .nav-link-wrap.blue.guideflow_hovered {
    background: #00AABE none repeat scroll 0 0;
    border: thin solid #dddddd;
}
.dialog_page .blue {
    background: #2cc4d6 !important;
	color:#fff !important;
}
.dialog_page .blue.guideflow_hovered {
    background:#00AABE !important;
	color:#fff !important;
}


/*----- ORANGE-THEME --*/

.single-dropdown .nav-link-wrap.orange-dark {
    background: #e85124 none repeat scroll 0 0;
    border: thin solid #dddddd;
	color:#fff !important;
}
.single-dropdown .nav-link-wrap.orange-dark > a {
	color:#fff !important;
}
.single-dropdown .nav-link-wrap.orange-dark::after {
    border-color: #fff transparent;
    right: 10px;
}
.single-dropdown .nav-link-wrap.orange-dark.guideflow_hovered {
    background: #f25426 none repeat scroll 0 0;
    border: thin solid #dddddd;
}
.dialog_page .orange-dark {
    background: #e85124  !important;
	color:#fff !important;
}
.dialog_page .orange-dark.guideflow_hovered {
    background:#F25426 !important;
	color:#fff !important;
}


/*------ BLUE Light --*/

.dialog_page .blue-light {
    background: #29b6f6 !important;
	color:#fff !important;
}
.dialog_page .blue-light.guideflow_hovered {
    background:#0288d1 !important;
	color:#fff !important;
}
.single-dropdown .nav-link-wrap.blue-light {
    background: #29b6f6 none repeat scroll 0 0;
    border: thin solid #dddddd;
}
.single-dropdown .nav-link-wrap.blue-light > a {
	color:#fff !important;
}
.single-dropdown .nav-link-wrap.blue-light::after {
    border-color: #fff transparent;
    right: 10px;
}
.single-dropdown .nav-link-wrap.blue-light.guideflow_hovered {
    background: #0288d1 none repeat scroll 0 0;
    border: thin solid #dddddd;
}

/*------ END  BLUE LIGNT THEME --*/

.popup-ui{
    clip: inherit;
    display: inline-block;
    height: auto;
    left: 30%;
    margin: 0 auto;
    overflow: visible;
    right: 28.5%;
    text-align: center;
    top: 23%;
    visibility: visible;
    width: auto;
	box-shadow:none;	
}
.block{
	display:none;
}

.edit_button {
    bottom: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:9;
}

.ui-page-theme-g a, html .ui-bar-g a, html .ui-body-g a, html body .ui-group-theme-g a, .ui-page-theme-g a:visited, html .ui-bar-g a:visited, html .ui-body-g a:visited, html body .ui-group-theme-g a:visited {
    color: #1E88E5;
}


.ui-checkbox label.ui-btn.guideflow_hovered {
    background: #bbdefb none repeat scroll 0 0 !important;
}

.ui-btn-icon-left::after, .ui-btn-icon-right::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after, .ui-btn-icon-notext::after {
    background-color: #1e88e5;
}

.ui-page-theme-g .ui-radio-on::after, html .ui-bar-g .ui-radio-on::after, html .ui-body-g .ui-radio-on::after, html body .ui-group-theme-g .ui-radio-on::after, .ui-btn.ui-radio-on.ui-btn-g::after {
    border-color: #1e88e5 !important;
}

.custom-select .ui-select{
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    border: thin solid #DDDDDD;
    border-radius: 4px;
}

.ui-btn.blue-btn {
    background: #1e88e5 none repeat scroll 0 0 !important;
    border: thin solid #1778cd !important;
    color: #fff !important;
}
.ui-btn.blue-btn.guideflow_hovered {
    background: #1778cd none repeat scroll 0 0 !important;
    color: #fff !important;
    border: thin solid #1778cd !important;
}

.ui-btn.orange-btn {
    background: #E64F2F none repeat scroll 0 0 !important;
    border: thin solid #C52907 !important;
    color: #fff !important;
}
.ui-btn.orange-btn.guideflow_hovered {
    background: #F46646 none repeat scroll 0 0 !important;
    color: #fff !important;
    border: thin solid #C52907 !important;
}

.bordered-table-outer table th {
    background: #fff;
}

.ui-select {
    border-radius: 4px;
}

.form-control-overlay {
    background: rgba(255,255,255,0.7);    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}

.inline-control {
    vertical-align: middle;
    display: inline-block;
}

.inline-control .ui-select {
    margin: 0;
}

.mb_null {
    margin-bottom: 0;
}

.nav-link-wrap .dropdown li i {
    color: #1E88E5;
}

.blue-lbl {
    color:#1E88E5 !important; 
}
.pagination span {
    float: none;
}
body .pagination .ui-icon-customs{
	width:20px;
	height:20px;
	border-radius:80px;
	padding:0;
	height: 1.75em;
    padding: 0;
    width: 1.75em;
	background-color: #1e88e5;
}
body .pagination .ui-icon-customs {
    background-color: #1e88e5 !important;
    border: 2px solid #fff !important;
    border-radius: 80px;
    box-shadow: 0 0 1px 1px #ddd;
    color: #fff !important;
    font-size: 15px;
    height: 1.75em;
    line-height: 1.55em;
    padding: 0;
    text-decoration: none;
    vertical-align: middle !important;
    width: 1.75em;
}
body .pagination .ui-icon-customs.guideflow_hovered {
    background-color: #1e88e5 !important;
    border: 2px solid #ddd !important;
    border-radius: 80px;
    box-shadow: 0 0 1px 1px #ccc;
    color: #fff !important;
    font-size: 15px;
    height: 1.75em;
    line-height: 1.55em;
    padding: 0;
    text-decoration: none;
    vertical-align: middle !important;
    width: 1.75em;
}

.pagination  a{
	margin:0;
	float:none;
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
}
.pagination  a.ui-mini{
	font-weight:normal;
}
.paging-position{
	position:relative;
	top:3px;
    right: 10px;
}
.t_Shadow{
	display:none;
}
.pagination p.ofp{
	color:#1e88e5;
}
.pluspopup .ui-input-search {
    display: inline-block;
    width: 78%;
	vertical-align:middle
}
.horizz .ui-radio {
    margin-left: 0;
    margin-right: 0;
    width: 49.7%;
}
.horizz .ui-radio:last-child .ui-btn-icon-left {
	width:99.3%;
}
.horizz .ui-radio:last-child {
	text-align:right;
}
.ui-mini-thin{
	font-size:10.5px !important;
}
.dropdown_AC {
    background: #fff none repeat scroll 0 0;
    width: 100%;
}
.dropdown-TR{
	display:none;
}
table{
	border-spacing: 0;
}
.hiddenRow {
    background: #fff none repeat scroll 0 0;
}
#popupDaily .dropdown-with-button .ui-btn.guideflow_hovered{
	color:#333 !important;
}
.complete_dropdown .nav-link-wrap .dropdown{
	top:-183px;
}
.complete_dropdown .nav-link-wrap .dropdown::before {
    bottom: -8px;
    transform: rotate(180deg);
}
.complete_dropdown .nav-link-wrap .dropdown::after {
    bottom: -6px;
    transform: rotate(180deg);
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
   .ui-table thead th:last-child {
    box-shadow: none;
}
}


@media screen and (min-width: 1217px) {
    #main-content {
        position: absolute;
        height: calc(100% - 60px) !important;
        width: 100%;
        left: 0;
        overflow: auto;
        top: 60px !important;
    }
    .left-content {
        position: absolute;
        overflow-y: auto;
        height: 100%;
    }
    .right-content {
        height: 100%;
        overflow-y: auto;
    }

    .user-info-inner{
        display: inline-block;
        float: left;
        width: 150px;
    }
}
@media screen and (max-height: 768px) and (min-height: 620px) {
    .menuButton {
        padding-bottom: 12px;
    }
    .dialog_page .ui-content {
        width: 99.6%;
    }
}
/*Tablet CSS*/

@media screen and (max-width: 1216px) {
    .mainMenu {
        display: none;
    }
    .containerEmail #main-content {
        top: auto !important;
    }
    .inner-container {
        margin: 0 0 0 -10px
    }
    #mobileMenu, #mypanel {
        border-bottom: 1px solid #444;
        display: block;
    }
    .containerEmail {
        margin: 0px;
    }
    .emailMenu {
        padding: 10px 0 10px 0;
    }
    .emailBody {
        max-width: 100%;
        width: 100%;
    }
    .menuOptions {
        padding-bottom: 10px;
    }
    .templateBackground {
        max-width: 518px;
    }
    .templateSelect {
        width: 110px;
        height: 110px;
        margin: 8px;
    }
    #top-nav-bar ul {
        margin-left: 65px;
    }
    body, .ui-mobile .ui-page-active {
        overflow: hidden;
    }
    #main-content {
        position: absolute;
        height: calc(100% - 60px) !important;
        width: 100%;
        left: 0;
        overflow: auto;
        top: 60px !important;
    }
    
    /*.left-content {
        height: 100%;
        overflow-y: auto;
    }
    .right-content {
        height: 100%;
        overflow-y: auto;
    }*/
    .below-bar {
        width: 100% !important;
        left: 0;
    }
    .below-bar ul li {
        padding: 0 1%;
    }
    .below-bar li a, .below-bar li a.guideflow_hovered {
        font-size: 0.8em;
    }
    .logo_site {
        width: 78px;
    }
    .dialog_page .ui-content {
        margin: 50px 0;
    }
}
@media screen and (max-width: 802px) {
    #top-nav-bar li {
        padding: 0.1em 0.5em;
    }
}
@media screen and (max-width: 650px) {
    .right-content .other-info li {
        text-align: left;
    }
    #main-content {
        border-top: none;
    }
    body {
        overflow: visible;
    }
    .ui-panel-wrapper, .ui-content, .containerEmail {
        overflow-y: visible;
        height: calc(100% - 67px);
    }
    #main-content {
        height: auto;
        overflow: visible;
        margin-top: 28px;
    }
    #main-content .inner-container {
        height: auto !important;
    }
    .ui-content {
        background: #fff;
    }
    /*
    div.left-content, div.right-content {
        width: 100%;
        position: static;
        height: auto;
        overflow: visible;
        background: #fff;
        border: none;
    }*/
    .edit-link {
        display: none;
    }
    .edit-link-2 {
        display: block;
    }
    .u-name {
        color: #E55124;
        font-size: 1.7em;
        font-weight: normal;
        line-height: normal;
        margin: 0;
        padding-top: 0;
    }
    #top-nav-bar li {
        padding: 0.1em 0.5em;
    }
    #top-nav-bar ul {
        text-align: center;
    }
    #top-nav-bar ul li {
        float: none;
        display: inline-block;
    }
    .below-bar ul li {
        padding: 0 5%;
    }
    
    .form-control {
        display: block;
        width: auto;
        margin: 0
    }
    .form-control label, .form-control .input-outer {
        display: block;
        width: auto;
        text-align: left;
    }
    .form-control .input-outer .plus {
        right: -19px;
    }
    .create_lockup_hd {
        margin-left: 0;
    }
    .task-list-outer span.sub-hd {
        margin-top: 10px;
        display: block;
    }
    .calendar-outer .datepicker_custom, .calendar-outer .sel_users {
        width: 100%;
        float: none;
    }
    .calendar-outer .sel_users .well {
        height: auto;
    }
    .lookup-left, .lookup-right {
        width: 100%;
        float: none;
    }
    #notes_tab-popup {
        left: 20px !important;
        top: 20px !important;
        height: calc(100% - 40px) !important;
        width: calc(100% - 40px) !important;
    }
    .container {
        height: auto;
        overflow: visible;
        position: static;
    }
    .contact-notes .user-info-outer .ui-block-a {
        width: 100%;
    }
    .contact-notes .user-info-outer .ui-block-b, .contact-notes .user-info-outer .ui-block-c {
        width: 50%;
    }
}
/*Mobile Landscape*/

@media screen and (max-height: 620px) {
    .mainMenu {
        display: none;
    }
    #mobileMenu, #mypanel {
        display: block;
    }
    .containerEmail {
        margin: 0px;
    }
    .dialog_page .ui-content {
        margin-top: 70px;
    }

}
@media screen and (min-width:300px) and (max-width	: 640px) {
    
#nav li.nav-link-wrap > a {
    padding: 10px 9px 10px 0;
	font-size:0.8em;
}
.nav-link-wrap::after {
    right: 4px;
}
.alarmside{
	width:100%;
	padding-bottom:100px;
}
.alarmside .form-control{
	width:35%;
	display:inline-block;
}
.alarmside a{
	display:inline-block;
}
}
/* Low Resolution Mobile */

@media all and (max-width: 432px) {
    #main-content {
        margin-top: 72px;
    }
    .below-bar ul li {
        padding: 0 2%;
    }
    .dialog_page .ui-content {
        margin-top: 120px;
        width: 95%;
    }
	

}

/* main.css -> dashboardedit.aspx */
@import url(https://html-assets-prod.guideflow.com/e1486a4564b6c5aa7b78d76171234538f2e97049);

*{
	margin: 0;
}

.ui-mobile, .ui-mobile body, body, .ui-mobile .ui-page-active{
    min-width:1030px;
}

.ui-panel-wrapper{
    width: 100%;
}

#nav{
    float: left;
    width: 100%;
    padding-bottom: 6px;
}

#nav ul > img{
	vertical-align: middle;
	margin: 5px;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/*::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}*/

#nav ul{
    display: inline-block;
    float: left;
    margin-top: 4px;
    z-index: 9999998!important;
}

#nav ul li{
    position: relative;
}

.nav-link-wrap, #nav > ul > li {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    outline: medium none;
    padding: 10px 7px 10px 0;
    position: relative;
    border-right: thin solid #222;
    position: relative;
}

.nav-link-wrap:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    content: "";
    height: 0;
    margin-top: -1px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
}

.nav-link-wrap .dropdown {
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    font-size: 15px;
    height: auto;
    left: 10px;
    list-style: outside none none;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    /*z-index: 9999;*/
}

.nav-link-wrap .dropdown:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    width: 0;
}

.nav-link-wrap .dropdown:before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 13px;
    position: absolute;
    width: 0;
}

.nav-link-wrap a, #nav > ul > li > a {
  font-size: 0.9em;
  font-weight: normal;
  text-shadow: none !important;
  color: #fff !important;
}

#nav > ul > li a {
  padding: 10px;
}

#nav li.nav-link-wrap a {
  padding: 10px 22px 10px 10px;
}

.nav-link-wrap .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333 !important;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.nav-link-wrap .dropdown li i {
    margin-right: 5px;
    color: #1E88E5;
    font-size: 0.8em;
}

#nav .logo {
    padding: 0;
    position: relative;
    top: 8px;
}

.nav-link-wrap .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.nav-link-wrap .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

.nav-link-wrap .dropdown ul{
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    font-size: 15px;
    height: auto;
    list-style: outside none none;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    left:75%;
    z-index: 999;
    top: 4%;
}

.nav-link-wrap .dropdown li ul li a {
    background: none !important;
}

.nav-link-wrap .dropdown li ul li.guideflow_hovered a {
    background: #f3f8f8 !important;
}

.nav-link-wrap .dropdown ul li{
    border-bottom: thin solid #eee;
}

.nav-link-wrap .dropdown ul li:first-child{
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.nav-link-wrap .dropdown ul li:last-child{
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.nav-link-wrap .dropdown ul li a{
    background: none important;
    border:none !important;
}

.nav-link-wrap .dropdown ul:after {
    bottom: 100%;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid rgb(255, 255, 255);
    top: 13px;
}

.nav-link-wrap .dropdown ul:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid rgb(176, 176, 176);
    bottom: 100%;
    content: "";
    height: 0;
    left: -9px;
    position: absolute;
    width: 0;
    top: 13px;
}

#nav .search{
    float: right;
}

.hidden{
    display: none;
}

.hidden .logo{
    float: left;
    margin: 5px 0 0 10px;
}

.hidden .nav-btn{
    float: left;
    margin: 11px 10px 5px;   
}

.search .ui-input-search {
    margin-bottom: 0;
    margin-top: 10px;
}

/* Hover state */
.nav-link-wrap .dropdown li.guideflow_hovered a {
    background: #f3f8f8;
}


.nav-link-wrap.guideflow_hovered .dropdown, .nav-link-wrap .dropdown li.guideflow_hovered ul{
  opacity: 1;
  visibility: visible;
}

#nav li.guideflow_hovered ul.duplicate-contact{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/*========= new css ============*/
.ui-page-theme-g .ui-btn, html .ui-bar-g .ui-btn, html .ui-body-g .ui-btn, html body .ui-group-theme-g .ui-btn, html head + body .ui-btn.ui-btn-g, .ui-page-theme-g .ui-btn:visited, html .ui-bar-g .ui-btn:visited, html .ui-body-g .ui-btn:visited, html body .ui-group-theme-g .ui-btn:visited, html head + body .ui-btn.ui-btn-g:visited {
    background-color: #ededed;
}

.ui-page-theme-g .ui-btn.guideflow_hovered, html .ui-bar-g .ui-btn.guideflow_hovered, html .ui-body-g .ui-btn.guideflow_hovered, html body .ui-group-theme-g .ui-btn.guideflow_hovered, html head + body .ui-btn.ui-btn-g.guideflow_hovered {
    background-color: #E85124;
    border-color: #c7451f;
    color: #fff;
    text-shadow: 0 1px 0 #f3f3f3;
}

/*============ select drop down css ============*/

/*layout dropdown*/
#layout-dropdown .dropdown li {
    border-bottom: none;
}
#layout-dropdown .dropdown li a {
    padding: 8px;
    font-weight: bold;
    font-size: 12px;
}

#layout-dropdown .dropdown_rr {
    position: relative;
}
#layout-dropdown .dropdown_rr li.guideflow_hovered ul{
    max-height: 750px;
    overflow-y: auto;
}
input.lntitle{ /*layout title text box*/
    font-size: 1.4em !important; 
    border-color: #9a9a9a;
    border-radius: 3px;
    padding: 3px;
    margin: 5px;
}
/*end layout dropdown*/

/*edit layout name button*/
#layout-dropdown .dropdown_rr a#edit-layout-name{
    display: inline-block;
    height: 20px;
    position: absolute;
    top: 7px;
}
#layout-dropdown .dropdown_rr a#edit-layout-name.guideflow_hovered{
    cursor: pointer;
    text-decoration: none;
}
/*end layout dropdown*/

.desc { color:#6b6b6b;}
        .desc a {color:#0092dd;}
        
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
        .dropdown a.guideflow_hovered { color:#333;}
        .dropdown dt a.guideflow_hovered, .dropdown dt a:focus { color:#fff; }
		
.main_search_scopes > input {
    float: left;
    height: 39px !important;
    border: none;
    width: 300px;
	padding:0 5px
}
.dropdown dt a {
    /*background: url(https://html-assets-prod.guideflow.com/2414223d828c419ea55363bf860f8e955fddfc9d) no-repeat scroll right center #444444;*/
    border: medium none;
    border-radius: 5px 0 0 5px;
    color: #d8d8d8;
    display: block;
    font-weight: normal;
    height: 38px;
    line-height: 28px;
    overflow: hidden;
    padding-right: 0;
    text-align: center;
    width: 50px;
}

       .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
       .dropdown dd ul {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #c5c0b0;
    display: none;
    height: auto;
    left: 0;
    list-style: outside none none;
    min-width: 200px;
    padding:  0;
    position: absolute;
    top: 2px;
    width: auto;
}
#sample li {
    border-bottom: 1px solid #e6e8ea;
}

#sample li a.guideflow_hovered {
    background: none repeat scroll 0 0 #f3f8f8;
	color:#333;
}
#sample li i {
    font-size: 0.8em !important;
    line-height: 23px;
    color: #1E88E5 !important;
    font-weight: normal !important;
    padding: 0 13px 0 7px;
}
 .dropdown dd ul li .icon-large:before {
    font-size: 1.33333em;
    vertical-align: 0;
}
 .dropdown span.value { display:none;}
  .dropdown dd ul li a {
    color: #333;
    display: block;
    /*font-size: 15px;*/
    font-weight: normal;
    line-height: 35px;
    outline: medium none;
    padding: 0 5px;
    text-decoration: none;
}

        .dropdown dd ul li a.guideflow_hovered {background: none repeat scroll 0 0 #f3f8f8;
	color:#333;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}


#nav .search {
    float: right;
    width: 500px;
}
.ui-btn-inline_search {
    border: 1px solid #696969;
    border-radius: 5px;
    float: right;
    margin-right: 10px;
    margin-top: 7.4px;
    min-width: initial;
    padding: 0;
    text-align: left;
    width: auto;
}
.ui-btn-inline_search .dropdown {
    display: inline-block;
    float: left;
    width: 50px;
}
.ui-btn-inline_search .ui-input-text {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    width:auto;
}
/*quick search styling*/
.main_search_scopes #quicksearch {font-weight:bold;}

/*quick search keypress focus styling same as hover*/
.ui-autocomplete .ui-menu-item.ui-state-focus {
    background: #bbdefb none repeat scroll 0 0;
    color: #333;
}

.ui-btn-inline_search .ui-input-text input.guideflow_hovered, .ui-btn-inline_search .ui-input-text input:focus, 
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus{
	box-shadow:none !important;
}
.ui-btn-inline_search .search-button {
    background: none repeat scroll 0 0 #ccc;
    border: medium none;
    border-radius: 0 5px 5px 0;
    color: #333;
    float: left;
    margin: 0;
    padding: 0 20px;
    width: auto;
	border-left:1px solid #aaa;
}
.ui-btn-inline_search .search-button.guideflow_hovered, .ui-btn-inline_search .search-button:focus {
    background: none repeat scroll 0 0 #E85124;
	color:#fff;

}

.dropdown dd ul li a.QSField{
    display: inline!important;
}

.dropdown dd ul li.QSFieldLI.guideflow_hovered a.defaultQSField {
    display: inline-block!important;
}


.dropdown dd ul li.QSFieldLI a.defaultQSField {
    display: none!important;
}

.dropdown dd ul li a.defaultQSField {
    color: #1E88E5!important;
    font-size: 13px;
    line-height: inherit!important;
    padding: 0px;
    margin: 0px;
}

.QSFieldLI{
    vertical-align: middle;
    color: #333 !important;
    font-size: 15px;
}
.QSFieldLI .ui-checkbox{
    display: inline-block;
    padding: 2px 0px 2px 5px;
    margin: 0px;
    vertical-align: middle;
}
.QSFieldLI .chkBxLbl{
    background: none repeat scroll 0 0 #f5f5f5 !important;
    color: #333 !important;
    padding: 15px;
}
.QSFieldLI [type=checkbox]{

}

#sample.dropdown dd ul a.defaultQSField.guideflow_hovered i {
    color: #13c826 !important;
}

/*fix firefox placeholder text color to stand out more*/
input::-moz-placeholder { /* Firefox 19+ */
  color: #333!important;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #333!important;
}

@media (max-width: 1215px){
    #nav .search {
        float: none;
        text-align: center;
        width: 100%;
    }   
    .search .ui-btn-inline {
        clear: both;
        display: block;
        margin: 0 10px;
        width: auto;
    }
    .hidden{display: block;}
    #nav{
        display: none;
        border-top: thin solid #444;
    }/*
    #nav .logo {
        padding: 10px 7px 10px 0;
        position: relative;
        top: auto;
    }*/
    .nav-link-wrap, #nav > ul > li{
        width: 100%;
        border-bottom: thin solid #383838;
    }
}

/*deshboard.css*/
.deshboard{
    padding: 20px 30px;
	/*background:#fff;*/      
}
.deshboard label {
    margin-bottom: 0;
}
.remove i{
	font-size:14px;
}
.remove {
    color: #b92d1c !important;
    padding: 5px 10px;
}
.remove.guideflow_hovered {
    color: #fff !important;
}
body a.downbtn, body a.upbtn {
	color:#E85124
}
.leftcontent {
    width: 43%;
	display:inline-block;    
}
body a.downbtn.guideflow_hovered, body a.upbtn.guideflow_hovered {
	color:#333
}
.downbtn i, .upbtn i{
	font-size:17px;
}

.deshboard  .single-dropdown{
	min-width:60%
}
.deshboard  .single-dropdown .nav-link-wrap{
	/*width:100%*/
}

.deshboard .ui-radio {
   /* display: inline-block;
    width: 21% !important;*/
}
.deshboard .ui-radio label {
	padding-right:8px;
}
.deshboard .ui-radio label {
    width: 100% !important;
}
.ui-checkbox-on::after, .ui-btn.ui-radio-on::after {
	box-sizing:padding-box;
	 -webkit-box-sizing: padding-box;
     -moz-box-sizing: padding-box;
}

.ui-page-theme-a .ui-btn.guideflow_hovered, html .ui-bar-g .ui-btn.guideflow_hovered, html .ui-body-g .ui-btn.guideflow_hovered, html body .ui-group-theme-g .ui-btn.guideflow_hovered, html head + body .ui-btn.ui-btn-g.guideflow_hovered{
	color:#333 !important;
}


/*------------ right content css ----------------*/

.rightcontent {
    display: inline-block;
    padding-left: 2%;
    float:right;    
    vertical-align: top;
    width: 53%;    
}
.rightcontent h3{
	line-height:normal;
	font-size:16px;
}
.dialog_page .ui-btn-c, .ui-page-theme-a .ui-btn, .dialog_page .ui-icon-carat-d, .dialog_page .ui-btn-inherit, .ui-page a.menu   {
    background: #ededed ;
    border: 1px solid #dddddd !important;
    color: #333 !important;
}

.rightcontent th:last-child, .rightcontent td:last-child{
	text-align:right;
}


.table-ui{
	width:37.5%;
}
.nav-link-wrap .dropdownright {
    left: auto;
    right: 0;
}

.nav-link-wrap .dropdownright::before {
    left: auto;
    right: 13px;
}
.nav-link-wrap .dropdownright::after {
    left: auto;
    right: 15px;
}

.search-button{
    cursor: default !important;
}

.ui-autocomplete {
    max-height: 500px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.font-bold{
    font-weight:bold;
}
.padding-bottom-sm{
    padding-bottom: 5px;
}
.overflow-visible{
    overflow: visible!important;
}
.menu{
     overflow: visible!important;
}
/*element element = descendent selector*/
table th.th-view, table th.th-delete{
    width: 50px!important;
    text-align:center!important;
}
.display-inline-block{
    display: inline-block;
}
.padding-lr-sm{
    padding: 0px 5px;
}
.groupNameInfo{
    font-style: italic;
    font-size: large;
    color: #808080;
}


.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled {
    opacity: .7; /*override jquery mobile default of .3*/ 
}

.lookupCounter{
    font-size: .9em;
    font-weight: bold;
    float: right;
    padding-left: 3px;
    padding-top: 2px;   
}

/*CreateContact.aspx*/ 
div#coreFields ul li > div{
    margin: .2em 0em .5em 0em;
    font-size: .9em;
}

/*ms options form*/
div#coreFields li .ms-options li{
    color: inherit;
    border-bottom: inherit;
    font-size: small;
    padding-bottom: inherit;
    margin-top: inherit;
    text-align: left;   
}
div#coreFields li .ms-options .ms-search, 
div#coreFields li .ms-options .ms-selectall{
    display: inherit;  
    text-align: right;
}
div#coreFields li .ms-options li label{
    font-size: small;
}
div#coreFields li div.ms-options-wrap{
    display: inline-block;
    margin-right: inherit;
    vertical-align: inherit;
}
div#coreFields li div.ms-options{
    text-align: right;
}


/*Tooltips
    use: <element class="tooltip"> //this can be a div/a tag, etc.
            <span class="tooltiptext tooltip-top">this is the text</span>
         <element>

*/
.tooltip {
    position: relative;
    display: inline-block;
    overflow: visible;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px; /* see note on position*/
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    
    text-indent: 0px;
    font-size: 11px;

    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity .6s;
}

.tooltip.guideflow_hovered .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Tooltip position */
.tooltip .tooltiptext.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tooltiptext.tooltip-bottom {
    top: 125%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tooltiptext.tooltip-left {
    top: 1px;
    right: 105%; 
    font-family: sans-serif;
    font-family:sans-serif;
font-size:11px;
font-style:normal;
font-variant-caps:normal;
font-variant-east-asian:normal;
font-variant-ligatures:normal;
font-variant-numeric:normal;
font-weight:700;
}

.tooltip .tooltiptext.tooltip-right {
    top: 1px;
    left: 105%; 
    font-family: sans-serif;
    font-family:sans-serif;
font-size:11px;
font-style:normal;
font-variant-caps:normal;
font-variant-east-asian:normal;
font-variant-ligatures:normal;
font-variant-numeric:normal;
font-weight:700;
}

/* Tooltip arrows */

/*arrow for top tooltip*/
.tooltip .tooltiptext.tooltip-top::after,
.tooltip .tooltiptext.tooltip-bottom::after,
.tooltip .tooltiptext.tooltip-left::after,
.tooltip .tooltiptext.tooltip-right::after{
    content: " ";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
/*arrow for top tooltip*/
.tooltip .tooltiptext.tooltip-top::after {
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-color: #555 transparent transparent transparent;
}

/*arrow for bottom tooltip*/
.tooltip .tooltiptext.tooltip-bottom::after {
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent #555 transparent;
}

/*arrow for right tooltip*/
.tooltip .tooltiptext.tooltip-right::after {
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-color: transparent #555 transparent transparent;
}

/*arrow for left tooltip*/
.tooltip .tooltiptext.tooltip-left::after {
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-color: transparent transparent transparent #555;
}

/*Log call with note/complete details text area*/
#completeDetails{
    max-height: 350px;
    overflow-y: auto;
}

/*tasklist/activity icons*/

/*task right hand panel*/
.taskPreviewLink{ 
    text-align: left;
    width: 85px!important;
}
.taskPreviewLink a.guideflow_hovered{ 
     /*text-decoration: none;*/
}
 .ui-link.activityTypeLink{
    color: #1E88E5!important;
    vertical-align: middle;
}
.ui-link.activityTypeLink.guideflow_hovered{
    text-decoration: none;
}
.ui-link.activityTypeLink .activityTypeImg{
    padding-bottom: 2px;
    vertical-align: middle;
}

.previewPanelTable{
    overflow-y: auto;
    overflow-x: hidden;
}
body .previewPanelTable a.blue-circle,
body .previewPanelTable a.orange-circle   {
    height: 25px;
    width: 25px;
    padding-top: 6px;
    font-size: 9px!important;
}

.previewPanelTable table{
    width: 100%;
    text-align: left;
}
.previewPanelTable table td{
    padding: 3px;
    border: 1px ghostwhite solid;
}

#dragAndDropUploadElem.dz-drag-hover{
    z-index: 99999;
}
.dz-drag-hover{
    z-index: 99999;
    border: solid #d6d6d600 10px;
    background: #d6d6d69e url(https://html-assets-prod.guideflow.com/ef907a45f03d9ee23df14684bb4830c33b6f63a6) no-repeat center center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.ftNotice{
    color: white;
    text-shadow: none;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    margin: 15px 10px 0px 10px;
    float: right;
}
.ftNotice.trial,
.ftNotice.billing{
    margin-top: 5px;
}
.ftNotice .daysUntilTrialEnd,
.ftNotice .nextBilling{
    font-weight: bold;
}

.ftNotice a.ui-btn.ftManageAccountBtn{
    border-radius: 6px;
    padding: 4px 12px; 
    margin: 0px;

    border: 1px solid #111;
    background: #333;
    font-weight: normal;
    color: #fff!important;
    text-shadow: 0 1px 1px #111;

    /*black button*/
    background-image: -webkit-gradient(linear, left top, left bottom, from( #444), to( #2d2d2d));
    background-image: -webkit-linear-gradient( #444, #2d2d2d);
    background-image: -moz-linear-gradient( #444, #2d2d2d);
    background-image: -ms-linear-gradient( #444, #2d2d2d);
    background-image: -o-linear-gradient( #444, #2d2d2d);
    background-image: linear-gradient( #444, #2d2d2d);

    /*orange button*/
    background: rgba(255,166,0,1)!important;
    background: -moz-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(184,117,0,1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,166,0,1)), color-stop(100%, rgba(184,117,0,1)))!important;
    background: -webkit-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(184,117,0,1) 100%)!important;
    background: -o-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(184,117,0,1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(184,117,0,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,166,0,1) 0%, rgba(184,117,0,1) 100%)!important;
}
.ftNotice a.ui-btn.ftManageAccountBtn.trial {
    margin-top: 3px;
    font-weight: bold;
}
.ftNotice a.ui-btn.ftManageAccountBtn.trial.guideflow_hovered{
    
}

.ftNotice a.ui-btn.ftManageAccountBtn.guideflow_hovered{
    
    border: 1px solid #111!important;
    
    /*black button highlighted*/
    background: rgba(102,102,102,1);
    background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(100%, rgba(68,68,68,1)));
    background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);
    background: -o-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);
    background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);
    background: linear-gradient(to bottom, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);

    /*orange button highlighted*/
    background: rgba(255,175,38,1)!important;
    background: -moz-linear-gradient(top, rgba(255,175,38,1) 0%, rgba(224,135,3,1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,38,1)), color-stop(100%, rgba(224,135,3,1)))!important;
    background: -webkit-linear-gradient(top, rgba(255,175,38,1) 0%, rgba(224,135,3,1) 100%)!important;
    background: -o-linear-gradient(top, rgba(255,175,38,1) 0%, rgba(224,135,3,1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(255,175,38,1) 0%, rgba(224,135,3,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,175,38,1) 0%, rgba(224,135,3,1) 100%)!important;
}

.menu-disabled{
    pointer-events: none;
    cursor: default;
}


/*preventing wrapping on navigation*/
/*#nav{
    white-space: nowrap;
}*/
#qsSearchSection, #ftNotice, #menu{
    display:  inline-block;
}

@media (max-width: 1400px) {    /* FB2116 changes reduced from 1575 to 1360*/
    #ftNotice {
        display: none;
    }
}
@media (max-width: 1291px) {
    #qsSearchSection{
        float:none!important;
    }
}
/*@media (max-width: 1395px) {
    #hdrNotes{
        display: none !important;
    }
}
@media (max-width: 1310px) {
    #hdrGroups{
        display: none !important;
    }
}
@media (max-width: 1220px) {
    #hdrOpps{
        display: none !important;
    }
}
@media (max-width: 1095px) {
    #hdrHelp{
        display: none !important;
    }
}*/
@media (max-width: 1510px) {
    #qsSearchSection .ui-btn-inline_search .ui-input-search{
        width: 270px;
    }
    #nav .search{
        width: 335px;
    }
}
@media screen and (min-width: 1510px) and (max-width: 1572px) {
    #qsSearchSection .ui-btn-inline_search .ui-input-search {
        width: 270px;
    }

    #nav .search {
        width: 370px; 
    }
}
        
/*@media (max-width: 1023px) {
    #hdrNotes{
        display: inline-block !important;
    }
    #hdrGroups{
        display: inline-block !important;
    }  
    #hdrOpps{
        display: inline-block !important;
    }
    #hdrHelp{
        display: inline-block !important;
    }

}*/



    .text-template-preview {
        cursor: default;
        position: relative;
        display: inline-block;
        padding: 5px;
    }

    .text-template-preview-label.guideflow_hovered + .iframe-template-preview {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        border: black solid 1px;
        border-radius: 5px;
        z-index: 10000;
        display: inline-block;
    }

    .text-template-preview.guideflow_hovered {
        box-shadow: 0 1px 5px rgba(0,0,0,.1);
        border-color: #333;
    }


    .iframe-template-preview {
        opacity: 0;
        position: absolute;
        bottom: -425%;
        left: 325%;
        width: 230px;
        height: 160px;
        border: 4px solid #fff;
        transform-origin: center bottom;
        transform: translateX(-50%) translateY(50%) scale(.9);
        background-color: white;
        overflow: hidden;
        display: none;
    }

        .iframe-template-preview iframe {
            transform: scale(.2);
            transform-origin: 0 0;
        }

#notifications_menu .notifications-number{
   position: absolute;
    z-index: -9999;
    top: 0px;
    left: 21px;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 30px;
    border-radius: 10px;
    background-color: #ff0808;
    text-align: center;
    font-size: .7em;
}
.notification-card{
    color: #333333;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #c5c0b0;
}
.notification-time
{
    font-size: 9px;
    color: grey;
    display: inline;
    float: right;
    padding-right: 5px;
}
.notification-title{
   padding: 5px;
}
.notification-body{
    padding: 5px 5px 10px 5px;
}
.notification-link-container{
    display:inline-block;
}
.notification-link-container a {
    color: #1E88E5;
}
.notification-view-all-container{
    text-align: center;
    padding: 5px;
}
.notification-global-dropdown{
    max-height: 500px; 
    overflow-y: auto; 
    width: 350px; 
}
.notification-cleared{
    background-color: #f6f6f6;
}
.notification-active{
    background-color: #dbf5fd;
}