.navbar-spread {background-color: #0068B1;border-color: #0068B1; height:40px;min-height: 40px;}
.navbar-spread .navbar-brand {height: 40px;padding: 10px 25px; background-color:#7ab91d; color:#fff;font-size: 18px;float:left;}
.navbar-spread .nav { display: inline-table;}
.navbar-spread .nav > li{ float: left;}
.navbar-spread .nav > li > a {padding:10px 15px;color:#fff; font-size:14px;}
.navbar-spread .nav > li:first-child > a {margin-left:5px;}
.navbar-spread .nav > li > a:hover {background-color:transparent;color:#88b6fb;}
.navbar-spread .nav > li > a:focus {background-color:transparent;}
.navbar-spread .nav > .active >a {color:#88b6fb;}
.label-spread {margin-right:12px;padding:2px 5px;font-size:14px;display:inline;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}
.label {display:inline;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}
.navbar-spread .nav .open > a {color:#88b6fb; background-color:#0068B1;}
.navbar-spread .dropdown-menu > li {text-align:center; }
.navbar-spread .dropdown-menu > li a {color:#727171; font-size:12px;}
.navbar-spread .nav:last-child {margin-right:5px;}
.navbar-spread .nav:last-child > li > a {font-size:12px;}
.navbar-spread .nav:last-child > li::before{content:"|"; float:left; padding-top:8px; color:#fff;}
.navbar-spread .nav:last-child > li:first-child:before{content:""; float:left; padding-top:8px; color:#fff;}
.navbar-spread .nav:last-child > li:first-child > a{border-left-width:0;}
.navbar-spread-bottom{background-color: #ececec;border-top: 5px solid #dadada; min-height: 100px;margin:0px;}
.navbar-spread-bottom .container{text-align:center;background-color:transparent;}
.navbar-spread-bottom a, .navbar-spread-bottom p {color:#4c4c4c; font-size:14px;}
    .navbar-spread-bottom .nav {
        display: inline-table;
        margin: 25px auto 10px;
    }
.navbar-spread-bottom .nav > li {float:left;}
.navbar-spread-bottom .nav > li > a{padding: 3px 15px;}
.navbar-spread-bottom .nav > li > a:hover, .navbar-spread-bottom .nav > li > a:focus{background-color:transparent;}
.navbar-spread-bottom .nav > li::before{content:"|"; float:left; padding-top:2px;}
.navbar-spread-bottom .nav > li:first-child:before{content:"";}
.jumbotron-spread {background-color:#e6f7fc; color:#0068b1; font-size:30px; text-align:center; padding: 25px; margin:25px 65px 15px 65px;}
.media-ul-spread{color:#727171; font-size:14px;}
.media-ul-spread > li{border-bottom:1px dashed #9fa0a0; padding: 20px 0}
.media-ul-spread > li:last-child{border-bottom-width:0;}
.media-ul-spread .media-left{padding-right:30px;}
.media-ul-spread h4{font-size:18px; font-weight:600;color:#595757;margin-bottom: 10px; margin-top:30px;}
.media-ul-spread .btn, .content-spread .btn:focus{background-color:#02336e; color:#fff; border-width:0; font-size:18px;padding:6px 40px; margin-top:40px;}
.ui-dialog-titlebar-close{border: 1px solid #d3d3d3;background-image: url("../Scripts/jQueryUI/css/smoothness/images/ui-icons_888888_256x240.png");background-position: -95px -127px;background-repeat: no-repeat;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border-top-right-radius: 4px;border-top-left-radius: 4px;height:20px;}
#AccountCenter1_ddlAccounts{width:180px;font-size:15px;} 
.navbar-right {float: right!important;}
#AccountCentreDiv{height:50px;width:100%;z-index:0;}
#AccountCentreDiv table{height: 100%;}
    #AccountCentreDiv a {
        color: White;
        line-height: 40px;
        font-size: 18px;
        font-weight: normal;
    }
#AccountCentreDiv a:hover{background-color:transparent;color:#88b6fb;text-decoration:none;}
#AccountCentreDiv a img{border:0px;}
.navbar-default .navbar-brand:hover{color:#FFF !important;}
#cls1_LoginName2 {color:White ;font-size:15px;text-shadow:0 0 0 #fff;/*font-weight: bold;*/line-height:28px;}
/*@media screen and (max-width: 1110px){#AccountCentreDiv {display:none;}}*/
.a_hover_none{text-decoration:none;cursor:pointer;}   
.a_hover_none a:hover{text-decoration:none;cursor:pointer;}
.ddlDomainExportType {max-width:120px;min-width:80px;}
.btnExport {background:#ccc;min-width:80px;max-width:100px;}
.btnCopyToList {background:#ccc;min-width:80px;max-width:160px;}
.sureBtnCopyToList {background:#ccc;margin-left:10px;width:132px;}
.clickUrl {display:none;border-color:#000;}
.clickUrl > table {width: 96%;}
.clickUrl > table >thead{border-color:#000;color:#000;}
.clickUrl > table >thead > td{text-align: left;}
.ShowSubscriber {display:none;border-color:#000;}
.ShowSubscriber >table{width: 96%;}
.unsubscriberBar {float:right;border:1px solid #ccc;}
.unsubscriberLeftBar {float:left; }
.unsubscriberRightBar {float:left;}
.unsubscriberLeftBar > ul {margin:0px;padding:0px;}
.unsubscriberRightBar > ul {margin:0px;padding:0px;float:left;}
.unsubscriberLeftBar > ul > li {list-style:none;padding:0px;margin:0px;}
 .unsubscriberColumnsBar > ul > li {list-style:none;padding:0px 10px;}
.unsubscriberColumnsBar > ul {padding:0px;margin:0px;}
.unsubscriberRightBar {border-left:1px solid #ccc;}
#reportField,#subscriberField {text-decoration:underline;font-style:italic;}
#subscriberBaseFieldList {float:left;}
#subscriberDefaultFieldList {float:left;}
.fieldClose {font-weight:bold;float:right;}
.filterBar {float:right;bottom:0px;padding:0px;margin:10px 0px 0px 0px;}
.FieldsFilterLink {float:right;}
.copyMsg {min-width:180px;color:red;font-weight:500;font-size:16px; line-height:14px;padding:10px 0px;}
#tbClickTracking a {cursor:pointer;}
.statsLeft {float:left;width:360px;}
.statsRight {float:right;}
.ShowCampaign {cursor:pointer;}
a.details {cursor:pointer;}
.FullMessage {font-family: "Consolas","Lucida Console",Monospace;width:100%;background:#FFFFCC;font-size: 14px;margin: 0;padding: 0.5em;line-height: 20px;height:100%;word-break:break-all; }
.row {margin-top:10px;}
.warning {border:1px solid red;}


/*Spread7.0*/
.skin-blue .main-header .navbar{background-color:#02336E!important;height:50px;}
.btn,.btnExport,.btnCopyToList,.sureBtnCopyToList{color:white;background-color:#02336E;}
.btn:hover,.btnExport:hover,.btnCopyToList:hover,.sureBtnCopyToList:hover{background-color:#23599a;}
input.btn{color:white!important;}
.navbar-header .navbar-toggle{float:left;}
#leftmenu li{float:unset!important;}
#masterCPH,
#masterCPH .cphtop {
    min-height: 100%;
}
    #masterCPH .cphtop {
        margin: 0px 20px 0 20px;
    }
#leftmenu .pull-left{float:unset!important;width:100%;}
#leftmenu #nm1_Menu1 a.static.selected{background-color:#E6E6E6;text-decoration:none;}
#nm1_Menu1 .MainMenu{padding:15px 30px 15px 15px;font-size:15px;font-weight:bold;}
#nm1_Menu1 .MainMenu:hover{background-color:#E6E6E6}
#leftmenu .pull-left.nav.navbar-nav.toptag{width:155px;position:fixed;}
.navbar-brand span#Label3{color:white;}
#MainDiv{display:flex;flex-grow:1;flex-shrink:1;min-width:0;padding-top:50px;}
#leftmenu{display:none;flex-shrink: 0;flex-grow: 0;transition: margin-left cubic-bezier(0.4,0,0.2,1) 218ms;width:156px;border-right:1px solid #c7b9b9;}
#MainContent{display:flex;flex: 1;flex-direction: column;min-width: 0;}
.mainnavmenu{padding:0 10px 0px 0;color:white;float:left;margin-top:-3px;}
#leftmenu .navbar-nav {float:unset!important;}
.titleline{width:1px;background-color:#b5b5b5;height:30px;float:left;margin-top:10px;}
.navmenuitems {float:left;margin-left:10px;max-width:750px;height:50px;overflow:hidden;background-color:#02336E;}
.navmenuitems .navmenuitem {float:left;margin-right:0px;height:50px;}
.navmenuitems .navmenuitem:hover {}
.navmenuitems .navmenuitem a{color:white;font-size:18px;line-height:50px;padding:7px 4px;}
.navmenuitems .navmenuitem a:hover{text-decoration:none;background-color:#23599a;}
.navmenuitems .navmenuitem .showdownmenu{width:30px;}
.navmenuitems .navmenuitem a.unlink:hover{background-color:unset;cursor:unset;}
.space{margin-left:15px;}
.showdownmenulink, .unlink {
    text-align: center;
}
.navbar-header .navbar-brand{min-width:155px;text-align:center;}
.navbar-header .navbar-brand:hover{background-color:#23599a;}
#MainDiv #siteMapPath {position:fixed;display:none;background-color:#aad3ef;min-height:37px;/*width:100%;*/z-index:100;}
#MainDiv #siteMapPath ul{padding:0;margin-bottom:0;}
#MainDiv #siteMapPath ul li{padding:0 20px 0 15px;}
#MainDiv #siteMapPath #submenu{font-size:15px;border:1px solid #25a2f9;border-top:0;background-color:#aad3ef}
#MainContent #siteMapPath #submenu a:hover,#nm2_Menu1 ul li:hover,#MainContent #siteMapPath #submenu ul li:hover{background-color:#7ec4f3;text-decoration:none;}
#MainContent #siteMapPath{color:#000000;line-height:40px;padding:0px;}
#MainContent #siteMapPath #submenu a{color:#000000;line-height:31px;padding:3px 1px;font-size:15px!important;display:block;}
#MainContent #siteMapPath a{color:white;}
#siteMapPath #nm2_Menu1 a {font-size:15px;color:#000000;}
.headbutton .btn{background-color:#aad3ef;color:black!important;}
input.btn-primary1,input.btn-login{background-color:#02336E;border:1px solid #02336E}
.headbutton .btn:hover,.headbutton .input-group .form-control:hover{background-color:#93c8ec;}
.headbutton {background-color:#aad3ef;margin-left:-20px;width:100%;position:fixed;z-index:7;border: 0;line-height:40px;padding: 2px 10px;}
    .headbutton .input-group, .headbutton .btn {
        height: 40px;
        padding: 7px 4px;
        font-size: 15px;
        line-height:26px;
    }
        .headbutton .input-group, .headbutton .btn span {
            line-height:1;
        }
        .headbutton .input-group {
            display: inline-flex;
        }
.input-group.btn{padding:0;}
.input-group .input-group-btn{width:unset;}
.headbutton .input-group .form-control {
    margin: auto;
    padding: 7px 4px;
    background-color: #aad3ef;
    border-color: transparent;
    color: black;
    font-size: 15px;
}
.blowheaddiv{height:64px;}
select:hover {cursor:pointer;}
a.btn.btn-default span{color:#ffffff}
body .btn{font-size:15px;}  
table.GeneralGv tr.gvPager td table tr td.gvPager table tr.gvPager td table tr td,
#cph_TemplateSettings1_gvTemplate tr.gvPager table tr td,
#cph_spm_gv tr.gvPager td table tr td,
#cph_Management_AllSentReport1_gvReport tr td table tr td,
#cph_Management_ResendCampaign1_gvReport tr td table tr td,
#cph_Management_AllBouncedReport1_gvReport tr td table tr td,
#cph_Management_Invoice1_gv1 tr td table tr td,
#cph_Management_Products1_gv1 tr td table tr td{padding:0 5px;}
table.GeneralGv tr.gvPager td table tr td.gvPager table tr.gvPager td table tr td:hover,
#cph_TemplateSettings1_gvTemplate tr.gvPager table tr td:hover,
#cph_spm_gv tr.gvPager td table tr td:hover,
#cph_Management_AllSentReport1_gvReport tr td table tr td:hover,
#cph_Management_ResendCampaign1_gvReport tr td table tr td:hover,
#cph_Management_AllBouncedReport1_gvReport tr td table tr td:hover,
#cph_Management_Invoice1_gv1 tr td table tr td:hover,
#cph_Management_Products1_gv1 tr td table tr td:hover{cursor:pointer;background-color:#d8d3d3;}
.form-control.select{width:unset;display:inline;}
/*a.btn span.glyphicon{margin-right:4px;top:2px;color:#064796;}*/
.newbtn{background-color:#02336e;color:#ffffff;border:1px solid transparent;}
.newbtn:hover{background-color:#0c51a5;}
#cph_cmea1_ddlSelectUser{height:24px;}
.paddingtop10{padding-top:10px;}
.margintop10{margin-top:10px;}
.spreadwidth{width:300px;}
.navbar-custom-menu {
    background-color: #02336e;
}
.navbar-custom-menu ul.navbar-nav li.dropdown a.dropdown-toggle {
    margin-top: 4px
}
.navbar .navbar-custom-menu .dropdown-menu {
    min-width: 160px;
}

    .navbar .navbar-custom-menu .dropdown-menu > li {
        padding: 3px 0px;
    }

        .navbar .navbar-custom-menu .dropdown-menu > li:hover {
            background-color: transparent;
            padding: 3px 0px;
        }
.navbar-nav>li.dropdown>a{padding-top:7px;padding-bottom:5px;height:41px;}
/*ul.dropdown-menu{border-color:#25a2f9;background-color:#aad3ef;}
ul.dropdown-menu>li>a{color:#000000;}*/
/*Admin Header*/
#siteMapPath #nm2_Menu1 ul,#siteMapPath #nm2_Menu1 ul li{position:unset!important;width:unset!important;float:unset!important;}  
#siteMapPath #nm2_Menu1{border:1px solid #25a2f9;border-top:0;} 
#AccountStatus{padding: 15px;border: 1px solid darkgoldenrod;background-color: #E6F7FC;border-style: Dashed;margin: 10px 0px;}
.navbar-brand span#Label3,.navmenuitems .navmenuitem a{font-size:18px;font-weight:bold;}
.header-icon{background-color:#FFFFFF;width:22px;height:2px;border-radius:1px;display:block;margin-top:5px;}
.lbtnJumpTo img{width:24px;height:24px;margin:auto;margin-left:5px;}
.lbtnJumpTo img:hover{background-color:#23599A}
/*.navbar-nav li#account a{padding-bottom:9px;}*/
/*.navbar-nav li#language a{padding-bottom:11px;}*/
.navbar-nav li#account a.dropdown-toggle:hover, .navbar-nav li#language a.dropdown-toggle:hover, .navbar-nav li#agentPanel a.dropdown-toggle:hover {background-color: #23599A}
.navbar-nav li#language a.dropdown-toggle img,.navbar-nav li#language a.dropdown-toggle .caret{margin-top:6px;}
#account .label-spread{margin-right:5px;line-height:28px;}
#account .label-spread img{width:21px;margin-top:-3px;}
th{white-space:nowrap;}
#RecentCmapaignsTable th{white-space:unset;}
th.ReasonableSub .addcreative a {margin:0 5px;}
/*Dashboard*/
.dashboard div.dbitem{margin:12px 1% 12px 1%;padding:0}
.dashboard div.dbitem div.dbcontent{width:100%;/*box-shadow: 0px 0px 5px 1px #c4c4c4;*/overflow:hidden;border:1px solid #c4c4c4;}
.dashboard div.col-md-6.dbitem div.dbcontent{height:400px;}
.dashboard {background-color: #FBFBFB;float: left;}
.dashboard div.dbitem{background-color:white;}
.dbtabletitle{font-size:15px;}
.dbdrowdown{float:right;line-height:33px;padding:0;border-left:1px solid #e7dfe7;}
.dbtabletitle, .dbtabletitle+div {
    border-bottom: 1px solid #e7dfe7
}
.dashboard div.col-md-6.dbitem div.dbcontent .dbtabletitle + div {
    height: 333px;
}
.dashboard div.col-md-6.dbitem div.dbcontent .textnotes {
    height: 33px;
}
.texttitle,.textnotes,.NoWaitingCampaign{padding:0 10px;line-height:33px;}
.textnotes{font-size:12px;}
.intelligencetable{width:100%;text-align:center;}
.intelligencetable tr td{width:16%;padding:8px 5px;}
.CampaignPerformance .intelligencetable tr td{padding:5px 5px;}
.CampaignPerformance .intelligencetable{width:90%;margin-left:5%}
.intelligencetable tr td:not(:first-child),.databasegrowthtable tr td:not(:first-child){border-left:1px solid #cfc9c9;border-left-style:dotted;}
.intelligencetable.cltv span{color:#474EBB;font-size:18px;}
.intelligencetable.contacts span{color:#023576;font-size:18px}
.RecentLists .intelligencetable{text-align:left;margin-left:2%;width:96%;}
.RecentLists .intelligencetable tr td:not(:first-child), .databasegrowthtable tr td:not(:first-child){border-left: 0px solid #cfc9c9;}
.RecentLists .intelligencetable span{font-size:30px;}
.databasegrowthtable{width:100%}
div.dbdescription{margin-left:10%;margin-bottom:20px;margin-top:10px;}
.mobileengagementdes{width:50%;float:left;}
.textnotes .dblink{color:#6597CF;float:right;font-weight:bold;font-size:12px;}
#RecentCmapaignsTable,#ScheduledCampaignsTable{width:95%;margin-left:2%;margin-top:25px;font-size:14px;color:#000000;text-align:center;}
#RecentCmapaignsTable th,#ScheduledCampaignsTable th{font-size:14px;}
#RecentCmapaignsTable tr td{border-top:1px solid #E3E6E4;line-height:45px;max-width:180px;overflow:hidden;white-space:nowrap;}
.RecentListPerformance #RecentCmapaignsTable,.RecentLists #RecentCmapaignsTable{text-align:center;}
.RecentListPerformance #RecentCmapaignsTable tr td{line-height:unset;padding:4px 0;}
.imgloading{margin:50px 0 0 45%;width:50px;display:none;}
.RecentListPerformance #RecentCmapaignsTable span{font-size:12px;}
.RecentLists #RecentCmapaignsTable tr td{line-height:40px;}
.dashboard .CampaignStatus{background-color:#02336e;color:#ffffff;padding:1px 4px;}
#RecentCmapaignsTable tr td:not(:first-child),#ScheduledCampaignsTable tr td:not(:first-child){padding-left:0px;}
.dbdrowdown .form-control{border:0px solid #ccc;height:33px;}
.reportlink{color:#29afea;font-weight:bold;text-decoration:underline;}
.reportcount{font-size:20px;font-weight:bold;color:#000000;}
.piechartdes div{margin:15px;}
.piechartdes .span-icon{height:10px;width:10px;display:inline-block;margin:0 3px 2px 0;}
.piechartdes .span-icon.uniqueopens{background-color:#199405;}
.piechartdes .span-icon.bounced{background-color:#0880C5;}
.piechartdes .span-icon.notopened{background-color:#EF4A06;}
.otherdes div{margin:11px;}
.piereport{float:left;width:50%;min-width:490px;margin-bottom:15px;}
.piereport table{width:95%;}
.piereport table tr:first-child{border:1px solid #DBD9DB;background-color:#F4F3F4;}
.piereport table tr:not(:first-child){border-bottom:1px solid #F6F5F6;}
.piereport table tr td{padding:8px 0 0 8px;}
.campaignreport{padding-top:20px;border-top:2px solid #dadada;float:left;width:93%;margin-left:5%;}
.campaignreport .totalsent span{line-height:160px;font-size:20px;}

.campaignreport .campaignreportitem{/*float:left;*/padding:0 0.5%;}
.borderright{border-right:1px solid #dadada}
.campaignrepordes{float:left;color:#000000;font-size:15px;}
.campaignrepordes div{padding:12px;}
.campaignreportitem table span{font-size:23px;}
.campaignreportitem table td{padding:10px 10px;}
.Automation .intelligencetable span{font-size:25px;color:#4c4c4c;}
.imagetable tr td{padding:0 0 0 5px;}
.imagetable tr{border-bottom:1px solid #e7dfe7;line-height:50px;}
.imagetable{margin:30px 0 0 3%;width:94%;}
.container-fluid.headerContent{padding-right:0;}
#campaignreportTable,#campaignreportTable table{width:100%}
.DoughnutChartdes{float:left;padding:32px 0 0 10px;}
.campaignreportitem .destable td{padding:12px 0 12px 20px;}
.reportcontent{float:left;width:93%;box-shadow: 0px 0px 5px 1px #c4c4c4;margin-bottom:20px;margin-left:5%;margin-top:20px;}
.reportmenu ul li{float:left;margin-right:0px;list-style-type:none;}
.reportmenu ul .btn{color:#000000!important;background-color:#f0f0f0}
.reportmenu ul .btn.btnselected{background-color:#dcdcdc}
.reportmenu ul .btn:hover{background-color:#d5d5d5}
.reportmenu ul{padding-left:0;margin-top:-10px;}
.reportcontent .contentitem{margin-top:45px;box-shadow: 0px 0px 5px 1px #c4c4c4;}
.NoWaitingCampaign{font-size:16px;color:#ff0000;margin-top:25px;}
.dashboard .dbheader{float:left;}
.dashboard .dbheader div.usagediv{padding:5px 0 0 5px;font-size:14px;width:100%}
.dashboard .dbheader .usage,.dashboard .dbheader .CMusage{font-size:20px;padding-top:10px;color:#505050;font-weight:bold;}
.dashboard .dbheader .CMusage{padding-top:3px;}
.dashboard .dbheader img{width:80px;height:80px;}
.dashboard div.col-md-6.col-lg-3.dbitem div.dbcontent{height:unset;}
.dashboard .col-md-12{position:unset;}
.dashboard .col-lg-4.dbitem.col-sm-6 .dbcontent{height:82px;}
.dashboard .dbitem .dbcontent .dbheader:last-child {
    width: calc(100% - 80px);
    height: 80px;
}

/*.reportcontent .reportmenu{float:left;width:4%;}
.reportcontent .contentitem{float:left;width:96%}*/
    .down-icon {
        border-top: 8px solid #585858;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        position: relative;
        float: right;
        margin: 0 8px 0 6px;
        top: 11px;
    }
.daterangepicker .ranges li{list-style-type:none;}
#CampaignPerformanceContent .CampaignPerformanceChart img {height:170px!important;width:170px!important;}
#CampaignPerformanceContent .CampaignPerformanceChart{float: left; width: 45%; margin: 10px 0 0px 3%; min-width: 274px;}

/*Button Icon Style*/
.spreadicon {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 18px;
    background-size: 100% 100%;
    margin: 0px 3px 0px 0px;
    top: 4px;
    font-size: 18px;
    color: #064796;
}
.spreadicon-add{background-image:url("/images/ButtonIcon/create_email_SMS.png")}
.spreadicon-pause{background-image:url("/images/ButtonIcon/Pause.png")}
.spreadicon-resume{background-image:url("/images/ButtonIcon/Resume.png")}
.spreadicon-delete{background-image:url("/images/ButtonIcon/Delete.png")}
.spreadicon-rename{background-image:url("/images/ButtonIcon/Rename.png")}
.spreadicon-publish{background-image:url("/images/ButtonIcon/Publish.png")}
.spreadicon-multi_report{background-image:url("/images/ButtonIcon/Multi_Report.png")}
.spreadicon-folder_report{background-image:url("/images/ButtonIcon/Folder_Report.png")}
.spreadicon-active_private{background-image:url("/images/ButtonIcon/Active_Private.png")}
.spreadicon-active_public{background-image:url("/images/ButtonIcon/Active_Public.png")}
.spreadicon-bounce_report{background-image:url("/images/ButtonIcon/Bounce_Report.png")}
.spreadicon-copyxcreate{background-image:url("/images/ButtonIcon/CopyxCreate.png")}
.spreadicon-create_email{background-image:url("/images/ButtonIcon/Create_Email.png")}
.spreadicon-create_SMS{background-image:url("/images/ButtonIcon/Create_SMS.png")}
.spreadicon-create_SMS,.spreadicon-create_email{width:22px;}
.spreadicon-export{background-image:url("/images/ButtonIcon/Export.png")}
.spreadicon-export_to_excel{background-image:url("/images/ButtonIcon/Export_to_Excel.png")}
.spreadicon-export_to_PDF{background-image:url("/images/ButtonIcon/Export_to_PDF.png")}
.spreadicon-import{background-image:url("/images/ButtonIcon/Import.png")}
.spreadicon-permanent_delete {
    background-image: url("/images/ButtonIcon/Permanent_Delete.png");
    width: 16px;
    height: 16px;
    top: 3px;
}
.spreadicon-progress{background-image:url("/images/ButtonIcon/Progress.png")}
.spreadicon-SMS_replies{background-image:url("/images/ButtonIcon/SMS_Replies.png")}
.spreadicon-user_right{background-image:url("/images/ButtonIcon/User_Right.png")}
.spreadicon-web_form{background-image:url("/images/ButtonIcon/Web_Form.png")}
.spreadicon-upgrade{background-image:url("/images/ButtonIcon/buy_upgrade.png")}
.gvRow a{cursor:pointer;}
#editorTag .ui-state-active,.ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color:#aad3ef;border:1px solid #c5c5c5}
#ScheduledCampaignsTable tr td{border-top: 1px solid #E3E6E4;padding:13px 0;max-width:200px;overflow:hidden;white-space:nowrap;}
#dCampaignDetail #divMsg2,#dCampaignDetail #divMsg{position:relative;z-index:101;}
html body .aspNetDisabled:hover{cursor:not-allowed;text-decoration:unset}
/*subject add emoji*/
.ShowEmoticon{float:left;width:3%;background-Image:url(/images/emoji.svg);width:35px;height:35px;}
.EmoticonList{position:absolute;background-color:#FFFFFF;width:310px;border:1px solid #a7a7a7;padding-top:8px;z-index:100;display:none;}
.EmoticonList span{padding:5px;cursor:pointer}
.DateStyle{display:inline-block !important;margin-left:15px;height:34px;color:#555;border:1px solid #ccc;padding:6px;}
@media (max-width:767px){
    .navbar-custom-menu .navbar-nav > li.dropdown > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-nav li#language a.dropdown-toggle img, .navbar-nav li#language a.dropdown-toggle .caret{
        margin-top: 5px;
    }
    .navbar-custom-menu .navbar-nav .dropdown#account a .label-spread {
        margin-right: 0;
    }
    .navbar-custom-menu .navbar-nav .dropdown#account  a > *:not(.label-spread) {
        display: none;
    }
    
    .main-header .navbar-collapse.pull-left + .navbar-custom-menu {
        right: 3px;
    }
   .navbar-header button.navbar-toggle{display:none;}
   .navbar-header .navbar-brand{min-width:auto;}
    .navbar-header .navbar-brand #Label3{
        display: none;
    }
    .navbar-brand {
        font-size: 15px;
    }
/*   .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{content:unset;}*/
    .headerContent .navbar-header:after, .headerContent .navbar-header:before {
        content: unset;
    }
    .blowheaddiv {
        height: 105px;
    }
   .mainnavmenu{padding: 0px 3px 0px 12px;}
  .main-header .navbar-brand{padding:15px 10px;}
    .container-fluid.headerContent {
        padding-left: 0;
    }
  #leftmenu .navbar-nav{margin:0;}
  #leftmenu{width:100px;}
  .navmenuitems .navmenuitem .showdownmenu{width:20px;}
  .navmenuitems .navmenuitem a{padding:7px 0;}
 #nm1_Menu1 .MainMenu{font-size:12px;}
 .navbar-brand span#Label3, .navmenuitems .navmenuitem a{font-size:12px;}
 .header-icon{width:18px;}
  #leftmenu .pull-left.nav.navbar-nav.toptag{width:99px;}
  .navmenuitems .navmenuitem .showdownmenu{line-height:47px;}

    .jumbotron.jumbotron-spread {
        margin: 25px auto;
    }
    .media-ul-spread .media-body, .media-ul-spread .media-left, .media-ul-spread .media-right {
        max-width:100%;
        display: block;
        text-align: center;
    }
    .media-ul-spread .media-left, .media .media-right {
        padding: 0;
    }
    .media-ul-spread img.media-object{
        display: inline;
    }
    .dashboard .dbitem .dbcontent{
        min-width: auto !important;
    }

    .dashboard {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .dashboard .dbitem .dbcontent .dbheader:last-child {
        overflow: auto;
    }
    .dashboard .dbitem .dbcontent .dbtabletitle + div, #cph_AccountReport_ctl25 {
        width: 100%;
        overflow: auto;
    }
    .dashboard .dbitem.col-md-12 .dbcontent .dbtabletitle + div > * {
        min-width: 1200px;
    }
    .dashboard .dbitem.col-md-6 .dbcontent .dbtabletitle + div > * {
        min-width: 600px;
    }
    .dashboard .dbitem .dbcontent .dbborderbottom .mobileengagementdes {
        min-width: 320px;
    }
    #cph_AccountReport_ctl25 .dbborderbottom {
        height: 366px;
    }
    .dashboard div.col-md-6.dbitem div.dbcontent {
        height: auto;
    }
    #cph_sdv1_filtersVal>td:last-child {
        padding-left:15px;
    }
        #cph_sdv1_filtersVal > td:last-child > div,
        #cph_sdv1_filtersVal > td:last-child > div:not(:first-child)>* {
            padding-left: 0;
        }

        .table-test td {
            display: block;
            width:100%;
            max-width:100%;
            padding: 5px 15px;
        }

    .w-xs-100 {
        width: 100% !important;
    }
}
@media(min-width: 768px){
    .dashboard .col-sm-6 {
        width: 48%;
    }
}
@media(min-width: 992px){
    .dashboard .col-md-12{width:98%;}
    .dashboard .col-md-6{width:48%;}
}
@media(min-width: 1185px) and (max-width:1313px){
    #CampaignPerformanceContent .CampaignPerformanceChart{width: 50%; margin: 20px 0 0px 0; min-width: 243px;}
    #CampaignPerformanceContent .CampaignPerformanceChart img {height:150px!important;width:150px!important;}
    .CampaignPerformance .intelligencetable{width:100%;margin-left:0;}
}
@media(min-width: 1200px){
    .dashboard .col-lg-4{width:31.33333333%;}
}
@media(min-width: 1185px) and (max-width:1426px){
    #CampaignPerformanceContent .CampaignPerformanceChart img {height:150px!important;width:150px!important;}
    .DoughnutChartdes{padding:24px 0 0 5px;}
}
@media(min-width: 1082px) and (max-width:1184px){
     #CampaignPerformanceContent .CampaignPerformanceChart{width: 50%; margin: 35px 0 0px 0; min-width: 224px;}
    #CampaignPerformanceContent .CampaignPerformanceChart img {height:130px!important;width:130px!important;}
    .DoughnutChartdes{padding:15px 0 0 5px;}
    .RecentEmailCampaigns .dbcontent div.dbborderbottom #RecentCmapaignsTable{margin-top:5px;}
    .RecentEmailCampaigns .dbcontent div.dbborderbottom {height:328px!important;}
}
@media(min-width:992px) and (max-width:1081px){
     .dashboard .col-md-6{width:98%;}
}

@font-face{
    font-family:"RobotoForSpread";
    src:url(/Styles/Font/Roboto-Regular.ttf);
}
body{font-family:"RobotoForSpread"}
.headbutton ul.createemail {
    position: absolute;
    /*    background-color: #aad3ef;*/
    background-color: #fff;
    border: 1px solid #eee;
    padding: 5px 0;
    margin: 0 0 0 0px;
    z-index: 10;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.headbutton ul.createemail li{list-style:none;padding:0px 5px}
.headbutton ul.createemail li a{color:#777;font-size:15px;display:block;text-decoration:none}
    .headbutton ul.createemail li:hover {
        background-color: #e1e3e9;
/*        background-color:#7ec4f3;*/
        text-decoration: none
    }
    .headbutton ul.createemail li:hover a{
        color: #333;
    }
.popover{max-width:unset;}
.subjectdiv{max-width: 280px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;line-height:35px;}
.headbutton ul.createemail.createsms{margin:0 0 0 175px;}
.wrapper {
    overflow-y: hidden;
}

.headbutton .glyphicon {
    height: 18px;
    margin: 0px 3px 0px 0px;
    font-size: 18px;
    color: #064796;
    top: 4px;
}


table.GeneralGv {
    margin-bottom: 10px;
}

.gvHeader th:first-child {
    text-align: center;
}

tr.gvPager>td>table>tbody>tr>td {
    padding: 5px;
}

input.gvPager {
    border: 1px solid #bbb;
    background: #fff;
    margin-left: 5px;
}

.table-subscrpiton .GeneralGv .gvHeader th:not(:first-child) {
    min-width: 80px;
}

#nm1_Menu1 a.MainMenu {
    color: #3c8dbc;
}



.GeneralGv tr td:first-child input[type=checkbox] {
    margin-top: 0px;
}
#FooterNav {
    border-radius:0;
}
#cph_sdv1_filtersVal1 td input[type=radio], #cph_sdv1_filtersVal1 td input[type=radio] ~ label,
#cph_sdv1_filGrps table td input[type=radio], #cph_sdv1_filGrps table td input[type=radio] ~ label,
#columnDynamic_Box .modal-body input[type=checkbox],
td > span > input[type=checkbox], td > span > input[type=checkbox] ~ label,
td > input[type=radio], td > input[type=radio] ~ label,
td > input[type=checkbox], td > input[type=checkbox] ~ label {
    margin: 0;
    margin-right: 3px;
    vertical-align: middle;
}

#cph_sdv1_rblFil12 td, #cph_sdv1_rblFil23 td {
    height: 34px;
    line-height: 34px;
}

#columnDynamic_Box .modal-body .form-group{
    overflow:auto;
}

#columnDynamic_Box .modal-body table td {
    padding: 0 5px;
    min-width: 130px;
}

.statsLeft {
    max-width: 100%;
}

.account-agents-container table.GeneralGv.table tr th:last-child,
.agent-mgt-container table.GeneralGv tr th:last-child,
.custom-field-container table.Reasonable table tr th:last-child {
    min-width: 80px;
}

.account-agents-container table.GeneralGv.table tr th:nth-last-child(2) {
    min-width: 160px;
}

.omission {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mw-200 {
    min-width: 200px;
}

.table td,
.vertical-center {
    vertical-align: middle;
}

.table-responsive{
    border:0;
}

.table-center > tbody > tr > td,
.table-center > tbody > tr > th,
.table-center > tfoot > tr > td,
.table-center > tfoot > tr > th,
.table-center > thead > tr > td,
.table-center > thead > tr > th {
    text-align:center;
    vertical-align: middle;
}

.table-vcenter > tbody > tr > td,
.table-vcenter > tbody > tr > th,
.table-vcenter > tfoot > tr > td,
.table-vcenter > tfoot > tr > th,
.table-vcenter > thead > tr > td,
.table-vcenter > thead > tr > th {
    vertical-align: middle;
}
#cph_divAreacode .btn {
    color: black;
    background-color: white;
    height: 33px;
}
.dbcontent>div.dbheader:nth-child(2){width:calc(100% - 80px)}
.dashboard .dbcontent .dbheader div.usagediv{width:100%;word-break:break-all;}
.dashboard .dbcontent .dbheader div.usagediv .usage{padding-top:2px;}

.ui-dialog .ui-dialog-titlebar {background-color: #02336E; color: white;}
#agentPanel a {padding: 8px 0px;}
#agentPanel .label-spread {margin-right: 0px;line-height: 28px;}
#agentPanel .label-spread img {width: 21px;margin-top: -3px;}