body {direction: ltr;}
.fRight{float:right !important;}
.fLeft{float:left !important; direction: ltr !important;}
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml22 { margin-left:22px !important; }
.ml40 { margin-left: 40px; }
.mr3 { margin-right:3px !important; }
.mr5 { margin-right: 5px !important; }
.mr14 { margin-right: 14px !important; }
.mr20 { margin-right: 20px; }
.mr27 { margin-right:27px !important; }
.mr6p { margin-right:6% !important; }
.mr8 {margin-right:8px !important; }
.mr24 { margin-right: 24px !important; }
.pl3 { padding-left: 3px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl60{ padding-left:60px !important; }
.pr2 { padding-right:2px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr14 { padding-right:14px !important; }
.pr18 { padding-right:18px !important; }
.alignR { text-align: right !important; }
.alignL { text-align: left !important; }
.dir{direction: ltr; text-align: left;}
.rtl{direction:rtl;}
.ltr{direction:ltr;}
.right3{right:3px;}
.right0 { right: 0px; }
.right20{right:20px;}
.left15{left:15px;}
.portlet-body .campInfo{ padding-left:15px !important; height: 120px; /*width:90% !important; */ }

.logoText{}
.btn.btn-small{padding:1px 5px;}/*.btn-xs*/
/*.portlet.box > .portlet-title a { color:#fff !important; }*/
.portlet.box > .portlet-title ul.dropdown-menu li a { color:#333 !important; }

/* New Header and logo */
.header .navbar-inner {
    height:78px !important;
}
.logo-content { line-height: 78px; }
@media (min-width: 980px){
    body.page-header-fixed .page-container { margin-top: 78px !important; }
    .portlet-body .campInfo{ height: 250px; width: 41%; overflow:hidden; }
}

.campActionBtns {
    
}
.campActionBtns form { margin:0; display:inline; }
.campActionBtns form label {  margin:0;  }
.freeSearchArea { margin: -8px 10px 0 0; }
.freeSearchArea #txtSearch { width:120px; }

#tblInfo_wrapper #tblInfo tbody tr td {
    color:#000;
}
#tblInfo_wrapper #tblInfo tbody tr:hover td:not(.details) {
    background-color:#E1E1E1 !important;
}

a.ResetAppLink {color:#ddd; padding: 7px 0; display:inline-block;}

.row-fluid .column > div { width:100%; }

.dashboard-stat .moreEmpty {
    height:20px;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: 300;    
    padding: 5px 10px;
    text-transform: uppercase;
}

.mediaPageContent table td.tdName,.mediaPageContent table td.tdActions {width:50%;}
table th { background-color: #FFF; }
.img-responsive {width:100%;}
a.btn.mini .icon-right{ background:url(../Assets/img/arrow_right.png) no-repeat !important; width:15px; height:14px;}
a.btn.mini .icon-right:before { content: ">>>>>>"; }
.external-event.label.low, .fc-event.green {background-color: rgb(53, 170, 71) !important; color:#fff !important }
.external-event.label.medium {background-color: rgb(255, 120, 0) !important; color:#fff !important}
.external-event.label.high {background-color: rgb(255, 37, 83) !important; color:#fff !important}
.external-event.label.veryhigh {background-color: rgb(255, 0, 35) !important; color:#fff !important}
#ajax-loading-graph,#ajax-loading-graph-leads{ text-align:center; }
#sortable_portlets.mix-grid .mix { overflow:inherit !important; }
#sortable_portlets .box .buttons-area { bottom: 4%; left: -1.5%; }
#sortable_portlets .box .buttons-area .btn { padding: 7px 10px; margin-right: -3px; }
#sortable_portlets a.campaign-info-link { height: 34px; display: block; right: 1%; bottom:0; cursor: pointer; z-index: 10; }
    #sortable_portlets a.campaign-info-link:hover { text-decoration: none; }
    #sortable_portlets .campaign-info-link i { font-size: 30px; color:#555 !important; cursor: pointer; padding:0 2px; }

.btnRemoveAccountLogo {
    width: 85px;
    float:left;    
}
.btnRemoveAccountLogo .close {    
background-color: #FFF;
z-index: 100;
opacity: 0.6;
filter: alpha(opacity=60);
width: 11px;
height: 11px;
background-position: 1px;
}
.btnRemoveAccountLogo .close:hover { opacity:1; filter: alpha(opacity=100); }
.caption a { font-size: 17px;}

.btnRemoveUserRole {    
    width: auto;
    float:left;        
    padding: 2px;
    border:1px solid transparent;    
}
    .btnRemoveUserRole .close { cursor:pointer;}
.btnRemoveUserRole.space { padding:0 3px;}
.removeUserRoleHover { border:solid 1px; color:red;}
.btnRemoveUserRole label{ padding:0 3px; margin:0;}
.gradeX label {cursor:default;}

@media (min-width: 480px) {
    #dashboard-report-range {min-width: 234px;}
}
label.simple { display:inline !important;}
input.no-margin { margin: 0 !important;}

.remarkArea, .statusHistoryArea, .dynamicJsonValueArea { margin-bottom: 3px;}
.remarkArea div, .statusHistoryArea div, .dynamicJsonValueArea div{ float: left; padding-left: 5px; }
.remarkArea div .btnDeleteRemark{ font-size:10px; padding: 2px 4px; }
.leadRemarkDate, .leadHistoryDate,  .dynamicJsonValueArea div .dateValue { font-size:10px; }

/* camp Funnel */
.campFunnel { width:215px; height: 176px; position:relative; margin-bottom: 10px; float: right; }
.campFunnelBG {background: url(../Images/funnel.png) no-repeat; width: 100%; height: 100%; }
.campFunnel .rowFunnel {  display:table-row; width: 100%;}
.campFunnel .rowFunnel.empty {  height: 7px; }
.campFunnel .rowFunnel div { border:solid 0px red; text-align:center; vertical-align:middle; display:table-cell; width: 215px; padding:0; font-size: 14px; font-weight: bold;}
    .campFunnel .rowFunnel .visits { height: 36px; }
    .campFunnel .rowFunnel .visitors {height: 36px; }
    .campFunnel .rowFunnel .leads { height: 34px; }
/* camp Funnel version 2 */
.campFunnelVer2 { width:212px; height: 204px; position:relative; margin-bottom: 10px; float: right; }
.campFunnelVer2BG {background: url(../Images/funnel_ver2.png) no-repeat; width: 100%; height: 100%; }
.campFunnelVer2 .rowFunnel {  display:table-row; width: 100%;}
.campFunnelVer2 .rowFunnel.empty2 {  height: 2px; }
.campFunnelVer2 .rowFunnel.empty3 {  height: 3px; }
.campFunnelVer2 .rowFunnel div { border:solid 0px red; text-align:center; vertical-align:middle; display:table-cell; width: 215px; padding:0; font-size: 14px; font-weight: bold;}
    .campFunnelVer2 .rowFunnel .visits { height: 31px; }
    .campFunnelVer2 .rowFunnel .visitors {height: 31px; }
    .campFunnelVer2 .rowFunnel .leads { height: 31px; }
    .campFunnelVer2 .rowFunnel .dynamicData1 { height: 33px; }
    .campFunnelVer2 .rowFunnel .dynamicData2 { height: 31px; }
    .campFunnelVer2 .rowFunnel .dynamicData3 { height: 31px; }
.campFunnelPercent { width:86px; height: 204px; position:relative; margin-bottom: 10px; float: right; text-align:center; }
    .campFunnelPercent .rowFunnelData { height: 25px; padding: 2px 0 4px; border: solid 0px red;  }
    .campFunnelPercent .rowFunnel.empty2 {  height: 2px; }
    .campFunnelPercent .rowFunnel.empty3 {  height: 3px; }
/* End - camp Funnel */
.campInfoArea .campInfo { min-height:173px !important;}
#searchArea select.ddlLeadStatus { width: 100px;}


#nevTabContent td.name { width: 100px; }
#nevTabContent td.value { width: 100px; color:blue; }
table.tblAnalyticsInfo { float:left;}
.btn180 { min-width: 164px; background-image: none; border: 0 none; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; filter: none; font-family: "Segoe UI",Helvetica,Arial,sans-serif; font-size: 14px; outline: medium none; padding: 7px 14px; }
.btn240 { min-width: 240px; background-image: none; border: 0 none; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; filter: none; font-family: "Segoe UI",Helvetica,Arial,sans-serif; font-size: 14px; outline: medium none; padding: 7px 14px 7px 34px; }
.btnImportExl .btn180,.btnImportExl .btn240 {background: url(../Assets/img/import_excel.png) no-repeat scroll 10px center #02723B;  color:#fff; }
.btnImportExl .btn180:hover,.btnImportExl .btn240:hover { background-color:#026936 !important; text-decoration:none !important; }
.DownloadExcelExampleLink {   text-align: center; top: 30px; width: 100%;}

/*
    .btnImportExl { width: 164px; height:34px; background: url(../Assets/img/import_excel.png) no-repeat scroll 10px center #424D9E;  color:#fff; overflow: hidden; display:block }
.btnImportExl .btn {display: block !important;
    width: 164px !important;  
    height:34px !important;  
    opacity: 0 !important;
    margin:0 !important; padding:0 !important;
    overflow: hidden !important; }
.btnImportExl .btn180:hover { background-color:#424D9E !important; text-decoration:none !important; }
    */

img.crm-img-prev { max-height: 30px;}
a.selectItem { padding:1px 0; margin-top: 5px; border: dashed 0px #FFF; display:block;}
a.selectItem:hover { border: dashed 0px #424D9E; text-decoration:none;}
.dropdown-menu .iListArea { max-height: 500px; overflow-x: hidden; overflow-y: auto;}
.dropdown-menu ul { list-style-type: none; margin: 0; padding: 0;}
.dropdown-menu li.top { background-color: #5772f2;}
.dropdown-menu.displayOn { display: block !important; }
.dropdown-menu .ms-search input { height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 2px; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('https://nginx.icreate-campaign.com/Assets/img/search-icon.png') no-repeat right center; }
.dropdown-menu .ifilterArea .no-result { padding: 5px; }
.ms-parent { min-width: 250px; }
#btnDivurAuthentication .btn { background-color: #FFF; border: solid 1px red; }
    #btnDivurAuthentication .btn:hover {background-color: #EEE !important; }

img.center { display: block; margin-left: auto; margin-right: auto; }
body div#dashboard { overflow: inherit;}
.language-label.mrltest{border:dashed 1px yellow; background-color: #AAA;}
.language-label.mrk {border:dashed 1px yellow; background-color: #333; cursor: pointer;}
.translateSite { float: right; color: #ddd; padding: 7px 4px 6px 9px; margin-right: 10px; padding: 0 3px; }
    .translateSite:hover,.translateSite:focus {color: #ddd; text-decoration: none;}
.iSimpaleLabel {display: inline !important; color: inherit !important;}

/* Auto logout user */
#autoLogoutPopup {width:100%; height:100%; position:absolute; z-index:11111; display:none; background-attachment:fixed;}
#popupInnerContent {background-color:#FFF;  padding: 2% 4%; border: 3px solid #333; min-width: 200px; min-height: 200px; text-align: left; }
    #popupInnerContent .ttl { text-transform: uppercase; font-size: 30px; line-height: 30px; }
    #popupInnerContent .body { min-height: 40px; padding-top: 40px; }
        #popupInnerContent .body .innerBody { min-height: 60px; min-width: 332px;}
        #popupInnerContent .body .but { text-transform: uppercase; display: block; text-align: center; margin-top: 44px; }
        #popupInnerContent .body .but a{ width: 70px; padding: 8px 15px; color: #fff; background-color: green; text-decoration: none;  }
        
#timeLeftToLogout { color: green; font-size: 55px;}
/* RTL Fixed STRART */
.row-fluid a.export-to-excel { width: auto; padding-left: 18px; }
.icon-angle-right:before { content: "\f105"; }
.row-fluid .btn-export{ background-color: #02723B; padding: 1px 5px 6px 4px; color: #FFF;}
.row-fluid .btn-export:hover, .row-fluid .btn-export:focus{opacity: 1 !important; background-color: #026936;}
.pull-right { float: right; }
.nav.pull-right > li > .dropdown-menu,.nav > li > .dropdown-menu.pull-right {right: 0;left: auto;}
.nav.pull-right > li > .dropdown-menu:before,.nav > li > .dropdown-menu.pull-right:before {right: 12px;left: auto;}
.nav.pull-right > li > .dropdown-menu:after,.nav > li > .dropdown-menu.pull-right:after {right: 13px;left: auto;}
.nav.pull-right > li > .dropdown-menu .dropdown-menu,.nav > li > .dropdown-menu.pull-right .dropdown-menu {right: 100%;left: auto;margin-right: -1px;margin-left: 0;}
.m-icon-swapright {background-position: -27px -10px;}
/* RTL Fixed END */


#tbl-roi_length label{ font-size: 13px; color: #000; font-family: 'Open Sans', sans-serif;}

/*
    Test campaigns 
    */
  .portlet-body .imgContent, .portlet-body img { height: auto;    }
    .page-content .portlet-body .rowInfo { min-height: 110px; }
    .portlet-body .imgContent .designWebContent, #funnelArea .imgContent .designWebContent{ position:relative;overflow:hidden; margin-left: 20px; z-index:1; }/*max-width: 215px; max-height: 176px;*/
        .portlet-body .imgContent .designWebContent .webImgPrev, #funnelArea .imgContent .designWebContent .webImgPrev{ left: 0%;top: 2%;width: 65%;z-index: 99; min-height: 0px; /*height: 77%; border: 1px solid #AAB7C4;*/ border-radius: 16px 12px 4px 4px !important;}
    .portlet-body .imgContent img.designWebFrame,#funnelArea .imgContent img.designWebFrame { width: 65%; height: auto; position: relative;}/* z-index: 1000;*//*max-width: 215px; max-height: 176px;*/ 
    .designMobileContent {margin-top: -41%; z-index: 1; width: 36%; margin-left: 36%;  }
        .designMobileContent .designMobileBody { position:relative; overflow:hidden;  }/*max-width: 90px; max-height: 152px;*/
            .designMobileContent .designMobileBody .mobileImgPrev { left: 3%;top: 3.5%;width: 70% !important;height: auto !important;z-index: 9;border-radius: 12px 12px 4px 4px !important; }
    .portlet-body .imgContent img.designMobileFrame,#funnelArea .imgContent img.designMobileFrame { width: 100%; height: auto; position: relative; z-index: 10;   }/*max-width: 90px; max-height: 152px;*/
#funnelArea .imgContent .designWebContent .webImgPrev,#funnelArea .imgContent .designMobileBody .mobileImgPrev { max-width: 96%; max-height: 76%;}
.header .nav > li.dropdown .dropdown-toggle .badge.newNotifications { top: 2px; right: 22px; }
#systemNotifications .dropdown-menu.extended { width: 400px !important }
.header_info { text-align: center;font-size: 18px !important;text-decoration: underline;margin: 15px 0px 15px 0px;color: #40AAC9;font-weight: 700;text-shadow: 1px 1px #A5B0BA; }

/* new design */
.translateSite { margin-right: 0;}
.translateSite,.translateSite:hover { color: #505050; }

/* Pricing */
#main-pricing-content { width: 100%; background-color: #f0f0f0; text-align: center; margin-top: 15px; padding: 2px 0px; }
        #main-pricing-content h3 { line-height: 120%; letter-spacing: 0; padding-bottom: 5px; font-size: 1.00em; font-weight: bold;}
        #main-pricing-content ul { list-style-type: none; letter-spacing: -5px;}
        #main-pricing-content ul li{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: inline-block; box-shadow: #3a3a3a 0 0 0 1px inset; padding: 0.55em 0.7em;
            color: #3A3A3A;  margin: 0;  letter-spacing: -.15px; transition: all 0.2s ease; cursor: pointer; font-weight: bold;} 
            #main-pricing-content ul li.selected, #main-pricing-content ul li:hover { background-color: #3A3A3A; color: #fff; }
            #main-pricing-content ul li:first-child {border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important;}
            #main-pricing-content ul li:last-child {border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important;}

    #pricing-content{ width: 100%; margin: 0 auto; padding:0; position: relative; }
    #pricing-content ul.pricing-options, #pricing-content ul.pricing-options li { list-style: none; padding: 0; margin: 0; font-size: 14px; }
    #pricing-content ul.pricing-options { width: 100%; margin-top: 0.9em; border-top: 1px solid #dfdfd0; }
    #pricing-content ul.pricing-options li { display: table; padding: 0; border-bottom: 1px solid #dfdfd0; width: 100%; height: 2.1rem; }
    #pricing-content ul.pricing-options li span{ display: table-cell;  vertical-align: middle; }
    #pricing-content .btn-start { width: 100%; padding: 0.6rem 0 0.5rem; font-size: 16px; line-height: 16px; text-transform: uppercase;
        font-weight: 700; border-radius: 0.3rem  !important; display: block;}
    #pricing-content .pricing-header { position: relative; }
    #pricing-content .pricing-header .header-name { font-size: 1.5em; font-weight: 600; line-height: 100%; padding-top: .4em; margin: 0.1em 0;}
    #pricing-content .pricing-header .header-monthly { font-size: 2.0em; line-height: 140%; }
    #pricing-content .pricing-header .header-savings{ font-size: 15px; font-weight: 400; color: #333; padding: 0.3em 0; margin-bottom: 0.81em; }
    #pricing-content .pricing-header .header-most-popular { font-size: 0.81em; font-weight: 600; line-height: 100%; color: white; position: absolute; left: 0; top: -1.85em; width: 100%; }
    #pricing-content .pricing-cell { border: solid 0px red; padding: 0 2em;  text-align: center; margin:0; background-color: #FAFAFA; width: 33.33%; }   
    #pricing-content .top { background-color: #f0f0f0; border-radius: 5px !important; border-top: 27px solid #333; position: relative; top: -2em; }
    @media (max-width: 767px){
        #pricing-content .pricing-cell { width: 100% !important; }
    }

    /* Login/signup */
    .loginContent { max-width: 750px; background-color:#f0f0f0; }
    .loginContent .content { margin: 20px 0; }
    .loginContent .content form { width: 290px; margin: 0 auto; }
    .loginContent .content form input[type=text],.loginContent .content form input[type=password] { background-color:#FFF; width: 229px; }
    .loginContent .content .form-actions { padding: 0 20px; margin:0; background-color: transparent; border:0;}  
    .btnLogin { border-radius: 0.3rem  !important; padding: 7px 34px;}
    
/* Statistics bar home page */
#dashboard #leads-general-info a.title { cursor: default; }
#dashboard #monthsFilterArea .span1 { width: 8%; margin-left: 0.3%;}
#dashboard #monthsFilterArea .span1:first-child {  margin-left:0; }
#nevTabHeader.nav { margin-bottom: 10px; }
@media (max-width: 767px) {
    #monthsFilterArea .span1 { width: 8% !important; margin-left: 0.3% !important; float: left; font-size: 12px;}
    #monthsFilterArea .span1:first-child {  margin-left:0; }
    .oneUnit [class*="span"], .oneUnit .uneditable-input[class*="span"], .oneUnit .row-fluid [class*="span"] { width: 50% !important; float: left; } 
}
.videoHowTo1 { right: 6px; }
@media (max-width: 767px) { .videoHowTo1 { right: 0px; width: 16px; top: -8px; }}

.packageMsg { border: 2px dashed red; padding:10px 5px; margin-top: 10px; }
.btnEditClient { left: 0px; font-size: 20px; }
.ui-dialog-buttonset .buy_via { padding: 0 5px 0 15px; }

ul.clientInfo li .fieldName{ display: table-cell; padding: 0 5px 10px; }
ul.iTableInfo li .iInputStyle{ padding: 1px 0 1px 4px; }
.btnAddNewItem { right: 20px; }

#iframeContentPublicators, #pageSettingsPopup { background-color: #FFF; padding: 2%; width: 96%; top: 78px; left: 0; height: 100%; z-index: 20; border: none; }
.cardFullScreen{ background-color: #FFF; padding: 2% !important; width: 96% !important; top: 78px !important; left: 0 !important; height: 100% !important; z-index: 20; border: none; }
#clientFullDetails { background-color: #FFF; width: 400px; top: 78px; right: 20px; min-height: 400px; z-index: 20; border: solid 1px #ddd; padding: 0 4px; }
#clientFullDetails .closeFsPopup, #iframeContentPublicators .closeFsPopup,#pageSettingsPopup .closeFsPopup{  right: 2%; font-size: 26px; cursor: pointer; z-index:9; }
h2#clientName { display: inline; margin-right: 10px; padding-right: 10px; border-right: solid 1px #000; }
.SalespersonSalesTarget_Popup { left: 170px; }
.SalespersonSalesTarget_Popup .ttl{top:-2px; left:2px;}
.SalespersonSalesTarget_Popu_Leads{}
.SalespersonSalesTarget_Popu_Clients{left:432px;}
#StringArrayBuilderOuter { }
        #StringArrayBuilderPopup { width: 510px; height: 600px; margin: -267px 0 0 -180px; }
            #StringArrayBuilder_ValuesPane { height:200px; }
                #StringArrayBuilder_Values { position:relative; display:inline-block; width:97%; height:200px; border:1px solid black; overflow:scroll; resize:none; }
    .ui-widget-header { color: #000; border-top: 0; border-left: 0; border-right: 0; }
#StringArrayBuilderOuter_ContentBody { top: 300px; left: 14px; }
.sd-near { float: left; }
#SendToCrmBuilderPopup { width: 510px; height: 590px; margin: -280px 0 0 -230px; }
#SendToCrmBuilderOuter_tablsContent {margin-left:76px;}
#ToggleChat span { left: -10px; }
ul.userInModules ul.subMenuUserInModules{ list-style:none; margin-left: 20px; }
img.logo-img-new{ position: absolute; width: 32px; z-index: 0; top: 3px; left: 10px; }
.campaign-not-published-message{left: 10%; }
.row-fluid .box .dropdown-menu{text-align:left;}
/** RTL has custome css */
.chart .legend{float: right;}
.campFunnelVer4{margin-left:0 !important;}
#bottomTabsMedia table.roiTotalResultTopBar{margin-left: 2.5%;}
/* dropdown-menu */
.my-dropdown-container a.btn.mini{margin: 6px 0 0 10px;}    
.my-dropdown-container.top a.btn.mini{margin: 5px 0 0 9px;} 
.my-dropdown-container .my-multi-dropdown-menu{ left:0; }
.my-dropdown-container .my-multi-dropdown-menu li{padding-left: 6px;}
.my-dropdown-container .my-multi-dropdown-menu li i{ margin-right: 4px;}
/* dropdown-menu - action buttons (Leads&Contacts) */
#my-dropdown-container-actions .my-dropdown-menu li, .my-dropdown-container-actions .my-dropdown-menu li{ text-align: left }
.my-dropdown-container-actions .my-dropdown-menu{ right:0;  margin-top: 4px; }

table td.space-cell-left, table th.space-cell-left { border-left: solid 3px #2084A6 !important; }
table td.space-cell-right, table th.space-cell-right { border-right: solid 3px #2084A6 !important; }
#pageSettingsPopup .btnUpdateName, .field-chooser-content .btnUpdateName { position: absolute; right: 5px; cursor: pointer }
#pageSettingsPopup .btnMakeFilter, .field-chooser-content .btnMakeFilter { position: absolute; left: 5px; cursor: pointer }
.glyphicons.settings{top: -5px; left: 6px;}
#filters-popup .col-12{width: 100%; min-height: 1px; padding: 10px 15px 0;  box-sizing: border-box; margin-top: 10px; border-top: solid 1px #ddd;}    
#filters-popup .popup-header{height: 20px; border-bottom: solid 1px #ddd; margin-bottom: 15px; padding:0 0 5px 10px; }
#pageSettingsPopup div.portlet-title, .field-chooser-content div.portlet-title { color: #333; text-align: left; padding-left: 26px; }
#tblInfo_wrapper td.new-item img{position:absolute; top:0; right:0;}
/* My multi drop down menu */
ul.my-multi-dropdown-menu li { float: left; display: inline; position: relative; width: 100%; list-style: none; }	
ul.my-multi-dropdown-menu ul { position: absolute; right: 160px; top: 0; background: #FFF; display: none; }
ul.my-multi-dropdown-menu ul li{margin-right: 10px;}
ul.my-multi-dropdown-menu ul li.group-title{color:#333; border-bottom:solid 1px #e5e5e5; padding: 3px; font-weight: bold; cursor: default;}
ul.my-multi-dropdown-menu ul ul { right: 100%; top: 0; background: #999; }	
ul.my-multi-dropdown-menu li:hover > ul { display: block; }	
.ms-drop ul{direction:ltr;}
#filters-popup{left: 86px;}
.dropdown-menu { border: 1px solid #505050; -moz-box-shadow: -6px 0 10px -2px #888; -webkit-box-shadow: -6px 0 10px -2px #888; box-shadow: 6px 0 10px -2px #888; border: 1px solid #a2e3f3 !important; border-radius: 0px 15px 15px 15px !important; }
#importFromFbBut .help-content{ top: -2px; right: 2px;}
body .tooltip-inner{text-align:left;}

#tools_img { position: relative; width: 83%; top: -9px; left: 7px; }

/* Campaign Cell */
.portlet.box.grey > .portlet-title { padding: 7px 10px 0px 1px !important; }
#sortable_portlets .slimScrollDiv { position: relative; overflow: hidden; width: 40%; height: auto !important; left: -7%; margin-top: 1%; border: 1px solid #C4D4E1; border-radius: 25px !important; }
#funnel-data td{padding-right: 10px;}
.icon-landing-pages img{width: 24px; height: 24px; position:relative; left: 10px;}
#btnAddNewWebsite { top: -36px; right: -12px; }

/* switch-mode (sidebar menu)*/
.switch-mode-content { position: absolute; top: 15px; right: 12px; }
.page-sidebar-closed .page-sidebar .switch-mode-content { display: none; }

#verA .imgContent .designWebContent, #verB .imgContent .designWebContent{height: 100% !important; min-height: 266px; }
#filters-popup { left: inherit; right: 0; top: 137px; z-index: 12; }

body .portlet.box > .portlet-body .UnpublishedCamp > span { left: 6%; }

/* camp new version */
#camps_view .iCampActionIcon.editor { margin-top: 8%; left: 30%; }
#camps_view .iCampActionIcon.edit { margin-top: 38%; left: 30%; }
#camps_view .iCampActionIcon.preview { margin-top: 8%; left: 55%; }
    #camps_view .iCampActionIcon.disabled { cursor: default; }
        #camps_view .iCampActionIcon.disabled path, #camps_view .iCampActionIcon.disabled:hover path { fill: #8A888B; }
#camps_view .iCampActionIcon.duplicate { margin-top: 38%; left: 55%; }
#camps_view .overlay_camp .iCampActionIcon.edit { left: 16%; }
#camps_view .overlay_camp .iCampActionIcon.duplicate { left: 43%; }
#camps_view .overlay_camp .iCampActionIcon.overlay { margin-top: 38%; left: 67%; }

#camps_view .iCampActionIcon.integration { margin-top: 8%; left: 30%; }
#camps_view .iCampActionIcon.leads { margin-top: 38%; left: 30%; }
#camps_view .iCampActionIcon.analytics { margin-top: 8%; left: 55%; }
#camps_view .iCampActionIcon.users { margin-top: 38%; left: 55%; }

#camps_view .iCampActionIcon.extPixel { margin-top: 8%; left: 30%; }
#camps_view .iCampActionIcon.media_pixel { margin-top: 38%; left: 30%; }
#camps_view .iCampActionIcon.link_builder { margin-top: 8%; left: 55%; }
#camps_view .leftSideMenu ul, #camps_view .leftSideMenu li { list-style: none; text-align: left; padding: 10px; }
#camps_view .lcs_switch.lcs_off .lcs_cursor { left: 19px; }
#camps_view .lcs_switch.lcs_on .lcs_cursor { left: 3px; }
#camps_view .lcs_switch_small_container .text.edit_status { top: 0px; margin-left: 5px; }
#camps_view .created span { font-size: 12px; color: #8A888B; position: relative; top: -8px; margin-left: 4px; }
#camps_view .iActionsArea .separator { width: 2px; height: 100%; background-color: #8A888B; border-radius: 1px !important; min-height: 119px; float: left; }
.camp_email .img_content div.camp_email_icon { top: 0px; left: 0px; width: 27px !important; height: 27px !important; background: #0DA3E2 0% 0% no-repeat padding-box; border-radius: 6px 0px !important; z-index: 9; }
.camp_email .camp_email_icon svg { position: relative; top: 5px; left: 7px; }
    .camp_email .camp_email_icon svg path { fill: #131314; }

.myCustomCheckbox, .myCustomRadioBut { width: 15px; height: 15px; background: #8A888B 0% 0% no-repeat padding-box; border: 4px solid #8A888B; border-radius: 2px !important; display: inline-block; margin-right: 7px; cursor: pointer; }
    .myCustomCheckbox.small, .myCustomRadioBut.small { width: 12px; height: 12px; }
    .myCustomCheckbox.active, .myCustomRadioBut.active { background-color: #99CC33; }    
    .myCustomCheckbox.circle-small { width: 8px; height: 8px; border: solid 4px #2C2B2D; border-radius: 8px !important; }

/* AB Testing Version 2*/
.abVersionContent, .chooseBestVersionContent { border-radius: 16px !important; background-color: #201F20; padding: 0 46px; }
a.AB_BtnSave { top: 294px; left: 1635px; width: 231px; height: 42px; line-height: 42px; border-radius: 30px !important; background: #0DA3E2 0% 0% no-repeat padding-box; float: right; margin-top: 5px; text-align: center; vertical-align: middle; font-size: 18px; }
    a.AB_BtnSave:hover { color: #FFFFFF; }
.chooseBestVersionContent { height: 96px; line-height: 96px; margin-top: 20px; }
    .chooseBestVersionContent .myCustomCheckbox { position: relative; top: 5px; }
    .chooseBestVersionContent .font { font: normal normal bold 18px/24px Open Sans; color: #F0F0F0; letter-spacing: 0px; }
    .chooseBestVersionContent .text-box { background: #423F42 0% 0% no-repeat padding-box; width: 100px; height: 32px; border-radius: 6px !important; margin: 0 10px; padding: 0 5px; text-align: center; border: none !important; }
    .chooseBestVersionContent .select { background: #423F42 0% 0% no-repeat padding-box; border-radius: 6px !important; width: 124px; height: 32px; border: none !important; }

.abVersionContent { min-height: 502px; margin-top: 20px; padding-top: 46px; }
    .abVersionContent .ttl { color: #F0F0F0; font: normal normal normal 18px/24px Open Sans; letter-spacing: 0px; position: relative; top: -5px; margin: 0 5px; }

    .abVersionContent .ver { padding-left: 20px; padding-right: 20px; width: 20%; }
        .abVersionContent .ver .conv-info { width: 100%; line-height: 60px !important; height: 60px; border-radius: 6px !important; font: normal normal bold 24px/33px Open Sans; letter-spacing: 0px; color: #131314; text-align: center; vertical-align: middle; }
        .abVersionContent .ver .header { font: normal normal normal 24px/33px Open Sans; letter-spacing: 0px; margin: 20px 0 !important; position: relative; }
        .abVersionContent .ver img { width: 100%; height: 167px; border-radius: 6px !important; margin: 12px 0; }
        .abVersionContent .ver .statistics .ttl { margin: 20px 0; }
            .abVersionContent .ver .statistics .ttl .font { font: normal normal bold 14px/19px Open Sans; letter-spacing: 0px; text-align: center; }
            .abVersionContent .ver .statistics .ttl.visits { margin-right: 31%; }
            .abVersionContent .ver .statistics .ttl svg { position: relative; }
            .abVersionContent .ver .statistics .ttl.visits svg { left: 24%; }
            .abVersionContent .ver .statistics .ttl.visitors svg { left: 27%; padding: 2px 0; }
            .abVersionContent .ver .statistics .ttl.leads svg { left: 20%; padding: 4px 0; }
            .abVersionContent .ver .statistics .ttl .total-count { font: normal normal normal 24px/33px Open Sans; letter-spacing: 0px; color: #F0F0F0; position: absolute; left: -21px; text-align: center; width: 88px; }

    .abVersionContent .ver-A .conv-info { background: #F09AED 0% 0% no-repeat padding-box; }
    .abVersionContent .ver-A .header span { color: #F09AED; }
    .abVersionContent .ver-A .statistics .ttl .font { color: #F09AED; }

    .abVersionContent .ver-B .conv-info { background: #F8B633 0% 0% no-repeat padding-box; }
    .abVersionContent .ver-B .header span { color: #F8B633; }
    .abVersionContent .ver-B .statistics .ttl .font { color: #F8B633; }

    .abVersionContent .version_slider { width: 52.5%; position: relative; margin-left: 1.3%; }
        .abVersionContent .version_slider .slider { width: 74%; margin: 0 auto; }
        .abVersionContent .version_slider .version_value_preview { width: 12.8%; height: 40px; line-height: 40px !important; border: 2px solid #99CC33; border-radius: 21px !important; text-align: center; vertical-align: middle; font: normal normal normal 16px/22px Open Sans; letter-spacing: 0px; color: #F0F0F0; }
            .abVersionContent .version_slider .version_value_preview.va { left: 0px; top: 137px; }
            .abVersionContent .version_slider .version_value_preview.vb { right: 0px; top: 137px; }
        .abVersionContent .version_slider h3 { font: normal normal normal 18px/24px Open Sans; letter-spacing: 0px; color: #F0F0F0; margin: 80px 0 50px; }

@media only screen and (max-width: 1550px) {
    body .abVersionContent .version_slider h3 { font-size: 16px; }
}

body .abVersionContent .ui-widget-content .ui-state-default { background: #0da3e2; width: 30px; height: 30px; border-radius: 30px !important; top: -10px; border: 0; cursor: pointer; }
    body .abVersionContent .ui-widget-content .ui-state-default svg { position: relative; top: 7px; left: 6px; }

.abVersionContent .lcs_switch_small_container { padding-top: 0px; position: absolute; right: -10px; }
.abVersionContent .lcs_switch { background-color: transparent; width: 30px; height: 13px; margin: 0 10px; box-shadow: none; }
.abVersionContent .lcs_cursor { top: 2px; width: 9px; height: 9px; }
.abVersionContent .lcs_on .lcs_cursor { background-color: #0DA3E2; }
.abVersionContent .lcs_off .lcs_cursor { background-color: #8A888B; }
.abVersionContent .lcs_switch.lcs_off { border: solid 3px #8A888B; }
.abVersionContent .lcs_switch.lcs_on { border: solid 3px #0DA3E2; }

.abVersionContent .lcs_switch.lcs_on { background-color: transparent !important; }
.abVersionContent .lcs_label { display: none; }
.abVersionContent .lcs_switch_small_container .text { font-size: 12px; position: relative; top: -4px; }
/*.abVersionContent .lcs_switch.lcs_off .lcs_cursor { left: 19px; }*/
.abVersionContent .lcs_switch.lcs_on .lcs_cursor { left: 3px; }
.abVersionContent .lcs_switch_small_container .text.edit_status { top: 0px; margin-left: 5px; }

#best-version-content { top: 7px; left: 6px; }
    #best-version-content .popup { position: absolute; top: -39px; left: 26px; width: 288px; height: 124px; background: #2C2B2D 0% 0% no-repeat padding-box; color: #F0F0F0; font: normal normal normal 16px/21px Open Sans; padding: 12px 20px; border-radius: 6px !important; display: none; z-index: 10; }
#lblBestVersionMessage { color: #E91A1A; font-size: 18px; top: 4px; left: 9px; display: none; }
#createNewCampContent .coming_soon { background-color: #99CC33; top: 113px; right: 10.2%; width: 19.85%; height: 52px; z-index: 999; text-align: center; color: #000000; font-size: 24px; line-height: 52px; font-weight: bold; }




/* Create new Adset */
.mb27 { margin-bottom: 27px; }
#createNewCampContent .ttl { font: normal normal normal 24px/30px Open Sans; letter-spacing: 0px; color: #F0F0F0; }
#createNewCampContent .link { display: inline-block; height: 42px; line-height: 42px; vertical-align: middle; }
#createNewCampContent .buts a { display: inline-block; text-align: center; vertical-align: middle; height: 42px; line-height: 42px; }
    #createNewCampContent .buts a .abs { top: 11px; right: 12px; width: 20px; height: 20px; min-height: 20px; }
#createNewCampContent .buts .btnCancel { border: 1px solid #8A888B; border-radius: 21px !important; width: 156px; color: #8A888B; margin-right: 13px; }
    #createNewCampContent .buts .btnCancel:hover { background-color: #8A888B; color: #131314; }
#createNewCampContent .buts .btnContinue { width: 242px; background: #DFBE1C 0% 0% no-repeat padding-box; border-radius: 21px !important; color: #131314; border: solid 1px #DFBE1C; }
    #createNewCampContent .buts .btnContinue:hover { background-color: transparent; color: #DFBE1C; }
        #createNewCampContent .buts .btnContinue:hover path { fill: #DFBE1C; }
#createNewCampContent .buts .btnCancel, #createNewCampContent .buts .btnContinue { font: normal normal normal 16px/30px Open Sans; line-height: 42px; }

#createNewCampStep1 .myRadio { width: 12px; height: 12px; border-radius: 10px !important; background-color: #FFFFFF; display: inline-block; border: solid 3px; position: absolute; left: 10px; top: 17px; }
#createNewCampStep1 .iCampTypeCell { width: 20%; margin: 0 6%; border: solid 0px #fff; text-align: left; position: relative; cursor: pointer; }
    #createNewCampStep1 .iCampTypeCell h2 { font: normal normal normal 24px/30px Open Sans; letter-spacing: 0px; color: #8A888B; display: inline-block; padding-left: 70px; }
    #createNewCampStep1 .iCampTypeCell .text-content { min-height: 206px; margin-top: 27px; background: #201F20 0% 0% no-repeat padding-box; display: table; }
    #createNewCampStep1 .iCampTypeCell .text { padding: 0px 56px; font: normal normal normal 16px/24px Open Sans; letter-spacing: 0px; color: #8A888B; display: table-cell; vertical-align: middle; text-align: left; }
#createNewCampContent .spacingLine { margin: 52px 0; }
/*#createNewCampStep1 .fixed { width: 94%; top: 167px; background-color: #131314; }*/

/* Step 1 - Camp type selected mode */
#createNewCampStep1 .iCampTypeCell img { opacity: 0.5; }
#createNewCampStep1 .iCampTypeCell.active img { opacity: 1; }
#createNewCampStep1 .iCampTypeCell.active { cursor: default; }
    #createNewCampStep1 .iCampTypeCell.active h2 { color: #0DA3E2; }
    #createNewCampStep1 .iCampTypeCell.active .text-content { background: #0DA3E2 0% 0% no-repeat padding-box; border-radius: 12px !important; }
    #createNewCampStep1 .iCampTypeCell.active .text { color: #131314; }
    #createNewCampStep1 .iCampTypeCell.active .myRadio { background-color: #2699FB; }

/* Step 2 */
#createNewCampStep2 .blank { background-color: #fff; color: #2699FB; text-align: center; }
    #createNewCampStep2 .blank h2 { margin: 36px 0 24px; font-weight: bold; }
    #createNewCampStep2 .blank .subTtl { color: #2699FB; font: normal normal normal 18px/24px Open Sans; text-align: center; }
#createNewCampStep2 .iCampTypeCell { width: 26%; height: 237px; margin-right: 7%; position: relative; cursor: pointer; margin-bottom: 50px; overflow: hidden; }
#createNewCampStep2 .iCampTypeCellSelected { position: absolute; height: 217px; border: solid 10px #32CD32; text-align: center; cursor: default; width: calc(100% - 20px); display: none; }
#createNewCampStep2 .iCampTypeCellContent.active .iCampTypeCellSelected { display: block; }
#createNewCampStep2 .iCampTypeCellSelected .topTll { color: #162317; font-size: 16px; font-family: Open Sans; text-align: center; font-weight: bold; margin: 0 auto; width: 200px; padding-bottom: 10px; background-color: #32CD32; }
#createNewCampStep2 .bg-over { background: #040404 0% 0% no-repeat padding-box; opacity: 0.66; display: block; width: 100%; height: 100%; position: absolute; top: 0; }
#createNewCampStep2 .inner_section { top: 0; width: 100%; height: 100%; }
#createNewCampStep2 .inner_button { top: 68px; left: 33%; position: relative; z-index: 10; }
    /*#createNewCampStep2 .inner_section.selected .inner_button{top: 97px;}*/
    #createNewCampStep2 .inner_button .btn { width: 124px; height: 36px; display: table-cell; vertical-align: middle; font-weight: bold; }
#createNewCampStep2 .inner_prev { margin-bottom: 12px; }
#createNewCampStep2 .inner_section { display: none; }

/* Step 3 */
#createNewCampStep3 .dataRow { float: left; width: 49%; }
#createNewCampStep3 .dataRowLarge { float: left; width: 85%; }
#createNewCampStep3 .ttl { width: 13%; font: normal normal bold 20px/27px Open Sans; height: 2px; }
#createNewCampStep3 .subTtl { font: normal normal normal 16px/22px Open Sans; margin-bottom: 10px; }
#createNewCampStep3 .fields { width: 226px; font: normal normal normal 16px/22px Open Sans; }
    #createNewCampStep3 .fields div { height: 42px; padding-top: 8px; }
#createNewCampStep3 input[type=text] { height: 34px; width: 239px; }
    #createNewCampStep3 input[type=text].large { width: 366px; }
#createNewCampStep3 .checkboxContent { font: normal normal normal 16px/22px Open Sans; }
#createNewCampStep3 select { height: 42px; width: 235px; }
body #createNewCampContent #createNewCampStep3 input[type=text], body #createNewCampContent #createNewCampStep3 select { background: #423F42 0% 0% no-repeat padding-box; border-radius: 6px !important; border: none; color: #8A888B; font: normal normal normal 16px/22px Open Sans; }
#createNewCampStep3 .myCustomCheckbox { position: relative; top: 4px; }
#createNewCampStep3 .inputs div:not(.ms-drop):not(.ms-parent):not(.ms-search) { height: 56px; }
#createNewCampStep3 .spacer { width: 1160px; height: 2px; background: #8A888B 0% 0% no-repeat padding-box; }
#createNewCampStep3 .btnSave { background-color: #0DA3E2; width: 116px; height: 42px; border-radius: 21px !important; color: #F1F9FF; position: absolute; right: 20.5%; top: -41px; cursor: pointer; z-index: 99; }
#createNewCampStep3 textarea { border: 0 none; border-radius: 6px !important; width: 93.8%; height: 197px; }
#createNewCampStep3 .campEmailContent { padding: 0 34px; margin-top: 15px; }
    #createNewCampStep3 .campEmailContent span { padding: 0 20px; }
#createNewCampStep3 input[type=text].numeric { width: 93px; text-align: center; }
#createNewCampStep3 #remarks { width: 49%; margin-left: 13%; }
#createNewCampStep3 div.last { height: 42px !important; margin-bottom: 0; padding-bottom: 0; }
#createNewCampStep3 .datepickerLogo { margin: -6px 0 0 -32px; }
#createNewCampStep3 .messgeInfo, #createNewCampStep3 .messgeInfo a, #createNewCampStep3 .messgeInfo a span:first-child { color: #8A888B; font-size: 16px; }


/* Auto complete */
body #createNewCampContent .ms-parent { min-width: 377px; }
body #createNewCampContent .largeField .ms-parent { width: 71% !important; }
body #createNewCampContent .ms-choice { border-radius: 6px !important; height: 42px; border: 0 none; }
    body #createNewCampContent .ms-choice > span, body #createNewCampContent .ms-choice > div { top: 8px; font-size: 16px; }
body #createNewCampContent .ms-search input { width: 100%; }
body #createNewCampContent .ms-choice div { height: 22px !important; }
body #createNewCampContent .ms-drop ul li label { font-size: 16px; }

/* Edit Brand */
.portlet-tabs .nav-tabs > li { float: left; margin-right: 50px; }
.brandSettings .dataRow { float: left; }
.brandSettings .btnSave { background-color: #0DA3E2; width: 116px; height: 42px; border-radius: 21px !important; color: #F1F9FF; position: absolute; right: -300px; top: 10px; cursor: pointer; z-index: 99; border: solid 1px #0DA3E2; }
body .portlet-tabs .nav-tabs { position: initial; }
.brandSettings .information { float: right; }
    .brandSettings .information div { color: #8A888B; font: normal normal normal 14px/19px Open Sans; text-align: right; }
.brandSettings .btnCancel { background-color: transparent; width: 116px; height: 42px; border-radius: 21px !important; color: #0DA3E2; position: absolute; right: -170px; top: 10px; cursor: pointer; z-index: 99; border: solid 1px #0DA3E2; }
body #slider-range { width: 392px; height: 4px; background: #8A888B 0% 0% no-repeat padding-box !important; border-radius: 2px !important; position: relative; top: 18px; left: 90px; }
.btnGenerate { margin-left: 34px; width: 189px; height: 42px; line-height: 42px !important; background: #99CC33 0% 0% no-repeat padding-box; border-radius: 21px !important; text-align: center; font: normal normal normal 16px/22px Open Sans; letter-spacing: 0px; color: #131314; vertical-align: middle; display: inline-block; }
.BrandTab_Sms .circleCheckboxTtl { font: normal normal normal 16px/22px Open Sans; color: #F0F0F0; margin-right: 25px; }
.BrandTab_Sms .checkboxContent.first { margin-left: 40px; }
.emailFooterInformationContent .subTtl { color: #F0F0F0; font: normal normal bold 16px/22px Open Sans; margin-right: 4.8%; margin-bottom: 8px; }
.emailFooterInformationContent .innerSubMenuCol1 { font: normal normal normal 16px/22px Open Sans; margin-right: 7%; margin-left: 3%; display: inline-block; width: 11.5%; }
.BrandTab_Sms .accountStatusTtl { margin-right: 7%; font: normal normal normal 16px/22px Open Sans; }
.BrandTab_Sms textarea { margin-left: 3%; width: 384px; height: 145px; border: 0 none; border-radius: 6px !important; }
.brandSettings .ttl-info.open { position: absolute; top: 54px; left: 0; width: 15%; }
.brandNameTtl { font: normal normal normal 16px/22px Open Sans; margin-right: 9% }

#ToggleTour svg { position: relative; top: 8px; left: 12px; }
body[page-dir="-rtl"] #ToggleTour { left: 80px; right: auto; }

/* New menu */
.bodyContent .page-content-v2 .breadcrumb, .bodyContent-v2 .page-content .breadcrumb a { background-color: var(--bg-black); color: var(--bg-gray); }

.page-content-v2 .breadcrumb { background-color: #f0f0f0; padding: 20px 0 20px 80px; margin-bottom: 0; }
.mainTtlContent, body .footer { padding: 0 90px; }

@media (min-width: 980px) {
    .page-sidebar { position: fixed; z-index: 9996; top: 0; }
    .page-sidebar-opened .page-sidebar { width: 293px; }
}

.page-sidebar-closed .page-sidebar { width: 64px; height: 100% !important; }
body.page-sidebar-closed .page-sidebar, body.page-sidebar-opened .page-sidebar { height: 100% !important; }
body .sidebar-toggler { background-image: none; background-color: transparent; }
.page-sidebar .sidebar-toggler { width: 32px; height: 32px; margin: 0; padding: 0; }
.page-sidebar-closed ul.page-sidebar-menu { width: 64px !important; }
ul.page-sidebar-menu > li.iSidebarItem > a { padding: 0px !important; }
ul.page-sidebar-menu > li.iSidebarItem a { border: 0 !important; display: inline-block; position: relative; }
.page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem a span.title { left: 56px; }
ul.page-sidebar-menu > li.iSidebarItem a span.title { position: absolute; top: 15px; line-height: 20px; margin-left: 8px; }
    ul.page-sidebar-menu > li.iSidebarItem a span.title:hover { color: var(--color-white); display: inline-block !important; }

ul.page-sidebar-menu > li.iSidebarItem a span.title, ul.page-sidebar-menu > li.iSidebarItem a span.sub-title { padding: 6px; height: 20px; width: 155px; border-radius: 8px !important; color: var(--color-white); }

ul.page-sidebar-menu > li.iSidebarItem a span.sub-title { display: inline-block !important; }
/*ul.page-sidebar-menu > li.iSidebarItem a span.title, ul.page-sidebar-menu > li.iSidebarItem a span.sub-title{ background-color: var(--bg-popup-gray); }*/
.page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem a span.title:hover, .page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem a span.sub-title:hover, .page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem li.sub-item.active a span.sub-title { background-color: var(--bg-popup-gray); }
.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > a { padding-left: 9px !important; }

.page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem a svg.arrow_but { display: none; }

.page-sidebar-closed ul.page-sidebar-menu > li a img, ul.page-sidebar-menu > li div img { margin: 0 16px; }
.page-sidebar-closed ul.page-sidebar-menu > li:hover, .page-sidebar-closed ul.page-sidebar-menu > li:hover { width: 232px !important; position: relative !important; z-index: 2000; display: block !important; }
    .page-sidebar-closed ul.page-sidebar-menu > li:hover a { width: 100%; border-radius: 0px 8px 8px 0px !important; }
    .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu, .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu { width: 187px; position: absolute; z-index: 2000; left: 64px; margin-top: 0; top: 100%; display: block !important; }
    .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu { margin-top: -49px; padding-bottom: 7px; border-radius: 0px 0px 8px 0px !important; }

    .bodyContent .page-sidebar, .page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { background-color: var(--bg-black); }
.bodyContent ul.page-sidebar-menu > li.active > a,
.bodyContent ul.page-sidebar-menu > li.open > a,
.bodyContent ul.page-sidebar-menu > li > a:hover,
.bodyContent ul.page-sidebar-menu > li:hover > a { background-color: var(--bg-black); }


.page-sidebar-closed ul.page-sidebar-menu > li:not(.toggle_but):not(.sub-item):hover { width: 240px !important; position: relative !important; z-index: 2000; display: block !important; }

body.page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem.open a.link1 span.title { display: none !important; }
body:not(.page-sidebar-closed) ul.page-sidebar-menu > li.iSidebarItem.open, body:not(.page-sidebar-closed) ul.page-sidebar-menu > li.iSidebarItem.open a.link1 { background-color: #423F42; border-radius: 8px !important; }

body:not(.page-sidebar-closed) ul.page-sidebar-menu > li.iSidebarItem .selectedItem { display: none; }
.page-sidebar-closed ul.page-sidebar-menu > li.iSidebarItem { padding-left: 11px; }

/* Open Mode */
.page-sidebar-opened .iSidebarItem .title { font: normal normal normal 16px/14px Open Sans !important; padding: 3px 0 !important; }
ul.page-sidebar-menu > li:not(.toggle_but):not(.sub-item) { line-height: 58px; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open .selectedItem { display: block; background-color: #0DA3E2; width: 271px; height: 44px; position: absolute; top: 0px; left: 0px; border-radius: 8px 8px 0 0 !important; color: #131314; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open svg path { fill: #131314; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open span { font: normal normal normal 16px/14px Open Sans; color: #131314; /*top: 13px !important;*/ }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open img { position: relative; z-index: 99; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem img { margin: -3px 0 0 4px; }
/*ul.page-sidebar-menu > li.iSidebarItem svg.icon_item { margin: 0 12px; position: relative; top: 8px; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem svg.icon_item { margin: 0 4px; }*/
ul.page-sidebar-menu > li.iSidebarItem svg.icon_item { position: relative; fill: #f0f0f0; width: 32px; height: 32px; vertical-align: middle; margin-left: 5px; }
/*ul.page-sidebar-menu > li.iSidebarItem svg.icon_item:hover { fill: #0DA3E2; }*/
ul.page-sidebar-menu > li:not(.toggle_but):not(.sub-item):hover svg.icon_item { fill: #0DA3E2; }
.page-sidebar-opened ul.page-sidebar-menu > li:not(.toggle_but):not(.sub-item):not(.open):hover span.title span { color: #0DA3E2; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open svg.icon_item { fill: #131314; top: -7px; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem a span.title { top: 20px; width: 235px; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open a span.title { top: 13px; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem a svg.arrow_but { position: absolute; left: 252px; top: 24px; width: 10px; height: 6.489px; fill: var(--color-white) }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem.open a svg.arrow_but { fill: #131314; top: 21px; }
.page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem { padding: 0; margin: 0 11px; }
    .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-title { color: #F0F0F0; padding: 6px; margin: 0; line-height: 20px; }
    .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-item > a { padding-left: 12px !important; }
    .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-item:not(.open) > a:hover { }
    .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-item.active > a { }

    .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-item:not(.open) > a:hover, .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-item.active > a { background: #8A888B 0% 0% no-repeat padding-box; border-radius: 8px !important; padding-left: 0px !important; margin: 0 12px; }
    .page-sidebar-opened ul.page-sidebar-menu > li.iSidebarItem .sub-menu .sub-item > a:hover .sub-title { }
.page-sidebar-opened ul.page-sidebar-menu > li > ul.sub-menu { padding-bottom: 10px; }
.logo-content a img { max-height: 44px; margin-left: 10px; }
body .page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu { width: 188px; }
.page-sidebar-opened #sideMenu ul.page-sidebar-menu > li > ul.sub-menu { margin: 0px 0 8px 0; }

/* Integration */
#tab_main select, #tab_main input[type=text]:not(.center) { padding-left: 10px !important; padding-right: 10px !important; }
.google-sheets-content { margin: -88px 0 0 80px; }
#integrationSettingsArea .iCalenderBut { left: -34px; top: -5px; }
#integrationSettingsArea .datesTo { left: -15px; }
#integrationSettingsArea .checkboxContentGroup1 { margin: -88px 0 0 80px; width: 640px; }
#integrationSettingsArea .btnv2 .add.rlt { top: 1px; left: -6px; }
#integrationSettingsArea .help-content { top: -12px; left: 3px; }
#integrationSettingsArea #fillreq { margin: 2px 0px 20px 0px; padding: 3px 8px; border: solid 1px #ccc; width: 240px; }
#integrationSettingsArea .divider { background-color: #fff; margin: -69px 0 0 152px; }
#tab_main .span12 { margin-left: 0px !important; }