@import url('../UCM/ucmasset/ucm-core/css/ucmiconfont-white.css');
@import url('../UCM/ucmasset/ucm-core/css/ucmglobalsharedicons.css');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    list-style: none;
}

body {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    text-align: left;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    font-weight: 400;
}

table,
td {
    border-collapse: collapse;
}

a {
    color: #0176ad;
    text-decoration: none;
    outline: none;
    font-weight: 500;
}

b,
strong {
    font-weight: 500;
}


/*
* added classes to add i class in static page.
*/

i.ucmicons.sm {
    width: 15px;
    height: 15px;
}

i.ucmicons.md {
    width: 25px;
    height: 25px;
}

i.ucmicons.lg {
    width: 40px;
    height: 40px;
}

i.ucmicons.xl {
    width: 45px;
    height: 45px;
}

i.ucmicons.xxl {
    width: 50px;
    height: 50px;
}

i.ucmicons.xxxl {
    width: 60px;
    height: 60px;
}

i.ucmicons.xxxl {
    width: 65px;
    height: 65px;
}

p:empty {
    display: none;
}

.nodisplay {
    display: none !important;
}

.nopad {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.nomarginbottom {
    margin-bottom: 0 !important;
}

.noleftpad {
    padding-left: 0 !important;
}

.norightpad {
    padding-right: 0 !important;
}

.notoppad {
    padding-top: 0 !important;
}

.noborder {
    border: 0 !important;
}

.nobordertop {
    border-top: 0 !important;
}

.nobold {}

.f-left {
    float: left !important;
}

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

.autowidth {
    width: auto !important;
}

.textbox {
    border: 1px solid #969595;
    color: #666;
    margin-top: 2px;
    padding: 2px 3px;
    background: #f1f1f1
}

.inputbox {
    margin-top: 2px;
    background: #fff;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin: 0;
    height: 31px;
    font-size: 13px;
    max-width: 280px;
    border-radius: 4px;
    color: #333;
    vertical-align: middle;
}

select {
    border: 1px solid #ddd;
    margin: 0 !important;
    border-radius: 4px;
    padding: 4px 10px;
    color: #333;
    font-size: 13px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800.58 451.42'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M380,618.32h0a32.12,32.12,0,0,1-5.6-7.29L9.09,232.59a32.71,32.71,0,1,1,47.06-45.44L403,546.45,744.1,186a32.71,32.71,0,1,1,47.52,45L426.28,617A32.81,32.81,0,0,1,380,618.32Z' transform='translate%280.05 -175.81%29' style='fill:%23636361'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 10px center;
    padding: 8px 36px 8px 16px;
    word-break: break-all;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 100%;
}

select[disabled='disabled'] {
    background: #ccc;
}

.ui-datepicker select {
    height: auto;
    padding: 0px;
}

.themeParentTableZ {
    font-size: 13px;
}

.themeParentTableZ a {
    color: #0176ad;
    text-decoration: none;
    display: inline-block;
    padding: 2px;
    /*border: 1px solid #ccc;*/
    margin-right: 2px;
}

.button {
    border: none;
    color: #0176ad;
    cursor: pointer;
    background: url("images/button_right.png") no-repeat right center;
    font-size: 13px;
    text-decoration: none;
    padding: 0 8px 0 0;
    margin-right: 4px;
}

#btnGetSessVideoUrl {
    background: #00adff;
    border: 1px solid #00adff;
    border-radius: 4px;
    color: #fff;
    padding: 3px 3px;
    height: 23px;
}

.dblock {
    display: block;
}

.clr {
    width: 0;
    height: 0;
    clear: both;
}

textarea {
    border: 1px solid #b6b6b6;
    font-size: 13px;
    line-height: 16px;
    width: 98%;
    margin-right: 4px;
    background-color: #fff;
    margin-top: 0;
    /* margin-bottom:1em; */
}

.teamNoticeBox {
    border-bottom: 2px solid;
    background: #fff;
    color: #000;
    border-color: #999;
    padding: 0 10px;
}

.tabRow {
    height: 20px;
    background: url(images/newtabbg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    border-bottom: 1px solid #333;
    overflow: hidden;
}

.currentTabLeft,
.currentTabRight,
.currentTab {
    background-image: url(images/currentTab.gif);
    background-repeat: no-repeat;
    border-color: #fff;
}

.currentTab {
    font-size: 13px;
    text-align: center;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 22px;
    background: #f1f1f1;
    color: #fff;
    border-bottom: 0 solid #fff;
    border-top: 0 solid #333;
}

.currentTabLeft,
.otherTabLeft {
    background-position: top left;
}

.currentTabRight {
    background-position: top right;
}

a.currentTabLink:link,
a.currentTabLink:visited {
    text-decoration: none;
    color: #fff;
    font-size: 13px;
}

.otherTab {
    font-size: 13px;
    font-weight: 700;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 22px;
    background: url(images/nav_line.gif) no-repeat top right;
    text-align: center;
    overflow: hidden;
}

.otherTabRight,
.otherTabLeft,
.otherTab {
    height: 31px;
}

a.otherTabLink:link,
a.otherTabLink:visited {
    text-decoration: none;
    padding-top: 0;
    font-weight: 700;
    font-size: 13px;
    color: #172C64;
}

.moreHandle {
    background: url(images/more.gif) no-repeat bottom left;
}

.subMenu {
    width: 140px;
    border-top: 0;
    font-size: 13px;
    color: #000;
    border-bottom: 0 solid;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 3px 0 3px 0;
}

.subMenu img {
    padding-right: 3px;
}

ul.subMenu li {
    list-style: none;
    margin: 0;
    padding: 3px 0 3px 0;
}

ul.subMenu li a:hover {
    color: #000;
    background: #f8f8f8;
}

table.leftColumnModuleHead th {
    text-align: left;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: top;
}

.topcolor {
    border: 3px solid #000;
}

.gridtop {
    /*background: rgba(236,234,234,1);*/
    margin-top: 5px;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background: #f6f6f6;
}

.greybtn {
    border: 0px none;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    padding: 3px 9px 3px 9px;
    margin-left: 4px;
    background: #7f7f7f;
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    height: 24px;
    cursor: pointer;
}

.generalform td a.greybtn.disableBtn {
    color: #939393;
}

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


/*.moreaction {
	margin-top: 15px;
}
.divasscamp {
	margin-top: 15px;
	}*/

table.divasscamp td {
    padding-left: 0;
    padding-right: 5px;
}

.divsearch {
    /*background: url("images/button_right.png") no-repeat scroll left center;
	padding: 0 0 0 7px;*/
    display: inline-block;
}

#divChkAll {
    position: relative;
}

.nobg {
    background: none !important;
}

.subMenuLink {
    text-decoration: none;
    border-bottom: 0;
    padding-left: 0;
    cursor: pointer;
}

a.subMenuLink:hover {
    text-decoration: none;
    border-bottom: 0;
}

.moduleTitle,
.moduleTitle td,
#divModuleHeader {
    color: #666;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    z-index: 100;
    padding-left: 0;
    line-height: 1;
}

h1.moduleheader {
    color: #000 !important;
    margin: 0;
    margin-top: -5px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 3px;
    line-height: 24px;
    z-index: 100;
    background: none !important;
    margin-bottom: 16px;
}

h2.modulesubhead,
.modulesubhead,
h3.modulesubhead span {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.2em;
    padding-top: 0;
    margin-top: 22px;
    display: block;
    color: #333333;
}

.assigntoyou {
    margin-top: 30px;
    display: block;
}

div>table.managecampaign tr:nth-child(2) div.camplist {
    margin-top: 0;
}

.logo {
    height: 60px;
    vertical-align: bottom;
    padding: 10px 10px 15px 15px;
}

.headerBg {
    font-size: 13px;
    background-repeat: repeat-x;
    background-position: top;
    color: #000;
    background-image: url(images/bgGrayHeader.gif);
    border-color: #999;
}

.welcome {
    font-size: 13px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
    height: 23px;
    padding: 3px 10px;
}

.searchField {
    border: 1px solid;
    font-size: 13px;
    background-color: #eee;
    border-color: #999;
}

#subtabs {
    height: 21px;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    background-repeat: repeat-x;
    background-position: bottom;
    background-image: url(images/bgSubTab.gif);
}

ul.subTabs {
    border-bottom: 1px solid;
    font-size: 13px;
    border-bottom-color: #fff;
    margin: 3px 0 0;
    padding: 2px 0;
}

.activeSubTab,
ul.subTabs li a.activeSubTab:link,
ul.subTabs li a.activeSubTab:visited,
ul.subTabs li a.activeSubTab:hover {
    background-repeat: repeat-x;
    background-position: top;
    border-bottom: 1px solid;
    font-weight: 700;
}

ul.subTabs li a {
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
    background-color: #fff;
    background-image: url(images/bgGray.gif);
    border-top-color: #fff;
    border-right-color: #ccc;
    margin: 0;
    padding: 3px 8px;
}

ul.subTabs li a:hover {
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: top;
    color: #000;
    background-image: url(images/bgGray.gif);
    background-color: #fff;
    border-color: #ccc;
}

.subTabMore {
    font-size: 13px;
    text-decoration: none;
    padding-top: 3px;
}

.date {
    font-size: 13px;
    border-bottom: 1px solid;
    padding-right: 10px;
    color: #000;
    background-color: #ddd;
    border-bottom-color: #bbb;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

table.listView {
    width: 100%;
}

table.listView th {
    color: #666;
    font-size: 13px;
    border: none;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 10px;
    z-index: 100;
    padding: 5px;
}

.listViewThS1 {
    color: #666;
    font-size: 13px;
    height: 28px;
    vertical-align: middle;
    margin-top: 10px;
    z-index: 100;
    /*background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #f1f1f1 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8', GradientType=0 );*/
    background: #fff;
}

.listViewThS1 td {
    font-weight: 700;
    padding: 10px 2px 10px 8px;
}

.listViewThS1 td,
.listViewThS1 th {
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.listViewThS1 td:first-child,
.listViewThS1 th:first-child {
    border-left: 1px solid #e4e4e4;
}

.listViewThS1 td:last-child,
.listViewThS1 th:last-child {
    border-right: 1px solid #e4e4e4;
}

.listViewThS1 th a {
    color: #666;
    font-size: 13px;
    padding-left: 2px;
    text-decoration: none;
}

a.listViewTdToolsS1:link,
a.listViewTdToolsS1:visited {
    text-decoration: none;
    color: #000;
}

a.listViewTdToolsS1:hover {
    text-decoration: underline;
    color: #1D4FD0;
}

.tabDetailView .listViewPaginationTdS1 {
    border-bottom: 1px solid;
    padding: 2px 5px 3px 8px;
}

.listViewPaginationTdS1 {
    padding: 1px 5px 2px;
}

a.listViewPaginationLinkS1:link,
a.listViewPaginationLinkS1:visited {
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 2px 0 3px;
}

a.listViewCheckLink:link,
a.listViewCheckLink:visited {
    font-size: 8pt;
    font-weight: 400;
    text-decoration: none;
}

a.utilsLink:link,
a.utilsLink:visited {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    padding-bottom: 3px;
}

.listViewCalCurrentAppt {
    background-color: #75AF4F;
}

.listViewCalOtherAppt {
    background-color: #4D5EAA;
}

.listViewCalConflictAppt {
    background-color: #AA4D4D;
}

.listViewCalCurrentApptLgnd {
    background-color: #75AF4F;
    border: 1px solid #000;
}

.listViewCalOtherApptLgnd {
    background-color: #4D5EAA;
    border: 1px solid #000;
}

.listViewCalConflictApptLgnd {
    background-color: #AA4D4D;
    border: 1px solid #000;
}

.tabForm td {
    padding: 2px;
}

table.tabForm {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding-left: 10px;
    margin: 0;
}

.tabFormAddDel {
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
    text-align: center;
}

a.tabFormAdvLink:link,
a.tabFormAdvLink:visited {
    font-size: 13px;
    text-decoration: none;
    line-height: 20px;
    margin-right: 2px;
}

.tabDetailView {
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #ccc;
    border-color: #202020;
}

.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL,
table.monthHeader td {
    border: none;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.viewinner .tabDetailViewDL {
    text-align: right;
    font-weight: bold;
}

table.viewinner td.c1,
table.viewinner td.c2,
table.viewinner td.c3,
table.viewinner td.c4 {
    width: 25%;
}

table.viewinner td.c1.c33,
table.viewinner td.c2.c33 {
    width: 33%;
}

table.viewinner td.c5,
table.viewinner td.c6 {
    width: 50%;
}

table.viewinner td.tdbg {
    background: #f1f1f1;
}

table.viewinner td.c8 {
    width: 75%;
}

table.viewinner td.tdcenter {
    text-align: center;
}

table.viewinner td.tdbold {
    font-weight: bold;
}

table.viewinner td.c7 {
    width: 18.75%;
    text-align: center;
}

table.viewinner td.c1,
table.viewinner td.c3,
table.viewinner td.c5 {
    text-align: right;
    font-weight: bold;
}

table.viewinner td.tdcenter {
    text-align: center;
}

div.formrow.fullwidth {
    width: 100%;
}

.error {
    color: red;
    position: absolute;
    width: 100%;
    top: 120px;
    left: 0;
    text-align: center;
    font-weight: 700;
}

.success {
    color: #39C;
}

.dateFormat {
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
}

.tm {
    font-size: 8px;
}

.pagebg {
    padding-bottom: 20px;
    background: #e6ebee;
}

.pagebg2 {
    padding-bottom: 20px;
    background: #fff;
}

.myArea {
    font-size: 13px;
    border-bottom: 1px solid;
}

ul.myArea {
    white-space: nowrap;
    height: 15px;
    font-size: 13px;
    margin: 0;
    padding: 3px 0;
}

ul.myArea li {
    list-style: none;
    display: inline;
    margin: 0 1px 0 0;
}

ul.myArea li a {
    background-repeat: repeat-x;
    background-position: bottom;
    text-decoration: none;
    border-bottom: 1px solid;
    margin: 0;
    padding: 3px 5px;
}

ul.myArea li a:hover {
    background-repeat: repeat-x;
    background-position: top;
}

.myArea img {
    display: block;
    position: absolute;
    right: 10px;
    top: 22px;
}

ul.colorpicker {
    border: none;
    margin: 0;
    padding: 0;
}

ul.colorpicker li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

ul.tablist {
    font-size: 13px;
    margin: 0;
    padding: 3px 0;
}

ul.tablist li a {
    background-repeat: repeat-x;
    background-position: top;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
    background-image: none;
    margin: 0;
    padding: 3px 8px;
}

ul.tablist li a:hover {
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: bottom;
    color: #03C;
}

ul.tablist li a.current,
ul.tablist li a.current:hover {
    border-bottom: 1px solid #dfdfdf;
    font-size: 13px;
    color: #000;
    font-weight: 700;
}

ul.subpanelTablist {
    border-bottom: 1px solid;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 3px 0;
}

ul.subpanelTablist li a {
    background-repeat: repeat-x;
    background-position: top;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    text-decoration: none;
    margin: 0;
    padding: 3px 8px;
}

ul.subpanelTablist li a:hover {
    border-top: 1px solid;
    background-repeat: repeat-x;
    background-position: bottom;
}

ul.subpanelTablist li a.current,
ul.subpanelTablist li a.current:hover {
    background-repeat: repeat-x;
    background-position: bottom;
    border-bottom: 1px solid;
    font-weight: 700;
    color: #6F6F70;
}

table.tabForm td ul li {
    list-style-type: none;
    margin-bottom: 10px;
}

table.days {
    font-size: 13px;
}

td.days {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0;
    border-right: 0;
}

td.sunday {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 0;
}

td.saturday {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0;
    border-right: 1px solid #dfdfdf;
}

td.date {
    width: 100%;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    font-size: 10px;
    padding: 0;
}

tr.empty {
    height: 2px;
}

div.completed {
    background-color: #777;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.inprogress {
    background-color: #002E4D;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.inprogress_bar {
    background-color: red;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.notstarted {
    background-color: #ccc;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.indent_left {
    background-color: #000;
    float: left;
    line-height: 10px;
    margin-top: 4px;
}

div.indent_bar {
    background-color: #000;
    float: left;
    margin-top: 4px;
}

div.indent_right {
    background-color: #000;
    float: right;
    line-height: 10px;
    margin-top: 4px;
}

#horizWrapper {
    position: relative;
    margin-left: 60px;
    width: 218px;
    float: left;
}

#horizBGDiv {
    position: relative;
    top: 60px;
    background: url(horizBg.png) no-repeat;
    height: 26px;
    width: 218px;
}

#horizHandleDiv {
    position: absolute;
    left: 100px;
    top: 8px;
    width: 18px;
    height: 18px;
}

.AccordinSelectedHeader {
    background: #fff url(images/closemenu.png) no-repeat;
    font-weight: 500;
    background-position: 6px 6px;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 4px;
    padding-bottom: 4px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(241, 241, 241, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(241, 241, 241, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(241, 241, 241, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(241, 241, 241, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
}

.AccordinHeader img,
.AccordinSelectedHeader img {
    display: inline-block;
    vertical-align: middle;
    background: #00adff;
    border-radius: 4px;
    padding: 1px;
}

.AccordinHeaderHome {
    background: url(images/accordionheader.png) no-repeat;
    height: 34px;
    font-size: 15px;
    font-weight: 400;
    line-height: 34px;
    color: #1A1A1A;
    vertical-align: middle;
    padding-left: 45px;
    padding-top: 0;
    cursor: pointer;
    margin-top: 2px;
}

.AccordinSelectedHeaderHome {
    background: url(images/accordionheader2.png) no-repeat;
    height: 34px;
    font-size: 15px;
    font-weight: 400;
    line-height: 34px;
    color: #1A1A1A;
    vertical-align: middle;
    padding-left: 45px;
    padding-top: 0;
    cursor: pointer;
    margin-top: 2px;
    margin-bottom: 5px;
}

.leftmenubutton {
    background-color: transparent;
}

.MainBody h2 {
    color: #333;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.bodymain {
    background-color: #D2E5FF;
}

.crmBody {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
}

.DragHandle {
    cursor: move;
    background-color: #D3E4F5;
    padding-right: 10px;
}

.modalBackground {
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}

.PopupPanel {
    background-color: Green;
}

#loader {
    top: 15%;
    right: 50%;
    z-index: 999;
    position: absolute;
    display: none;
    background: url(images/bgPurple.gif);
    background-repeat: repeat-x;
    padding: 10px;
    border: 2px solid red;
}

#loaderText {
    z-index: 999;
    font-weight: 700;
}

.loader {
    position: absolute;
    top: 15%;
    right: 50%;
    z-index: 999;
    padding: 8px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
}

.loaderText {
    font-weight: 700;
    z-index: 999;
}

.FileManagerMouseOver {
    background-color: #F7F6F3;
}

.FileManagerMouseOut {
    background-color: Transparent;
}

.tab_Blank {
    width: 1px;
    font-size: 1pt;
    height: 22px;
    background: url(images/tabblankbg.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    overflow: hidden;
}

.searchButton {
    cursor: hand;
}

.submenu {
    width: 160px;
    border: 1px solid #000;
    overflow: hidden;
}

ul.subMenu li a:select {
    background: #f8f8f8;
    width: 165px;
}

.welcome,
.myArea {
    border-right: none;
    border-bottom: none;
    color: #000;
    padding-top: 5px;
}

.Calendar {
    display: inline;
}

.button-panel {}

.button-panel .button:first-child {
    padding-left: 0;
}

table.tabFrame {
    width: 100%;
    border-top: 0 solid #fff;
    border-collapse: collapse;
}

table.tabEditView td {
    border: inherit;
}

table.tabEditView th {
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    text-align: left;
}

.ListSearchExtenderPrompt {
    font-style: italic;
    padding-bottom: 3px;
}

.center_QuickLink {
    overflow: hidden;
}

.datagridheader {
    font-size: 8pt;
    text-align: left;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0 solid #dfdfdf;
    border-right: 0 solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    height: 25px;
    background-repeat: repeat-x;
    background-position: bottom;
    color: #000;
    background-color: #fff;
    background-image: url(images/bgTable.gif);
    border-color: #999;
}

.MailerSentToOthers {
    background-color: #E8E592;
    border: 1px solid #ccc;
}

.ABC {
    background-color: #d7e4bd;
    border: 1px solid #ccc;
}

.WrongInfoNotInterested {
    background-color: #E8CFA0;
    border: 1px solid #ccc;
}

.clead {
    background-color: #ebdd92;
    border: 1px solid #ccc;
}

.eventlead {
    background-color: #ebdd92;
    border: 1px solid #ccc1da;
}

.DoNotCall2 {
    background-color: #e9e9e9;
    border: 1px solid #ccc;
}

.Default {
    background-color: #fffeee;
    border: 1px solid #ccc;
}

.menu {
    position: absolute;
    display: block;
    visibility: visible;
    background-color: #f6f6f6;
}

.subDmenu {
    position: absolute;
    display: none;
    visibility: hidden;
}

.menuItem,
.menuItemHilite,
.menuItemX,
.menuItemHiliteX,
.menuItem:visited,
.menuItemHilite:visited,
.menuItem:hover,
.menuItemHilite:hover,
.menuItem:active,
.menuItemHilite:active,
.menuItem:link,
.menuItemHilite:link,
.menuItemX:visited,
.menuItemHiliteX:visited,
.menuItemX:hover,
.menuItemHiliteX:hover,
.menuItemX:active,
.menuItemHiliteX:active,
.menuItemX:link,
.menuItemHiliteX:link {
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
    color: #000;
    text-decoration: none;
    width: 120px;
    display: block;
    border-bottom: 1px solid silver;
    padding: 1px 0 1px 7px;
}

.menuItem {
    background-color: #f6f6f6;
}

.menuItemSelected {
    text-align: center;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    width: 120px;
    padding: 1px 0 1px 7px;
}

.menuItemSelected:visited,
.menuItemSelected:hover {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    color: #01428C;
    border-bottom: 1px solid silver;
    display: block;
    text-align: left;
    width: 120px;
    background: #fff;
    padding: 1px 0 1px 7px;
}

.menuItemX {
    background-color: #CCC;
}

#screen {
    width: 800px;
    padding: 0;
}

#screen li {
    float: left;
    list-style: none;
}

#screen .jq-ss-crop {
    border: 1px solid #FFF;
    float: left;
    margin: 0 2px;
}

#view {
    width: 540px;
    border: 1px solid #FFF;
    height: 25px;
    overflow: hidden;
    margin: 0;
}

.outline {
    border: 1px solid #202020;
}

.hline {
    background-attachment: scroll;
    background-image: url(../images/line.jpg);
    background-repeat: repeat;
    background-position: center top;
}

.bottomlink {
    font-size: 10px;
    color: #000;
    background: url(../images/barbg.gif);
}

.information {
    background-color: #FFF;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

#infoBorder {
    border: 0 solid #cc9;
}

.FormHeading_new {
    font-size: 22px;
    color: #2d3077;
}

.FormHeading_new h3 {
    font-size: 22px;
    color: #2d3077;
    text-transform: none;
    margin: 0;
    padding: 0;
}

.ErrorText {
    font-size: 13px;
    color: red;
}

.Label,
.longLabel {
    font-size: 13px;
    color: #202020;
}

.BlockHeading {
    font-size: 13px;
    color: #202020;
    text-align: left;
}

.FooterMessage {
    font-size: 10px;
    color: #00000a;
}

div.HrStyle {
    background-color: #FFF;
    height: 0;
    margin: 16px 0 12px;
}

.menuBGAdmin {
    background-color: #FAFAFA;
}

.GridHeader {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    background-color: #9CABBA;
}

.GridRow {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    background-color: #EEF5FE;
}

.GridAlterRow {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    background-color: #FFF;
}

.RightTitle {
    font-size: 13px;
    font-weight: 700;
    color: #202020;
}

A.LabelFooter:hover {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    text-decoration: underline;
}

A.LabelFooter:active {
    font-size: 10px;
    font-weight: 400;
    color: #000;
}

.Welcome {
    font-size: 10px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
}

.LabelBoldText {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.GridHeader1 {
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    direction: ltr;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #202020;
    margin: 0;
}

.tbAction td {
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    text-align: center;
    /*background:url("images/button_right.png") no-repeat scroll right center;*/
}

table.tbAction {
    margin-top: 1px;
    margin-bottom: -15px;
}

.tbAction td.tdSent {
    min-width: 65px;
    border: none;
    font-size: 13px;
}

.tbAction td.tdCopy {
    width: 40px;
    border: none;
    font-size: 13px;
}

.tbAction td.tdPreview {
    width: 50px;
    border: none;
    font-size: 13px;
}

#tbAction td:last-child {
    background: none;
}

.tbAction td input.button {
    padding: 0;
    background: none;
}

.newForm td.smalltxt {
    font-size: 13px;
    text-align: right;
}

#btnGetSessVideoUrl {}

.Menu {
    font-size: 13px;
    font-style: normal;
    color: #FFF;
    text-align: center;
    text-indent: 3px;
    padding: 3px;
}

.link {
    color: #fff;
    text-decoration: underline;
}

.ReportHeading {
    font-size: 20px;
    font-weight: 700;
    color: #202020;
}

.Category {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.MenuOem {
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    color: #FFF;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    padding: 0 3px;
}

.SubMenuItem {
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    color: #FFF;
    background-color: #CCC;
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.SubMenuItemHover {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    color: #F5DEB3;
    background-color: #202020;
    border-color: #FFF Gray;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.CategoryInfo {
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

.LeftMenu {
    font-size: 8pt;
    font-weight: 700;
    color: #3D3E3E;
    text-decoration: none;
    padding-left: 15px;
}

a.LeftMenu:hover {
    font-size: 8pt;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

a.LeftMenu:active {
    font-size: 8pt;
    font-weight: 700;
    color: #3D3E3E;
}

.LeftMenuContent {
    font-size: 8pt;
    font-weight: 400;
    color: #3D3E3E;
    text-decoration: none;
}

A.LeftMenuContent {
    display: inline;
    margin-top: 3px;
    padding-left: 2px;
    color: #000;
    border: 0 solid #000;
    height: 15px;
    text-align: left;
}

A.LeftMenuContent:hover {
    font-size: 8pt;
    font-weight: 400;
    color: #002D6D;
}

A.LeftMenuContent:active {
    font-size: 8pt;
    font-weight: 400;
    color: #000;
    line-height: 14pt;
}

.stylezinfi02 {
    font-size: 9px;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
}

.MenuItem {
    font-size: 13px;
    font-style: normal;
    color: #FFF;
    background-color: #078B4B;
    border-color: Gray;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.MenuItemHover {
    font-size: 13px;
    font-style: normal;
    color: #FFF;
    background-color: #19B96C;
    border-color: #FFF Gray;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.accordionHeader {
    border: 0 solid #757575;
    color: #FFF;
    background-color: #2E4d7B;
    font-size: 13px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url(../../images/menubg1.gif);
    padding: 5px;
}

.accordionHeaderSelected {
    border: 0 solid #2F4F4F;
    background-image: url(../../images/menubg2.gif);
    background-color: #fff;
    font-size: 8pt;
    color: #3D3E3E;
    font-weight: 700;
    margin-top: 5px;
    cursor: pointer;
    padding: 5px;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: visible;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}

#processMessage {
    position: fixed;
    top: 20%;
    left: 43%;
    width: 14%;
    z-index: 2002;
    background-color: #fff;
    border: solid 1px #000;
    padding: 10px;
}

a img,
:link img,
:visited img,
#images li img {}

a img {
    cursor: pointer;
}

.checkbox,
.radio,
.checkbox INPUT,
.radio INPUT {
    border: 0;
    background-color: transparent;
    margin: 0;
}

ul.subMenu li a,
ul.subMenu li span {
    display: block;
    text-decoration: none;
    text-align: left;
    font-weight: 400;
    color: #39c;
    font-size: 13px;
    line-height: 15px;
    padding: 1px 3px 1px 6px;
}

ul.subMenu li a img {
    margin-top: -3px;
    margin-right: 1px;
}

ul.subTabs li,
ul.tablist li,
ul.subpanelTablist li {
    list-style: none;
    display: inline;
    margin: 0;
}

table.listview th a:link,
table.listview th a:visited,
a.listViewThLinkS1:link,
a.listViewThLinkS1:visited {
    font-weight: 700;
    text-decoration: none;
}

.chartBox,
table.chartForm {
    border: 1px solid;
    padding: 5px;
}

td.dataLabel,
.monthCalBodyTHWeek,
.monthCalBodyTHDay {
    padding: 5px;
}

a.monthCalBodyWeekLink:link,
a.monthCalBodyWeekLink:visited,
.chartFootnote {
    font-size: 13px;
}

table.tabEditView,
table.tabDetailView,
table.tabSearchView {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

#divShortcuts,
#divLastViewed {
    width: 138px;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.New {
    border: 1px solid #666;
}

.New,
.menuItemHilite {
    background-color: #FFF;
}

.New tr:nth-child(even) {
    background: #fff;
}

.New td {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    padding: 2px 3px 2px 5px;
    text-decoration: none;
    text-align: left;
}

.New td a {
    color: #0176ad;
    font-size: 13px;
    text-decoration: none;
}

.New td span {
    word-break: break-all;
    display: block;
}

.New td .checkbox {
    border-radius: 2px;
}

nobr {
    display: block;
    vertical-align: middle;
}

nobr img {
    margin: 0;
    vertical-align: middle;
}

.oddListRowS1 td {
    border: 1px solid #e4e4e4;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 3px;
    background: #fff;
    text-decoration: none;
}

.oddListRowS1 td:first-child,
.evenListRowS1 td:first-child,
table.New td:first-child {
    border-left: 1px solid #e4e4e4;
}

table.New tr:last-child td {
    border-bottom: 1px solid #e4e4e4;
}

.oddListRowS1 td:last-child,
.evenListRowS1 td:last-child,
table.New td:last-child {
    border-right: 1px solid #e4e4e4;
}

.evenListRowS1 td {
    border: 1px solid #e4e4e4;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 3px;
    background: #fff;
    text-decoration: none;
}

.oddListRowS1 td:hover,
.evenListRowS1 td:hover {
    text-decoration: none;
}

.oddListRowS1 td span,
.evenListRowS1 td span {
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.oddListRowS1 td a span,
.evenListRowS1 td a span {
    color: #0176ad;
}

.oddListRowS1 td span:hover,
.evenListRowS1 td span:hover {
    text-decoration: none;
}

.oddListRowS1 td input,
.evenListRowS1 td input {
    font-size: 13px;
    vertical-align: middle;
}

.oddListRowS1 td a,
.evenListRowS1 td a {
    color: #0176ad;
    text-decoration: none;
}

.oddListRowS1 td input.disable,
.evenListRowS1 td input.disable,
.oddListRowS1 td a.disable,
.evenListRowS1 td a.disable {
    color: #999;
}

.New td .listViewTdLinkS1 {
    font-size: 13px;
    color: #33a0d9;
    text-decoration: none;
}

.listViewTdLinkS1 a,
.listViewTdLinkS1 input {
    color: #33A0D9;
    font-size: 13px;
    text-decoration: none;
}

.listViewTdLinkS1 {
    color: #0176ad;
    font-size: 13px;
    white-space: normal !important;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li,
.AspNet-Menu-Horizontal {
    width: 100%;
}

.LabelFooter,
A.LabelFooter:link {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.Label1Underline,
A.Label1Underline:link,
A.Label1Underline:hover,
A.Label1:hover,
A.textnorFE:hover {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    text-decoration: underline;
}

A.Label1Underline:active,
A.Label1:active,
A.textnorFE:active {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

A.information:link,
A.information:visited,
A.information:hover,
A.information:actine {
    background-color: #FFF;
    color: Blue;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
}

.LabelBold,
.LabelBold:link,
A.LabelBold:link {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.LabelBold:hover,
A.LabelBold:hover {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}

.LabelBold:active,
.LabelBold:visited,
A.LabelBold:active,
A.LabelBold:visited {
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

.Label1,
A.Label1:link,
A.Label1:visited,
.textnorFE,
A.textnorFE:link,
A.textnorFE:visited {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.MenuOemSelected,
.MenuOemHover {
    color: #F5DEB3;
}

A.LeftMenu:link,
A.LeftMenu:visited {
    font-size: 13px;
    font-weight: 700;
    color: #3D3E3E;
    text-decoration: none;
}

A.LeftMenuContent:link,
A.LeftMenuContent:visited {
    font-size: 8pt;
    font-weight: 400;
    text-decoration: none;
    line-height: 14pt;
}

.stylezinfi01,
a.stylezinfi01:link,
a.stylezinfi01:visited {
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
}

#master_content .accordionHeader a,
#master_content .accordionHeaderSelected a {
    color: #FFF;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeader a:hover,
#master_content .accordionHeaderSelected a:hover {
    background: none;
    text-decoration: underline;
}

.ClickThroughOpenMail {
    background: #E8FFCA;
}

.monthHeader {
    color: #000;
    background-color: #fff;
    height: 25px;
}

textarea:focus {
    background-color: #fff;
    border-color: #000;
}

.otherTabLeft,
.otherTab {
    color: #333;
    background-repeat: no-repeat;
}

.otherTabRight {
    background-repeat: repeat-x;
    background-position: bottom;
    overflow: hidden;
}

a.otherTabLink:hover {
    color: #1A46BA;
}

table.leftColumnModuleHead th,
.schedulerTopRow,
.monthHeader {
    color: #000;
}

.activeSubTab {
    background: #eee;
    background-image: url(images/bgGray.gif);
    border-bottom-color: #ddd;
    border-right-color: #999;
}

.search {
    color: #000;
    background-color: #fafafa;
    background-image: url(images/searchBg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.listViewPaginationTdS1,
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL {
    color: #333;
    border-color: #ccc;
}

.chartBox {
    background-color: #fff;
    border-color: #999;
}

table.chartForm {
    background-color: #efefef;
    border-color: #999;
}

table.chartForm td {
    background-color: #efefef;
}

.tabDetailViewDL,
.dailyCalBodyTime,
.monthCalBodyWeek {
    color: #000;
    border-color: #ddd;
}

h5.calSharedUser {
    color: #000;
    background-color: #eee;
    border-top-color: #999;
}

ul.tablist li a.current {
    border-bottom-color: #ddd;
    border-right-color: #999;
}

ul.subpanelTablist li a.current {
    color: #000;
    background-image: url(images/bgGray.gif);
    border-bottom-color: #ddd;
    border-right-color: #999;
}

a.body:hover,
a.utilsLink:hover {
    color: #1D4FD0;
}

.listView,
.subpanelTabForm .listView {
    border-color: #666;
}

.subMenu,
.leftColumn,
.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {
    border-color: #ccc;
}

ul.tablist li a.activeSubTab:hover,
ul.subpanelTablist li a.activeSubTab:hover,
ul.tablist li a.current:hover,
ul.subpanelTablist li a.current:hover {
    border-bottom-color: #ddd;
    color: #903;
}

.searchButton,
.searchButton:focus {
    background-color: #fafafa;
}

ul.tablist,
ul.subpanelTablist {
    border-bottom-color: #999;
}

ul.tablist li a:hover,
ul.subpanelTablist li a:hover {
    background-image: url(images/bgGray.gif);
    color: #000;
    background: #fafafa;
    border-color: #999;
}

ul.tablist li a,
ul.subpanelTablist li a {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #202020;
    font-size: 13px;
}

.right_body_bg {
    background: url(images/right_body_bg.gif) repeat-x top #fff;
}

.left_body_bg {
    background: url(images/body_bg.gif) repeat-x top #fff;
    padding: 0 15px 0 5px;
}

table.subpanelTabForm td .listViewButtons,
.listViewSubHeadS1,
.aboveFooter {
    background-color: #fff;
}

#sqsSmartInputResults,
#menu ul {
    margin: 0;
    padding: 0;
}

.currentTab a {
    color: #000;
    text-decoration: none;
}

.urltitle {
    font-size: 13px;
    border: 0 !important;
    color: #202020;
}

.urllink {
    border: 0 !important;
    color: #000 !important;
}

.urllink a {
    font-size: 13px;
    text-decoration: none;
    background: #e5e5e5 url(images/buttonbg.gif);
    border: 1px solid #ccc;
    cursor: hand;
    color: #000;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 2px 4px;
}

.urllink span {
    color: #000 !important;
}

.urltext {
    color: #202020;
    font-size: 13px;
    line-height: 18px;
    border: 0 !important;
}

.formtext2 input {
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    height: 15px;
}

.sectionname {
    color: #46877c;
    font-size: 22px;
    border: 0 !important;
    display: block;
    margin-bottom: 5px;
}

.cmsheading {
    color: #000;
    background-color: #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 30px;
    padding-left: 10px;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 100;
}

.webinarbox {
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    padding: 10px;
}

.documentbox {
    padding-right: 15px;
    font-size: 13px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 700px;
}

.documentbox span.documenthead {
    font-size: 14px;
    font-weight: bold;
}

.documentbox td {
    padding: 0;
}

.documentbox input {
    padding-right: 2px;
    width: 15px;
    border: 0;
}

#leftlinks {
    width: 192px;
    border-top: 0 solid #aeadad;
    background: url(images/sidebarbg.gif);
    background-repeat: repeat-y;
    z-index: 100;
    margin: -2px 0 0;
    padding: 10px 0 0;
}

#leftlinks li {
    position: relative;
    margin-top: 2px;
    background: url(images/sidelibg.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 100;
    padding-bottom: 10px;
    padding-top: 8px;
}

#leftlinks li a {
    position: relative;
    display: block;
    float: left;
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 700;
    padding-left: 0;
    z-index: 100;
    padding-top: 2px;
    width: 150px;
    text-shadow: 1px 0 2px #ccc;
}

#leftlinks li a:hover {
    color: #666;
}

#leftlinks li img {
    display: block;
    width: 18px;
    padding-left: 10px;
    padding-right: 6px;
    float: left;
}

#leftlinkbottom {
    position: relative;
    width: 192px;
    height: 36px;
    margin-top: -26px;
    margin-bottom: 20px;
    background: url(images/leftlinkbottom.png);
    z-index: 1;
}

div.campaignselection {
    font-size: 13px;
    padding-bottom: 0px;
    text-align: left;
    z-index: 1000;
    border-bottom: none;
}

div.campaignselection ul {
    text-align: left;
    padding: 0;
    margin: 0;
}

div.campaignselection ul li:nth-child(2) {
    padding-left: 0;
}

div.campaignselection ul li {
    display: inline-block;
    font-size: 13px;
    padding: 5px 5px 5px 0;
    position: relative;
    color: #000;
    text-align: left;
    margin-left: 0;
    vertical-align: middle;
}

div.campaignselection ul li ul li {
    margin-right: 0;
}

div.campaignselection ul li .divselect::after {
    content: "▼";
    display: inline-block;
    color: #333333;
    margin-left: 15px;
}

div.campaignselection ul li.dgopen .divselect::after {
    content: "▲";
}

div.campaignselection ul li .divselect {
    background: #fff;
    cursor: pointer;
    padding: 5px 6px 5px 10px;
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    height: 31px;
}

div.campaignselection ul li .campaigndrop {
    position: absolute;
    background: #ffffff;
    margin-top: 1px;
    z-index: 1000;
    width: 220px;
    padding: 0 8px;
    border: 1px solid #dfdfdf;
}


/*div.campaignselection ul li:hover .campaigndrop {
	position:absolute;
	margin-left:0;
	border:1px solid #807C78;
	background:#fff;	
	margin-top:5px;
	width:200px;
	}*/

div.campaignselection ul li .campaigndrop ul {
    margin-left: 0;
    padding-left: 0;
    z-index: 100;
}

div.campaignselection ul li .campaigndrop ul li {
    border: none;
    display: block;
    font-size: 13px;
    text-align: left;
    margin-left: 2px;
    padding-left: 0;
    color: #333;
}

div.campaignselection ul li .campaigndrop ul li::after {
    content: ""
}

.campaigngroup {
    margin-top: 15px;
    font-size: 25px;
    text-align: left;
    color: #333333;
}

.campaigncontent {
    color: #333333;
    min-height: auto;
    z-index: 1;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 10px;
}

.campaigncontent b {
    font-weight: 600;
}

.campaigncreator {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
}

.campaigntext {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin-top: 5px;
}

.campaigns {
    padding: 20px;
    margin-bottom: 25px;
    background: #ebebeb;
    border: none;
}

.campaigntitle {
    font-size: 16px;
    font-weight: 500;
    color: #005a9e;
    margin-bottom: 8px;
    display: block;
    background: none;
    border: 0px none;
    padding: 0;
    text-align: left;
    margin-top: -6px;
}

.campaigntitle span,
.campaigntitle input {
    display: inline-block;
    vertical-align: middle
}

.campaigns input.button,
.pagecontent .button,
#ctl00_cntBody_grdProduct_ctl03_btnProductLoad,
input.bluebutton,
input.bluebutton1,
input.btnUpdateclass {
    background: none repeat scroll 0 0 #00ADFF;
    border: none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 2px;
    padding: 2px 10px;
    text-decoration: none;
    cursor: pointer;
}

.campaigns input.button {
    margin-left: 3px;
}

.campaignimg {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 0;
    margin-right: 21px;
    overflow: hidden;
    position: relative;
    width: 230px;
    min-height: 142px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #ccc;
    padding: 5px;
}

.campaignimg img {
    max-width: 210px;
    max-height: 120px;
    margin: auto;
}

.campaignright {
    float: left;
    position: relative;
    width: calc(100% - 275px);
}


/*#compainghome .button, #compainghome input, #event input {
	background: none repeat scroll 0 0 #00ADFF;
	border: medium none;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 3px;
	width: 100px;
}*/

.container {
    color: #333;
    margin: 1px 0 35px 0;
}

.container p {
    margin: 0;
    padding: 0 0 15px 0;
}

.container ul {
    list-style-type: disc;
    margin: 0 0 0 4px;
    padding: 0 0 0 15px;
}

.container ul li {
    padding: 0 0 3px 0;
    margin: 0;
}

#landmaincontent {
    position: 0 auto;
    background: #fff;
    border: 0 solid red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#landsidebar {
    position: relative;
    width: 190px;
    float: left;
    margin-left: -2px;
}

#landcontnet,
.landcontnet {
    position: relative;
    padding-bottom: 35px;
}

.intro {
    font-size: 13px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tab_container {
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab_container2 {
    float: left;
    width: 684px;
}

.tab_content {
    padding-left: 0;
    padding-bottom: 20px;
    text-align: left;
}

.tab_content select {
    float: right;
    margin-right: 5px;
}

.tabDetailView2 {
    border: 1px solid #ccc;
}

.tabDetailView2 tr {
    border-bottom: 2px solid #f1f1f1;
}

.tabDetailView2 tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.adminlink {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding-left: 5px;
}

#ClickThruLeads {
    padding: 4px 4px 8px;
}

#ClickThruLeads a {
    color: #0176ad;
    display: block;
    font-size: 13px;
    height: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    text-decoration: none;
}

.webinartitle {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px dashed #666 !important;
    padding-bottom: 4px !important;
    color: #0172B6;
}

.webinartext {
    font-size: 13px;
    color: #000;
    line-height: 18px;
    padding-top: 15px;
}

.webinarleft {
    font-size: 15px;
    font-weight: 700;
    padding-top: 15px;
}

.tempcat {
    padding-right: 10px;
    margin-left: 0;
    padding-left: 0;
    width: 95%;
    margin-top: 10px;
}

.tempcat li,
.tempcat td {
    list-style-type: none;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: 1px solid #ccc;
    margin-top: 5px;
    background: #f1f1f1;
    height: 30px;
    vertical-align: middle;
}

.tempcat li a,
.tempcat td a {
    color: #0176ad;
    text-decoration: none;
    font-size: 14px;
}

.tempcat li img {
    padding-left: 3px;
    padding-right: 3px;
    background: #f1f1f1;
}

.tempcat li label,
.tempcat td label {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    background: #f1f1f1;
}

.tempcat li input {
    vertical-align: middle;
    border: 0;
    padding: 0 0 0 5px;
}

.templatecontainer {
    border: none;
    margin-top: 5px;
}

.templatecontainer td {
    vertical-align: top;
}

.templatename {
    width: 195px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.templatename2 {
    width: 195px;
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
    vertical-align: top;
}

.templatename-m {
    width: 185px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow-wrap: break-word;
}

.templatename-r {
    width: 10px;
    display: inline-block;
    font-weight: 700;
    vertical-align: top;
    margin-top: 3px;
}

.tmpltname-with-tool {
    width: 185px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 5px;
    line-height: 1.2;
    overflow-wrap: break-word;
}

.movetemplate {
    position: absolute;
    top: 50%;
}

.templatename2 input {
    border: none;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    width: 10%;
    vertical-align: top;
}

.templatename2 label {
    color: #333;
    font-size: 14px;
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

span.templatename2+div {
    padding-left: 6%;
}

.templateinner {
    height: 238px;
    width: 220px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 5px;
    margin-right: 30px;
    padding: 10px;
    margin-top: 10px;
    position: relative;
}

.templateinner img {
    width: 198px;
    height: 216px;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}

.templist td label {
    font-size: 14px;
}

.templist li {
    list-style-type: none;
    width: 210px;
    float: left;
    margin-top: 10px;
}

.templist td {
    width: 210px;
    padding-top: 10px;
}

.templist li input {
    vertical-align: middle;
    border: 0;
    padding: 0 5px 0 0;
}

.templist li label {
    vertical-align: middle;
    font-weight: 700;
}

.templatelink {
    background: #fff;
    color: #0176ad;
    cursor: pointer;
    font-weight: 400 !important;
    padding: 3px 5px;
    display: inline-block;
    margin-top: 5px;
}

categoryClass {
    font-size: 13px;
    text-decoration: none;
    padding: 5px;
}

.categorySelectedClass {
    color: #000;
    font-size: 13px;
    text-decoration: none;
    font-weight: 700;
    padding: 0;
}

.categorySelectedClass img,
.categoryClass img {
    margin-right: 2px;
}

.producttab {
    position: relative;
    margin-left: 0;
    padding-left: 0;
}

.productborder {
    border-top: 2px solid #ccc;
    width: 720px;
}

.producttab li {
    position: relative;
    float: left;
    margin-left: 6px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 12px;
}

.productcontent {
    width: 700px;
    float: left;
    margin-top: 20px;
    text-align: justify;
    padding: 0 20px 20px;
}

.producttab li a:link,
.producttab li a:hover,
.producttab li a:visited,
.producttab li a:active {
    font-weight: 700;
    display: block;
}

.producttoptext {
    width: 490px;
    text-align: justify;
    float: left;
}

.colorbtn {
    width: 80px;
    height: 32px;
    background: url(images/colorbtn.png);
    background-repeat: no-repeat;
}

#dhtmltooltip {
    position: absolute;
    left: 0;
    width: 150px;
    border: 1px solid #666;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    text-align: justify;
    font-size: 13px;
    visibility: hidden;
    z-index: 100;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=gray, direction=135);
    padding: 5px;
    box-shadow: 3px 3px 3px #666;
}

#dhtmlpointer {
    position: absolute;
    left: -300px;
    margin-left: -20000px;
    z-index: 101;
    visibility: hidden;
}

.bluehead {
    color: #333;
    font-size: 20px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 100;
}

.innertd {
    border: 1px solid #ccc;
}

.reportbox {
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #f5f5f5;
    margin-top: 15px;
    height: auto;
    padding: 10px;
}

#landmaincontent2 {
    position: relative;
    width: 776px;
    min-height: 290px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 2px #888;
    z-index: 1;
    margin: 0 auto;
    padding: 0;
}

#landcontent2 {
    position: relative;
    width: 682px;
    margin-left: auto;
    margin-right: auto;
}

ul.tabs-small {
    border-bottom: 0 solid #CCC;
    float: left;
    height: 37px;
    list-style: none outside none;
    width: 782px;
    margin: 0 0 0 44px;
    padding: 0;
}

ul.tabs-small li {
    float: left;
    height: 37px;
    line-height: 16px;
    position: relative;
    width: 178px;
    margin: 1px 0 0 -40px;
    padding: 0;
}

ul.tabs-small li a {
    display: block;
    height: 36px;
    outline: medium none;
    padding-top: 10px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #CCC;
}

.inputfields {
    display: block;
    margin-top: 5px;
    margin-left: 22px;
}

.inputfieldsList {
    border: 1px solid #ccc;
}

.inputfieldsList td {
    width: 280px;
    border: 1px solid #ccc;
    font-weight: 700;
    padding: 5px;
}

.inputfieldsList td input {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.span-duplicate {
    margin-left: 22px;
    color: red;
}

.EditButtonCss {
    border: 1px solid #ccc;
    width: 32px;
    height: 42px;
    z-index: 102;
    position: absolute;
}

.languagebox {
    width: 270px;
    margin-right: 26px;
    float: left;
    margin-top: 20px;
}

.pagecontent .languagebox h1 {
    text-transform: none;
    font-size: 18px;
    color: #F05332;
    font-weight: 400;
    text-align: left;
    line-height: 18px;
    margin-bottom: 10px;
}

.countryName {
    font-size: 14px;
    color: #333;
    text-align: left;
    width: 100px;
    float: left;
    margin-top: 5px;
    padding-right: 10px;
}

div.countrycontent h1.languagehead {
    color: #333;
    font-size: 30px;
    text-align: left;
    text-transform: none;
}

.language {
    width: 130px;
    float: left;
    text-align: left;
    margin-top: 5px;
}

.language a {
    font-size: 13px;
}

.countryBox table td a {
    font-size: 13px;
    font-weight: 700;
}

.global,
.global a {
    margin-top: 10px;
    text-align: left;
    font-size: 20px;
}

.maincontent {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 500px;
}

.campaignselect {
    font-size: 14px;
    background: #0072aa;
    color: #fff;
    padding: 8px 4px;
}

.campaigns input.reqcomplete {
    float: left;
    background: #666;
    color: #fff;
    border: none;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 2px;
    padding: 2px 10px;
}

.campaigns input.reqpending {
    float: left;
    background: #F66;
    color: #fff;
    border: none;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 2px;
    padding: 2px 10px;
}

.campaigns input.reqready {
    float: left;
    background: #0C0;
    color: #fff;
    border: none;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 2px;
    padding: 2px 10px;
}

.padleft {
    padding-left: 15px;
}

.emailcountry {
    background: #fff;
    max-width: 800px;
    max-height: 435px;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 6px #666;
    overflow: auto;
}

.pagecontentleft ul.buildlist li {
    list-style-type: disc;
}

.formrow {
    color: #333;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0px !important;
    position: relative;
    width: 72.5%;
    margin-left: 0;
    text-align: left;
}

.formrow textarea {
    margin-bottom: 10px;
}

.formrow h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.formleft input,
.formright input,
.formrow input,
.formleft select,
.formright select {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #b8b6b6;
    height: 24px;
    /*width:268px;*/
    color: #666;
    vertical-align: middle;
    font-size: 13px;
}

.formrow select {
    width: 50%
}

.formright select {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #b8b6b6;
    height: 24px;
    /*width:268px;*/
    vertical-align: middle;
    font-size: 13px;
}

input.percent {
    text-align: right;
    padding-right: 4px;
}

.formrow input[type=radio] {
    width: auto;
    margin: 5px 2px;
}

.formrow input[type=submit],
.formrow .formleft input[type=submit],
.formrow a,
.formrow .formleft a {
    background: rgba(254, 254, 254, 1);
    background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(34%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(217, 212, 212, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d9d4d4', GradientType=0);
    border: 1px solid #969595;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 8px 4px 8px;
    text-align: center;
    width: auto;
    height: auto;
}

.formrow a,
.formrow .formleft a {
    background: rgba(254, 254, 254, 1);
    background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(34%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(217, 212, 212, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(217, 212, 212, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d9d4d4', GradientType=0);
    border: 1px solid #969595;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 12px;
    margin-right: 5px;
    padding: 4px 8px 4px 8px;
    text-align: center;
    width: auto;
    height: auto;
    font-weight: 300;
}

.formrow .textblock {
    display: inline-block;
    width: 30%;
    margin-bottom: 10px;
}

.formrow input[type=text] {
    margin-top: 0;
}

.formrow input[type=checkbox] {
    height: auto;
}

.formleft textarea {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #b8b6b6;
    height: auto;
    margin-top: 0.75em !important;
    width: 100%;
    color: #b8b6b6;
    font-size: 13px;
}

.formleft table {
    margin-top: 0.75em !important;
}

.formleft {
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    width: 44%;
    text-align: left;
    vertical-align: top;
}

.alert {
    color: #f05332;
}

.formright {
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    width: 44%;
    margin-left: 35px;
    text-align: left;
}

.formrowbtn {
    color: #333;
    font-size: 13px;
    margin-top: 12px;
    height: 80px;
    width: 91.5%;
    margin-left: 20px;
    text-align: left;
}

.campaignheading {
    font-size: 25px;
    color: #000;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: -58px;
}

#inline5 p,
#inline6 p {
    color: #000;
    font-size: 19px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 12px;
    text-align: left;
    text-transform: none;
    padding-left: 20px;
    margin-bottom: 15px;
}

#inline5 ul,
#inline6 ul {
    padding-left: 35px;
    list-style-type: none;
    margin: 0;
}

#inline5 ul li,
#inline6 ul li {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    list-style-type: disc;
}

#inline5 ul li a,
#inline6 ul li a {
    color: #007BBF;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

h2.producthead {
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
    text-transform: none;
    text-align: left;
    margin-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}

#productgrid table tr td {
    font-size: 15px;
    padding: 5px 3px;
}

#productgrid table {
    margin-top: 15px;
}

#productgrid table tr.listViewThS1 {
    background: none;
    border: none;
}

#productgrid table tr.listViewThS1 td {
    font-size: 18px;
    font-weight: 700;
}

#productgrid table tr.listViewThS1 td span {
    font-size: 13px;
}

#productgrid table tr td a {
    font-size: 15px;
    color: #0096D6;
}

.dvModalAssign {
    box-shadow: 0 0 4px 4px #999;
    background: #fff;
    border: 1px solid #666;
    position: fixed;
    z-index: 300;
    top: 30%;
    left: 30%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5px 5px 5px;
    width: 700px;
}

.dvModalAssign table tr td {
    padding: 0;
}

.footer.AspNet-Menu-Horizontal {
    display: inline;
    margin-bottom: 0;
    text-align: center;
}

.footer .AspNet-Menu-Horizontal ul.AspNet-Menu {
    text-align: center;
}

.footer .AspNet-Menu-Horizontal ul.AspNet-Menu li {
    float: none;
    display: inline;
    background: none;
    border: none;
    margin: 0;
}

.footer .AspNet-Menu-Horizontal ul.AspNet-Menu li a {
    display: inline;
    color: #202020;
    padding-right: 4px;
    padding-left: 4px;
    border-right: 1px solid #aaa;
    font-size: 13px;
}

.footer .AspNet-Menu-Horizontal ul.AspNet-Menu li:last-child a {
    border-right: none;
}

.footer .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
ul.AspNet-Menu li a:visited,
ul.AspNet-Menu li a:active {
    color: #202020;
    text-decoration: underline;
}

#example_processing {
    display: none;
}

.leftbartop {
    width: 144px;
    background: #fff;
    font-size: 13px;
    color: #333;
    padding-left: 6px;
    height: 36px;
    line-height: 35px;
    border: 1px solid #c5bfbf;
}

.leftbartop a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
}

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

.arrowtab {
    position: relative;
}

.arrowtabpop {
    position: absolute;
    width: 200px;
    background: #EEE;
    border: 1px solid #D6D6D6;
    border-radius: 0 10px 10px 10px;
    z-index: 1000;
    margin-top: -22px;
    box-shadow: 3px 3px 3px #333;
    padding: 10px;
}

.arrowtab .arrowtabpop {
    position: absolute;
    left: -2000px;
}

.arrowtab:hover .arrowtabpop {
    position: absolute;
    left: 8px;
    top: 35px;
    z-index: 900;
}

.newForm {
    border-top: 0 solid #ccc;
}

.newForm td {
    color: #333;
    font-size: 13px;
    text-align: left;
    padding: 0 0;
    vertical-align: top;
}

.newForm td p {
    margin: 0;
}

.newForm td .mandatory {
    font-size: 13px;
    text-align: right;
    color: #666;
    padding-top: 4px;
}

.newForm td .mandatory2 {
    color: #8CA621;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin-top: -18px;
}

.newForm td img {
    margin-top: -2px;
}

.newForm td .datepicker img {
    margin-top: 0px;
}

.newForm td input[type="text"] {
    border: 1px solid #b8b6b6;
    height: 24px;
    width: 95%;
    margin-top: 2px;
    box-sizing: border-box;
    color: #666;
    vertical-align: middle;
}

.generalform td input[type="text"]+span[style*="ed"],
.generalform td select+span[style*="ed"],
.newForm td input[type="text"]+span[style*="ed"],
.newForm td select+span[style*="ed"],
.newForm td input[type="text"]+span.ErrorText,
.newForm td select+span.ErrorText,
.newForm td input+a {
    white-space: nowrap;
}

.newForm td input.urlfield {
    height: 18px;
}

.newForm td input[type="file"] {
    border: none;
    height: 24px;
    width: auto;
    vertical-align: middle;
}

.newForm td input[type="checkbox"] {
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.newForm td label {
    vertical-align: middle;
}

.newForm td input[type=radio] {
    width: 20px;
    margin-top: 0;
    margin-left: 0;
}

.newFormNote input[type="text"],
.newFormNote textarea {
    border: 1px solid #b8b6b6;
    height: 20px;
    width: 350px;
    color: #333;
}

.newFormNote span {
    color: #333;
    font-weight: bold;
    font-size: 13px;
}

.newForm .languagehead {
    font-size: 16px;
    font-weight: bold;
    color: #999;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.newFormNote .button {
    background: url("images/button_right.png") no-repeat scroll right center transparent;
    border: medium none;
    color: #0176ad;
    font-weight: 400;
    height: auto;
    width: auto;
}

.newFormNote .button.nobg {
    background: none;
}

.newForm td input.button {
    width: auto;
    height: auto;
    font-weight: 400;
    border: none;
    background: url(images/button_right.png) no-repeat right;
    color: #39c;
}

.newForm td input.arrowbtn {
    width: 30px;
}

.newForm td input.smallinput {
    width: 260px;
}

.newForm td input.smallinput2 {
    width: 210px;
}

.newForm td.labelheight {
    height: 25px;
    padding-top: 5px;
    vertical-align: bottom;
    font-weight: bold;
}

.newForm td.labelheight strong {
    text-align: right;
    min-width: 140px;
    display: inline-block;
    padding-right: 10px;
}

.newForm td.labelheight span {
    font-weight: bold;
}

.newForm td input.check,
.newForm table.inputcheck td input {
    border: none;
    height: 15px;
    width: 15px;
    background: #fff;
    vertical-align: middle;
}

.newForm td select {
    border: 1px solid #999;
    height: 24px;
    width: 95%;
    background: #f7f7f7;
    padding: 0;
}

.newForm td textarea {
    border: 1px solid #b8b6b6;
    height: 60px;
    width: 95%;
    background: #fff;
    padding: 3px;
    box-sizing: border-box;
    color: #666;
}

.newForm td h1 {
    color: #0176ad;
    font-size: 28px;
    font-weight: 400;
    margin: 0;
}

.newForm td.formheading,
td.formheading,
div.formheading {
    font-weight: 500;
    /*padding-top:8px;*/
    border-bottom: 1px solid #dadada;
    background: none;
    /*padding-left:4px;*/
    color: #666;
    font-size: 16px;
    line-height: 40px;
    text-transform: none;
    text-align: left;
    /*margin-bottom:20px;*/
    /*float:left;*/
}

.newForm td.nformheading,
td.nformheading,
div.nformheading {
    font-weight: 500;
    border-bottom: 1px solid #dadada;
    background: none;
    color: #666;
    font-size: 16px;
    line-height: 40px;
    text-transform: none;
    text-align: left;
}

h2.formheading span {
    padding-top: 5px;
    padding-bottom: 5px;
    background: none;
    padding-left: 0;
    color: #999;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: none;
}

.newForm td.info,
.newForm td div.info,
table.newForm td.info span {
    color: #666;
    font-weight: 400;
    padding-bottom: 4px;
}

.newForm td span.mand {
    color: red;
    font-weight: 700;
    font-size: 16px;
    line-height: 0;
}

.newForm td.leftpad {
    padding-left: 20px;
}

.newForm td div.notelist {
    font-weight: 400;
    color: #666;
    margin-bottom: 15px;
}

.newForm td div.notelist input {
    font-weight: 400;
    font-size: 13px;
    border-radius: 4px;
    background: #fff;
    width: 50px;
    margin-right: 0;
}

.notelistinner span.date {
    font-size: 13px;
    color: #717074;
    background: none;
    font-weight: 400;
    border: none;
    display: block;
    float: right;
}

.space1 {
    padding-bottom: 15px;
}

.notelistinner span.notecontent {
    font-size: 14px;
    padding-bottom: 3px;
    display: block;
    margin-top: 5px;
}

.notelistinner span.notetitle {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 2px;
    padding-top: 2px;
    display: block;
    float: left;
}

.newForm td span.checkbox input {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    margin-right: 4px;
    vertical-align: middle;
}

.adminarea {
    margin-top: 16px;
}

.viewarea {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
    color: #333;
}

.viewarea strong span {
    display: inline-block;
    min-width: 140px;
    text-align: right;
    padding-right: 10px;
}

.viewarea span.check input {
    margin-top: 5px;
    position: absolute;
}

.viewarea .view1 {
    width: 390px;
    float: left;
    margin-right: 15px;
}

.viewarea .view1 a {
    text-decoration: none;
}

.viewarea .view2 {
    width: 430px;
    float: left;
}

.viewarea .name {
    color: #999;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    line-height: 25px;
}

.viewarea .designation {
    font-size: 13px;
    font-style: italic;
}

body.sideframe {
    font-size: 13px;
    font-weight: 400;
    background: none;
}

.conversionlead {
    margin-top: 35px;
}

h2.adminsubhead {
    padding-top: 8px;
    background: none;
    padding-left: 0;
    color: #333;
    line-height: 25px;
    text-transform: none;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
}

h2.adminsubhead.report {
    margin-top: 0;
    border-bottom: 1px solid #ccc;
}

h2.adminsubhead .note {
    border-bottom: 1px solid #717074;
    padding-bottom: 6px;
    width: 100%;
    display: block;
}

#divShowNote,
.divShowNote {
    margin-top: -43px;
    margin-left: 10px;
}

.bluetxtbold {
    color: #0176ad;
    font-weight: 700;
}

.leftmenuinner {
    text-align: left;
    padding: 4px;
}

.leftmenuinner input {
    border: 1px solid #666;
    margin-top: 2px;
    margin-bottom: 2px;
}

.content-wrapper {
    position: relative;
    margin-top: 80px !important;
    /*min-height: 650px;
	width: calc(100% - 180px);
	float: right;*/
    padding: 15px;
    box-sizing: border-box;
    z-index: 100;
    background: transparent;
}

.mainbodyinner {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
}

#divListView {
    position: relative;
    width: 100%;
    z-index: 100;
}

#divMainBody select {
    border: 1px solid #b8b6b6;
    background: #fff;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    min-height: 18px;
}

#divMainBody .gridtop select {
    border: 1px solid #969595;
    background: #fff;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    margin-left: 0;
}

.helpicon {
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -30px;
}

.button-panel .button {}

.cal_Theme1 {
    background: #fff;
    border: 1px solid #666;
}

.newForm td input.buttonblue,
input.buttonblue,
a.buttonblue {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0176ad;
    text-align: center;
    padding: 4px 9px;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    height: 31px;
    vertical-align: middle;
}

.gridlist {
    margin-top: 10px;
}

.bluelink a {
    font-size: 14px;
    text-decoration: underline;
    color: #0176ad;
}

#divCategory {
    background: #fff;
    border: 1px solid #666;
    padding: 10px;
    max-height: 500px;
    width: 400px;
    overflow: auto;
}

#divCategory img {
    display: block;
    text-align: right;
    cursor: pointer;
}

input[type=checkbox],
#imgClose,
.leftmenuinner input.button {
    border: none;
}

#groupTabs,
.campaigns2,
.notelistinner {
    margin-top: 20px;
}

* html .clearfix,
:first-child+html .clearfix {
    zoom: 1;
}

.listViewThS1 td a,
.otherTab a {
    color: #666;
    text-decoration: none;
}

.tabForm,
.tabForm2 {
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-size: 13px;
    background-repeat: repeat-x;
    background-position: top;
    color: #202020;
    background-color: #f6f6f6;
    border-color: #ccc;
    padding: 10px 6px 12px 10px;
}

#colorpicker,
.newForm td lebel {
    vertical-align: middle;
}

ul.tablist2 li,
.contactp {
    margin-top: 10px;
}

#divShortcutsheaderleft,
.New th {
    padding-left: 4px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

.DoNotCall,
.blead {
    background-color: #b7dee8;
    border: 1px solid #ccc;
}

.accordionContent,
.accordionContent div {
    overflow: inherit;
}

.checkbox input,
.checkbox label {
    display: block;
    float: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.subpanelTabForm h3,
.monthBox,
a.monthCalBodyWeekDayDateLink:link,
a.monthCalBodyWeekDayDateLink:visited,
table td.normaltxt {
    font-size: 13px;
}

.oddListRowS1 td a:link,
.oddListRowS1 td a:visited,
.oddListRowS1 td a:hover,
.oddListRowS1 td a:active,
.evenListRowS1 td a:link,
.evenListRowS1 td a:visited,
.evenListRowS1 td a:hover,
.evenListRowS1 td a:active {
    text-decoration: none;
    color: #0176ad;
}

.oddListRowS1 td a.nolink,
.evenListRowS1 td a.nolink {
    color: #333;
    cursor: default;
}

.subpanelTabSpace *,
.notshow {
    display: none;
}

ul.subMenu li a:hover,
ul.subMenu li span:hover,
a.lastViewLink:hover,
.monthCalBodyWeekDay,
.dailyCalBodyItems {
    background-color: #fff;
    color: #000;
}

.mainlanguagebox {
    margin: 0;
    padding: 0;
}

a.leftColumnModuleS3Link:link,
a.leftColumnModuleS3Link:visited,
.footerHR,
.footer a.footerLink {
    color: #202020;
}

.adminform,
.formtext2 {
    font-size: 13px;
    font-weight: 700;
    color: #202020;
}

#leftlinks li:last-child,
.progressBackgroundNotFilterShadow,
.footer .AspNet-Menu-Horizontal ul.AspNet-Menu li a:link,
.newForm td input.button.nobg,
.nobg {
    background: none;
}

.bt,
.countryBox table {
    margin-top: 5px;
}

.topgap td {
    padding-top: 0;
    padding-left: 0;
}

.bottomgap10 {
    margin-bottom: 10px;
}

.chkst span {
    padding-left: 0;
}

.tabs-container,
.tabs-container td,
.pagecontent td,
.pstyle {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 12px;
    text-align: left;
    text-transform: none;
}

.pagecontentright ul,
.bottombox ul,
.buildbox ul,
.learnbox ul {
    position: relative;
    margin: 0 0 0 12px;
    padding: 0;
}

.pagecontentright ul li,
.bottombox ul li,
.buildbox ul li,
.learnbox ul li {
    font-size: 14px;
    color: #000;
    text-align: left;
    font-weight: 400;
    margin-top: 5px;
    list-style-type: disc;
    list-style-position: outside;
}

.bottombox p,
.learnbox p,
.buildbox p {
    font-size: 14px;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    line-height: 19px;
    color: #000;
    margin-top: 5px;
}

.buildbox ul li a,
.learnbox ul li a {
    font-size: 14px;
}

.learnbox h1,
.buildbox h1 {
    font-size: 32px;
    color: #0096d6;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    line-height: 28px;
}

.learnbox .learnbtn,
.bottombox .learnbtn,
.buildbox .learnbtn {
    position: absolute;
    bottom: 0;
}

.bluecolor,
.lightblue {
    color: #0096D6;
}

.dvModalAssign table tr td,
.custombtn .button {
    font-size: 14px;
    color: #000;
}

.newForm td .righttxt,
.textright {
    text-align: right !important;
}

.bottomgap20 {
    margin-bottom: 20px;
}

#overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #333;
    opacity: 0.4;
    z-index: 1001;
}

div.main {
    position: fixed;
    left: 20%;
    top: 12%;
    border: 3px solid #fff;
    padding: 0;
    z-index: 1002;
    box-shadow: 0px 0px 10px 5px #666;
    background: #fff;
    padding-bottom: 5px;
    max-height: 500px;
}

.main2 {
    position: fixed;
    left: 30%;
    top: 25%;
    border: 3px solid #fff;
    padding: 0;
    z-index: 1002;
    box-shadow: 0px 0px 10px 5px #666;
    background: #fff;
    padding-bottom: 5px;
}

div.main3 {
    position: fixed;
    left: 25%;
    top: 5%;
    border: 3px solid #fff;
    padding: 0;
    z-index: 1002;
    box-shadow: 0px 0px 10px 5px #666;
    background: #fff;
    padding-bottom: 5px;
}

#dv_no_move {
    padding: 2px -40px -50px 2px;
    height: 90%;
    width: 100%;
}

.close {
    float: right;
    cursor: pointer;
    margin-top: 0px;
    padding-right: 4px;
}

.title {
    cursor: move;
    color: #333;
    padding: 8px;
    border-bottom: 1px solid #bbb;
    display: block;
    background: #fff;
}

#title_left {
    font-size: 16px;
    color: #333;
}

#dv_load {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin: 0 auto;
}

.orange {
    color: #ff9a71;
}


/*select:focus  
{  
    outline: none;
	-webkit-appearance: none;
	overflow:hidden;  
	} */

#divDesc {
    position: absolute;
    width: 400px;
    padding: 20px;
    background: #fff;
    border: 2px solid #666;
    box-shadow: 2px 2px 2px #666;
    z-index: 100;
    font-size: 13px;
}

.exportheader {
    text-align: right;
}

td .pagenavigation {
    padding-top: 10px;
    text-align: right;
}

a.pagenavigation {
    color: #0176ad;
    text-decoration: none;
    font-size: 13px;
}

#pagenavigation {
    /*background: rgba(236,234,234,1);
	background: -moz-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,234,234,1)), color-stop(34%, rgba(236,234,234,1)), color-stop(100%, rgba(197,196,196,1)));
	background: -webkit-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -o-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: linear-gradient(to bottom, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#c5c4c4', GradientType=0 );*/
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    color: #666;
    font-size: 13px;
    padding: 6px 5px;
}

#pagenavigation a {
    padding: 3px 5px;
}

.dropgap {
    vertical-align: top;
}

.dvModal td {
    font-weight: bold;
    font-size: 13px;
    padding: 4px;
}

.admintable td {
    color: #333333;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 4px;
}

.admintable input,
.admintable select {
    border: 1px solid #666666;
    color: #666666;
    height: 20px;
    width: 300px;
}

.admintable td a {
    color: #0176ad;
    text-align: none;
}

.admintable td span {
    display: block;
    text-align: left;
}

.admintable td span span {
    display: inline;
}

.reporttop td {
    font-size: 13px;
}

#OpenedLeads_UpdatePanelMain {
    padding-left: 5px;
}

#OpenedLeads_UpdatePanelMain a {
    color: #33A0D9;
    display: block;
    margin-top: 3px;
    text-decoration: none;
    height: auto;
}

.reportgrid {
    margin-top: 5px;
}

.plink {
    color: #0176ad;
    text-decoration: none;
    font-size: 13px;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 500;
}

.bottomgap {
    margin-bottom: 2px;
}

.bottomgap5 {
    margin-bottom: 5px;
}

.reporttotal {
    margin-bottom: 2px;
    margin-top: 5px;
}

.reporttotal td {
    padding-left: 8px;
}

.qbtn {
    position: relative;
    cursor: pointer;
}

.qbtn span {
    display: none;
}

.qbtn:hover span {
    display: inline-block;
    position: absolute;
    min-width: 100px;
    border: 1px solid #666;
    background-color: #fff;
    color: #000;
    text-align: left;
    font-size: 13px;
    z-index: 100;
    padding: 5px;
    box-shadow: 2px 2px 1px #999;
}

h1 .qbtn:hover span {
    display: inline-block;
    position: absolute;
    min-width: 400px;
    border: 1px solid #666;
    background-color: #fff;
    color: #000;
    text-align: left;
    font-size: 13px;
    z-index: 100;
    padding: 5px;
    box-shadow: 2px 2px 1px #999;
}

.templatehead {
    color: #999999;
    font-size: 16px;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
}

.datepicker table td {
    padding-left: 0;
}

.calender {
    background: #fff;
    border: 0px solid #ccc;
    position: absolute;
    margin-left: -50px;
}

.calender table {
    position: absolute;
    border-collapse: collapse;
    margin-left: -70px;
}

.calender td {
    padding: 0;
    border: 1px solid #ccc;
    font-size: 10px;
}

div.ajax__calendar_today {
    font-size: 13px;
    margin-top: -10px;
    text-align: center;
}

.calender td div {
    font-size: 13px;
    padding: 0;
    text-align: center;
}

.reportfromto {
    margin-top: 10px;
}

.reportfromto input {
    border: 1px solid #666;
}

.reportdetails {
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 5px;
}

.reportdetails input,
.reportdetails select {
    margin-right: 10px;
}

.chkadj input,
.chkadj label {
    vertical-align: middle;
}

.mappingdata {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mappingdata td {
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 3px 10px;
}

.button-span {
    padding-left: 400px;
}

.maplist {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.mapdetails {
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.myaccountdetails td {
    font-size: 14px;
    color: #333;
    padding: 2px;
}

.myaccountdetails td.tabDetailViewDL {
    font-weight: bold;
    background: #fff;
}

.categoryview td.tabDetailViewDL {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.categoryview td.tabDetailViewDF {
    font-size: 14px;
    color: #333;
}

.myaccountdetails th.dataLabel {
    font-size: 16px;
    color: #999;
    padding-top: 20px;
}

.myaccountdetails td a {
    color: #33A0D9;
}

.EventForm td {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: top;
}

.EventForm td.smalltxt {
    font-size: 13px;
}

.EventForm td input,
.EventForm td select {
    border: 1px solid #666666;
    color: #666666;
    height: 20px;
    width: 350px;
}

.pickdate {
    margin-top: 4px;
}

.EventForm td.labelheight {
    height: 25px;
    padding: 0;
    padding-top: 5px;
    vertical-align: bottom;
}

.EventForm td.dataField {}

span.dataField {}

.EventForm td.formheading {
    color: #999999;
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
    text-transform: none;
    border-bottom: 1px solid #666;
    padding: 0;
}

.EventForm td input[type=checkbox],
.EventForm td input[type=radio] {
    width: auto;
    height: auto;
    padding-bottom: 0px;
}

.EventForm td input[type=submit] {
    width: auto;
    height: 25px;
}

.required {
    color: red;
}

input.inputstyle {
    border: 1px solid #333;
}

.productForm td {
    font-size: 14px;
}

.productForm td.formheading {
    font-size: 20px;
    border-bottom: none;
}

.productForm td input {
    border: 1px solid #333;
}

.newproduct td {
    font-size: 14px;
    font-weight: bold;
}

.newproduct td input,
.newproduct td textarea {
    border: 1px solid #333;
}

.newproduct td input.button {
    border: none;
}

.newproduct td span.required {
    font-size: 13px;
}

.generalform td {
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    vertical-align: top;
}

.generalform td select {
    margin-top: 0;
}

.generalform td.dataLabel {
    text-align: right;
    padding: 6px 4px;
}

.generalform td span {
    font-weight: bold;
}

.generalform td input[type="text"],
.generalform td select {
    border: 1px solid #b8b6b6;
    margin-left: 0;
    width: 90%;
    max-width: 300px;
}

.generalform td input[type="number"] {
    border: 1px solid #b8b6b6;
    margin-left: 0;
    width: 100px;
}

.generalform td input[type="file"] {
    border: none;
}

.generalform td textarea {
    border: 1px solid #b8b6b6;
    width: 90%;
    max-width: 300px;
}

.generalform td span.check input {
    width: 10px;
    height: 10px;
}

.generalform td div.formheading {
    margin-bottom: 10px;
}

.editbox {
    border: 1px solid #807c78;
    padding: 15px 2% 15px 2%;
    width: 96% !important;
    margin-bottom: 3px;
    z-index: 1;
    margin-top: 15px;
}

.editbox:hover {
    z-index: 1;
    cursor: pointer;
    background: #f1f1f1;
}

.generalform td a {
    color: #0176ad;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

.generalform td input.button:last-child {
    background: none;
}

.generalform td input.button {
    border: none;
}

.rc_iframe_table td {
    font-size: 13px;
}

.message {
    font-size: 14px;
    font-weight: bold;
    color: red;
    margin-bottom: 10px;
    display: block;
}

th.dataLabel {
    text-align: left;
}

.smalltxt {
    font-size: 13px;
}

a.smalltxt {
    color: #33A0D9;
    text-decoration: none;
    font-size: 10px;
}

.border-right {
    border-right: 1px solid #dadada;
}

.themeFormCellZ {
    background: #fff;
    border: 1px solid #ccc;
}

.formtdtxt {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.formtable .dataLabel {
    font-weight: bold;
}

td.dataLabel {
    font-size: 13px;
    font-weight: bold;
}

.sectionedit td {
    height: 30px;
}

.sectionedit td.lefttxt {
    font-size: 14px;
    font-weight: bold;
}

.sectionedit td input {
    border: 1px solid #666;
    height: 20px;
}

.chkgrid {
    overflow: hidden;
}

td span.chkgrid input {
    width: 15px;
    height: 15px;
}

span.chkgrid label {
    padding-right: 15px;
}

td span.chkgrid2 input {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

td span.chkgrid2 label {
    padding-right: 20px;
    vertical-align: middle;
}

.syndication_container {
    border: 1px solid #ccc;
}

.chkboxcontainer input,
.chkboxcontainer label {
    vertical-align: middle;
    font-size: 13px;
    border: none !important;
    margin-right: 5px;
}

.pagination {
    margin-top: 5px;
}

.pagination a {
    font-size: 13px;
    color: #33A0D9;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 2px 3px 2px 3px;
}

td.urltitle span {
    color: #333;
    font-size: 13px;
}

td.urltext span {
    color: #333;
    font-size: 13px;
    line-height: 15px;
}

.h3Row {
    font-size: 13px;
}

table.h3Row tr td {
    border: none !important;
    background: none;
    padding: 0;
}

.admincolumn {
    position: relative;
    width: 252px;
    float: left;
    margin-top: 3px;
}

.admincolumn h2 {
    color: #f27724;
    font-size: 24px;
    margin: 0;
    padding: 0;
    margin-bottom: -16px;
}

.admincolumn div.adminmodule {
    margin-top: 23px;
    margin-bottom: 2px;
}

.admincolumn div h3 {
    padding: 0;
    margin: 0;
}

.admincolumn h3 a {
    color: #0176ad;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.admincolumn p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
}

table.rc_table td {
    font-size: 13px;
}

.listpopup {
    background: #fff;
    border: 1px solid #666;
    padding: 15px;
    float: left;
    max-width: 72%;
    min-width: 800px;
}

.listpopup table td {
    padding: 2px;
}

.listpopup table td span {
    font-weight: bold;
}

.listpopup table td input[type='text'],
.listpopup table td input[type='password'] {
    border: 1px solid #b6b6b6;
}

.listpopup table td input.button {
    font-size: 13px;
    border: none;
}

table.tabSearchView td.dataLabel {
    font-weight: bold;
    text-align: right;
}

.newForm td input.upimage {
    border: 0;
    position: relative;
    height: auto;
}

#btnPreviewPopU {}

.doculink {
    color: #0176ad;
    font-size: 13px;
    text-decoration: none;
}

#reportleft {
    color: #333;
    display: inline;
    float: left;
    font-size: 13px;
    margin-left: 8px;
    text-decoration: none;
}

#reportleft span {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

#left,
#right,
#right2 {
    color: #FFFFFF;
    display: inline;
    font-size: 13px;
    text-decoration: none;
}

#left span,
#right span,
#left a,
#right a,
#right2 a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

div.reportinfo {
    font-size: 13px;
    line-height: 25px;
}

div.reportinfo a {
    color: #0176ad;
    text-decoration: none;
    font-weight: bold;
}

.dashcontainertable {
    margin-bottom: 15px;
    margin-top: 15px;
}

.dash_head {
    color: #999999;
    font-size: 20px;
    font-weight: bold;
}

.dash_number {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}

.dash_bottom {
    color: #000000;
    font-size: 13px;
}

.dash_green {
    color: #9FDA52;
    font-size: 16px;
    font-weight: bold;
}

.dash_red {
    color: #880024;
    font-size: 16px;
    font-weight: bold;
}

.total_revenue {
    color: #4D4E53;
    font-size: 20px;
}

.img_number {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
}

.img_number a {
    color: #f27724;
    font-size: 20px;
    text-decoration: none;
}

#divMainBody table.reporttype {}

#divMainBody table.reporttype td {
    font-size: 13px;
    padding: 5px;
}

#divMainBody table.reporttype td select {
    border: 1px solid #666666;
    height: 20px;
    width: 100%;
}

#divMainBody table.reporttype td input[type="text"] {
    border: 1px solid #666666;
    width: 100%;
}

#campaignactions td {
    border: none;
}

#campaignactions td input.button {
    display: block;
}

.zonepop td {
    vertical-align: top;
}

table.zonepop {
    width: 100%;
}

table.zonepop td h1 {
    font-size: 20px;
    text-transform: none;
    color: #0176ad;
}

.assigntemplatebox {
    width: 250px;
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    border: 1px solid #ccc;
    background: #f1f1f1;
}

.assigntemplatebox td {
    font-size: 14px;
    border-collapse: collapse;
}

.smallpopuphead {
    font-size: 16px;
}

#overlay-pop {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1000;
    background: #000;
    opacity: 0.3;
}

#divSendTest {
    display: none;
    width: 30%;
    height: auto;
    overflow: auto;
    left: 35%;
    top: 20%;
    position: absolute;
    z-index: 2000;
    border: 1px solid #787878;
    background: #FFFFFF;
    padding-bottom: 20px;
    -moz-box-shadow: 0 0 5px #B4B4B4;
    -webkit-box-shadow: 0 0 5px #B4B4B4;
    box-shadow: 0 0 5px #B4B4B4;
    padding: 5px 10px 10px 10px;
}

#divSendSchedule {
    display: none;
    width: 50%;
    overflow: auto;
    left: 25%;
    height: 300px;
    top: 20%;
    position: absolute;
    z-index: 2000;
    border: 1px solid #787878;
    background: #FFFFFF;
    padding-bottom: 20px;
    -moz-box-shadow: 0 0 5px #B4B4B4;
    -webkit-box-shadow: 0 0 5px #B4B4B4;
    box-shadow: 0 0 5px #B4B4B4;
    padding: 5px 10px 10px 10px;
}

#divSendSchedule td {
    font-weight: bold;
    padding: 4px;
    font-size: 13px;
    text-align: left;
}

.cus-message {
    color: #333;
    font-size: 14px;
}

.cus-message2 {
    color: #666;
    font-size: 13px;
}

.reportadminbox {
    width: 315px;
    height: 240px;
    border: 1px solid #666666;
}

h2.reportsubhead {
    color: #F27724;
    font-size: 25px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.reportboxhead {
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

.addbtn {
    padding-left: 10px;
    padding-right: 10px;
}

.movebtn {
    padding-left: 20px;
}

.reportradio td {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

.dashboard td a {
    font-size: 14px;
    color: #0176ad;
    text-decoration: none;
}

#divMainBody td.reporttextbox {
    vertical-align: middle;
    height: 40px;
    padding: 0;
    border: 0px solid #ccc;
    text-align: left;
    white-space: normal;
}

#divMainBody td.reporttextbox select {
    margin-right: 10px;
    margin-top: 0;
    white-space: nowrap;
}

#divMainBody td.reporttextbox input {
    white-space-collapse: collapse;
    white-space: nowrap;
}

#aDirDisplay,
#aDirDisplayOwn {
    /*background: rgba(236,234,234,1);
	background: -moz-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,234,234,1)), color-stop(34%, rgba(236,234,234,1)), color-stop(100%, rgba(197,196,196,1)));
	background: -webkit-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -o-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: linear-gradient(to bottom, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#c5c4c4', GradientType=0 );*/
    background: #ddd;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    display: block;
    color: #1a1a1a;
    padding: 7px 10px;
    margin-top: 10px;
    text-decoration: none;
}

.reportheadedit {
    float: right;
    margin-top: -23px;
    color: #1a1a1a;
}

.reportheadedit .button {
    color: #1a1a1a;
}

.reporttopgap {
    margin-top: 10px;
}

.newForm td select.andor {
    width: 50px;
}

.newForm td select.criteriafield,
.newForm td input.criteriafield {
    width: 150px;
}

.reporttypeselect .radioclass {
    color: #333;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    font-weight: 700;
}

.reporttypeselect {
    padding-top: 16px;
    font-size: 14px;
    color: #807C78;
}

#tdReportDescription {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.subscription {
    border: 1px solid #ccc;
    padding: 5px;
    background: #f1f1f1;
    margin-top: 5px;
    width: 70%;
}

.popupform .popheader {
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.borderbottom {
    border-bottom: 1px solid #e4e4e4;
}

.popupform {
    margin-bottom: 15px;
    padding: 10px;
}

.popupform td {
    font-size: 14px;
    padding: 4px;
}

.popupform input {
    border: 1px solid #666;
    color: #666;
    width: 250px;
}

.popupform select {
    border: 1px solid #666;
    color: #666;
    width: 250px;
}

.popupform table.inputcheck input,
#rdblTimeType input {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.popupform table.inputcheck label,
#rdblTimeType label {
    vertical-align: middle;
    font-weight: bold;
}

.popupform .button {
    border: none;
    width: auto;
    color: #0176ad;
}

.popupform select.topdrop {
    font-size: 16px;
    height: 24px;
}


/*table.OddRoleModulelist, table.EvenRoleModulelist {
	border:1px solid #ccc;
	padding:15px;
	margin-right:10px;
}

table.OddRoleModulelist {
	background:#f1f1f1;
}

table.OddRoleModulelist td, table.EvenRoleModulelist td {
	padding:5px;
	}*/

.bluebtnsmall {
    background: #00adff;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    font-size: 13px;
    border: none;
    margin-right: 2px;
    color: #fff;
}

#ModalPopupBehavior_foregroundElement {
    z-index: 10001 !important;
}

.inputborder {
    border: 1px solid #666;
}

.ajax__calendar_container {
    /*width:225px !important;*/
    height: 168px !important;
}

.div.ajax__calendar_header {
    width: 190px !important;
    text-align: center !important;
}

.ajax__calendar_year {
    height: 41px !important;
}

.div.ajax__calendar_title {
    font-weight: bold !important;
    text-align: center !important;
}

.processdiv {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
}

.processdiv img {
    margin: 20% auto 0 45%;
    position: static;
}

.syncampaignlist table td {
    font-size: 13px;
}

td.customreporthead {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 4px;
}

td.changebackground {
    background: #8CA621
}


/* Dark Theme
.managecampaign td  div.camplist{
	padding: 15px;
	margin-bottom:20px;
	background:#ebebeb;
	border:1px solid #ebebeb;
}*/

.managecampaign td div.camplist,
div.camplist {
    padding: 15px;
    margin-top: 15px;
    background: #fff;
    /* border: 1px solid #b1b1b0;
    border-radius: 8px; */
}

.managecampaign td div.camplist:after,
div.camplist:after {
    content: '';
    display: block;
    clear: both;
}


/*.managecampaign td img.campaignimg {
	width: 165px;
	height: auto;
	border: 1px solid #bbb !important;
	display: block;
	float: left;
	margin-right: 25px;
	overflow: auto;


}
*/

.managecampaign td .sectionname {
    color: #202020;
    font-size: 18px;
    display: block;
    margin-bottom: 4px;
}

.managecampaign td .campaignadmin {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.camptoolsidebyside {
    margin-top: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.camptoolsidebyside::after {
    content: ":";
    display: block;
    position: absolute;
    right: -6px;
    font-size: 16px;
    line-height: 22px;
    top: -2px;
}

.ucmlinkgroup.d-inline {
    display: inline;
    margin-left: 10px;
    vertical-align: top;
}

.ucmlinkgroup.d-inline a,
.ucmlinkgroup.d-inline span {
    font-size: 14px;
}

.managecampaign td ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

.managecampaign td ul li {
    float: left;
    position: relative;
}

.managecampaign td ul li b {
    color: #000;
}

.managecampaign td ul li .button {
    background: url(images/button_right.png) right no-repeat;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    z-index: 100;
    line-height: 1;
}

.managecampaign td ul li .button.noleftmargin {
    padding-left: 0;
}

.managecampaign td ul li .button.nobg {
    background: none;
}

table.managecampaign td ul li .button.camptoolhover {
    color: #807c78;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-bottom: 2px;
    z-index: 1000;
    padding-right: 7px;
    padding-left: 7px;
    background: #fff;
    position: relative;
}

table.managecampaign td ul li:first-child .button.camptoolhover {
    margin-left: -8px;
}

.managecampaign td ul li:last-child .button {
    background: none;
}

.managecampaign td ul li:first-child .button {
    padding-left: 0;
}

.managecampaign td ul li:first-child {
    padding-left: 0;
}

.managecampaign td .managecampaignright {
    float: left;
    width: 68.5%;
    position: relative;
}

.managecampaign td .managecampaignright .camptool {
    color: #f27724;
    background: url(images/button_right.png) no-repeat;
    background-position: right;
    font-size: 13px;
    text-decoration: none;
    padding: 0 8px 0 8px;
}

.managecampaign td .managecampaignright ul li .camptool {
    padding: 0 8px 0 8px;
}

.managecampaign td .managecampaignright ul li:last-child .camptool {
    background: none;
}

.managecampaign td .managecampaignright ul li:first-child .camptool {
    padding-left: 0;
}

.managecampaign td .dvToggle {
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    z-index: 1;
    min-width: 125px;
}

table.managecampaign td ul li:first-child .dvToggle {
    margin-left: -8px;
}

.managecampaign td .dvToggle .button:hover {
    color: #807c78;
}

.managecampaign td .dvToggle .button {
    background: none;
}

td span.chkpmc {
    display: table;
}

td span.chkpmc label {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    height: 40px;
    color: #666;
}

td span.chkpmc label input {
    height: auto;
}

.BrdrPrner {
    background: #f1f1f1;
    border: 1px solid #ccc;
    width: 98%;
    padding: 15px 1% 10px 1%;
    position: relative;
    margin-bottom: 20px;
}

table.reporttype td input.buttonblue {
    margin-top: 10px;
}

div.rgtlink {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}

div.rgtlink a {
    color: #0176ad;
    text-decoration: none;
}

#dvtab input,
#dvtab a {
    background: #f3f0ef;
    margin: 0;
    margin-right: 1px;
    float: none;
    display: inline-block;
    color: #333333;
    font-size: 14px;
    padding: 8px 15px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

#dvtab input.Clicked,
#dvtab a.Clicked,
#dvtab a.lDocTySelected {
    background: #fff;
    border: 1px solid #bababa !important;
    border-bottom: none !important;
    padding-bottom: 13px;
    margin-bottom: -5px;
}

#dvtab input[disabled=disabled],
#dvtab a[disabled=disabled] {
    cursor: default;
    opacity: 0.6;
}

#dvtab,
ul.tabs {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid #d6d6d6;
    z-index: 100;
}

.dvtab {
    position: relative;
    margin-bottom: 20px;
    margin-top: 1px;
    border-bottom: 1px solid #807c78;
    padding-bottom: 0px;
    z-index: 100;
}

ul.dvtab {
    margin: 0;
    padding: 0;
}

.dvtab li,
ul.tabs li {
    display: inline;
}

.dvtab input,
#dvtab a,
.dvtab a,
ul.tabs li a {
    margin: 0 5px -2px 0;
    float: none;
    display: inline-block;
    color: #333333;
    font-size: 13px;
    padding: 4px 4px 8px 4px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: none;
    max-width: 132px;
    position: relative;
    line-height: 18px;
    text-align: left;
}

.dvtab input:before,
#dvtab a:before,
.dvtab a:before,
ul.tabs li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #0176ad;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.dvtab input:hover::before,
#dvtab a:hover::before,
.dvtab a:hover::before,
ul.tabs li a:hover::before,
.dvtab input.Clicked:before,
.dvtab a.Clicked:before,
ul.tabs li a.current:before,
html ul.tabs li.active:before,
html ul.tabs li a.selected:before {
    right: 0;
}

.dvtab input.Clicked,
.dvtab a.Clicked,
ul.tabs li a.current,
html ul.tabs li.active,
html ul.tabs li a.selected {
    font-weight: 500;
    color: #0176ad;
}

.dvtab input[disabled='disabled'],
.dvtab a[disabled=disabled] {
    cursor: default;
    opacity: 1;
    color: #333;
    background: #fff;
}


/* divSSOLogin */

#divSSOLogin {
    padding: 1.0em 1em 1.5em 1em;
    background: #f1f1f1 !important;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #999;
    width: 284px;
}

#pnlmarkettoMenu {
    display: block;
    position: relative;
}

#pnlmarketthroughmenu {
    display: block;
    position: relative;
}

#divSSOLogin span {
    color: #fff;
    font-size: 13px;
    line-height: 14px;
    font-weight: 300;
    /*margin:0.1em 0.1em;*/
    border: 0px solid #fff;
    width: 70px;
    height: 85px;
    padding: 10px;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 0;
    margin-bottom: 15px;
}

#divSSOLogin span.sso1 a {
    background: url("../image/reach.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso2 a {
    background: url("../image/engage.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso3 a {
    background: url("../image/enable.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso4 a {
    background: url("../image/manage.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso5 a {
    background: url("../image/report.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso6 a {
    background: url("../image/portal.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso7 a {
    background: url("../image/campaigns.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso8 a {
    background: url("../image/leads.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso9 a {
    background: url("../image/launch.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span.sso10 a {
    background: url("../image/roi.png") no-repeat;
    background-position: 50% 30%;
}

#divSSOLogin span a {
    display: block;
    text-align: center;
    color: #333 !important;
    font-size: 13px;
    background: none;
    padding: 0;
    height: 85px;
    width: 70px;
    vertical-align: bottom;
}

#divSSOLogin span a img {
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    width: 70px;
    height: 70px;
    margin-bottom: 3px;
}


/* divSSOLogin */

#aPartner,
.pdownload {
    display: inline-block;
    text-align: right;
    font-size: 14px;
}

#aPartner {
    margin-bottom: 10px;
}

.pdownload {
    color: #0176ad;
    text-decoration: none;
    font-weight: bold;
    margin-top: 0;
    font-size: 13px;
    display: block;
    text-align: right;
    margin-bottom: -23px;
}

.BrdrPrnerclose {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#divMainBody table.reporttype td .ajax__calendar_container TD {
    font-size: 13px;
    padding: 0;
}

ul.campaigntools {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

ul.campaigntools li {
    float: left;
    list-style: none;
    margin-right: 10px;
    color: #0067b8;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 0 !important;
}

ul.campaigntools li b {
    font-weight: 400;
    color: #000;
}

ul.campaigntools li:before {
    content: '|';
    display: inline-block;
    color: #333333;
    margin-right: 5px;
}

ul.campaigntools li:first-child:before {
    content: '';
    display: none;
}

span.quartername {
    font-size: 14px;
    font-weight: bold;
    color: #8CA621;
}

.campaignright h4 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 500;
}

.campaignright h4 span {
    color: #000;
}

ul.campaigntools li:first-child {
    padding-left: 0;
}

.reportchart {
    width: 100% !important;
}

#printaccordion {
    width: 800px;
}

.printinnerlinks {
    margin-top: 10px;
}

.printinner {
    margin-top: 10px;
    margin-bottom: 10px;
}

.printinner td {
    padding-right: 10px;
    padding-bottom: 15px;
}

.printinner td div {
    max-width: 232px;
}

.printinner h4 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline;
}

#printaccordion td div span {
    display: block;
}

.printthumb {
    width: 216px;
    height: 198px;
    padding: 10px;
    background: #eee;
    overflow: hidden;
}

.printthumb img {
    width: 100%;
    height: auto;
}

.notemplate {
    font-size: 13px;
    display: block;
    margin: 3px 0 3px 0;
}

.printselect {
    display: inline;
    margin-bottom: 3px;
}

.printpagenumber {
    font-size: 13px;
    text-decoration: none;
    padding: 2px 4px 2px 4px;
    border: 1px solid #ccc;
    margin-right: 3px;
}

.printfield td {
    font-size: 14px;
}

.printinput {
    border: 1px solid #333;
    height: 22px;
}

table.surveytable td {
    padding-bottom: 10px;
    padding-right: 15px;
}

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

table.surveytable td input {
    margin-right: 20px;
}

#ddlleftmenu {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    border: 1px solid #ccc;
    width: 100%;
}

.padbottom {
    padding-bottom: 2px !important;
}

.padbottom10 {
    padding-bottom: 10px !important;
}

.closetools {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1001;
}

.fullscreen {
    cursor: pointer;
    z-index: 105;
    display: block;
    float: right;
    position: absolute;
    right: 15px;
    top: 55px;
}

table.generalformac {
    width: 100%;
}

table.generalformac td {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

table.generalformac td span {}

#tblgridsynd td {
    border: none;
}

.helpbox {
    display: inline-block;
    position: relative;
    z-index: 1000;
}

.helpbox img {
    cursor: pointer;
}

.helpbox .helpboxinner {
    display: none;
}

.helpbox:hover .helpboxinner {
    display: block;
    border: 1px solid #ccc;
    position: absolute;
    top: -30px;
    width: 120px;
    padding: 10px;
    margin-left: 20px;
}

.cssSuccessMsg {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    color: #0176ad;
    background: #fff;
    font-size: 18px;
}

.showcaseDescription {
    font-size: 14px;
    line-height: 18px;
}

#tbl_1 {
    margin-top: 20px;
}

.dgtools_top {
    margin-top: 15px;
    display: none;
}

table.logictable td:empty {
    display: none
}

table.logictable td {
    padding: 5px;
    vertical-align: top;
}

table.logictable td select,
#divMainBody table.logictable td select input {
    border: 1px solid #eee;
    color: #333;
    height: 30px;
    margin-right: 5px;
}

table.logictable td select.dummyddlAnswermultiple {
    height: auto;
}

#example_length,
#example_filter {
    font-weight: bold;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 2px;
}

#example_length select,
#example_filter input {
    border: 1px solid #333;
    color: #333;
}

#example_filter {
    float: right;
}

#btnSave.bluebutton {
    margin-top: 20px;
}

#portalsettingtop {
    margin-bottom: 20px;
    width: 40%;
    border: 1px solid #ccc;
    background: #f1f1f1;
}

#portalsettingtop td {
    font-size: 14px;
    padding: 4px;
}

.ptable tr td:first-child {
    display: none;
}

#portalsettingtop tr td:first-child {
    font-weight: bold;
}

#portalsettingtop td input[type="text"] {
    border: 1px solid #333;
}

.remark {
    font-size: 14px;
    color: #f27724;
}

table.surveychk td {
    padding-bottom: 10px;
}

table.surveychk td input {
    display: inline-block;
    vertical-align: top;
}

table.surveychk td label {
    display: inline-block;
    width: 80%;
}

.squestion {
    font-size: 14px;
    margin-top: 15px;
}

.oddListRowS1 td .button.editlogic,
.evenListRowS1 td .button.editlogic {
    font-weight: bold;
    color: #f27724;
}

.topgap20 {
    margin-top: 20px;
}

.topgap15 {
    margin-top: 15px;
}

.topgap10 {
    margin-top: 10px !important;
}

.topgap5 {
    margin-top: 5px !important;
}

.topgap2 {
    margin-top: 2px !important;
}

div.divcontrols table td img {
    width: 45px;
    height: 45px;
    cursor: pointer;
}

div.divcontrols table {
    background: #f1f1f1;
}

div.divcontrols table td {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border: 4px solid #fff;
}


/*.newForm input#getcss {
	width: 80px;
	background:#00adff;
	color:#fff;
	border:none;
	border-radius:5px;
	}*/

table.cmstbldsg {
    border: 1px solid #ccc;
}

table.cmstbldsg tr {
    border-bottom: 1px solid #ccc;
}

table.cmstbldsg tr:nth-child(even) {
    background: #f1f1f1;
}

table.cmstbldsg td {
    font-size: 13px;
}

table.cmstbldsg td hr {
    display: none;
}

tr.cmstrhead td {
    background: #807c78;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 5px 0 5px 5px;
}

.eventformtxt {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 2px;
    font-weight: bold;
}

.eventformfield {
    font-size: 14px;
    margin-bottom: 10px;
}

.eventformfield input {
    width: 200px;
    height: 25px;
    color: #666;
    font-size: 14px;
}

.eventformfield select {
    width: 198px;
    height: 25px;
    color: #666;
    font-size: 14px;
    border: 1px solid #666;
}

.eventformfield input[type="checkbox"],
.eventformfield input[type="radio"] {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.eventformfield label {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

#crossdomain {
    position: relative;
    z-index: 1;
}

#prospectForm {
    position: relative;
    z-index: 100000;
    margin-top: -20px;
}

.salesdashboard {
    display: table;
    width: 100%;
}

.salesdashboard h3 {
    color: #333;
    font-size: 20px;
    line-height: 20px;
}

.salesdashboard h3 a {
    color: #333;
    text-decoration: none;
}

.salesdashboard-row {
    display: table-row;
    padding: 4em 0;
}

.salesdashboard-row-col {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    width: 17.75%;
    background: #e6e6e6;
    border: 1px solid #00acff;
    padding: 4em 2em 1em 2em;
}

.blank {
    background: none;
    border: 0;
}

.salesdashboard-spc {
    width: 4.6%;
    display: table-cell;
    text-align: center;
}

.salesdashboard-spc-row {
    height: 4em;
    display: table-row;
    text-align: center;
}

.top-customers {
    display: block;
    vertical-align: top;
}

.top-customers .block {
    border: 1px solid #ccc;
    padding: 2em;
    display: block;
    font-size: 14px;
}

.at-a-glance {
    display: block;
    vertical-align: top;
}

.at-a-glance h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.at-a-glance .block {
    display: block;
    font-size: 14px;
    padding-top: 10px;
}

.at-a-glance .block img {
    width: 100%;
}

.at-a-glance .block h3 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 10px;
    color: #000;
}

.at-a-glance .block h3 span {
    color: #0176ad;
    font-weight: 500;
}


/*New for PRM*/

#dialog {
    height: 500px !important;
}

#quicklinks {
    width: 750px;
    margin: 0;
    padding: 0;
    margin-top: 15px;
}

#quicklinks li {
    width: 370px;
    margin-bottom: 20px;
    display: inline-table;
}

#quicklinks li a {
    display: table;
    width: 78px;
    height: 78px;
    position: relative;
    vertical-align: top;
    border: 1px solid #7e7e7e;
    border-radius: 50%;
    background: #fafafa;
    margin: 0 auto;
    box-shadow: 1px 1px 1px #CCC;
}

#quicklinks li a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*margin-top:10px;*/
}

.dashboardtxt {
    display: table-cell;
    vertical-align: middle;
    width: 260px;
    /*padding-left:10px;*/
    box-sizing: border-box;
}

.dashboardtxt h2 {
    color: #333;
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.dashboardtxt p {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
}


/* ADDITIONS */

.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


/*div.info {        
	background: url("../oems/prm/images/infobg.png");
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 20%;
    width: 16px;
    z-index: 100;
    }*/

p.infoinner {
    display: none;
}

div.info:hover p.infoinner {
    display: block;
    position: absolute;
    width: 150px;
    height: auto;
    margin-left: -75px;
    margin-top: 20px;
    background: #fff;
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
}

.formrow .textblock {
    display: inline-block;
    width: 30%;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
}

.formrow .textblock-half-colblock1 {
    display: inline-block;
    width: 100%;
    padding-right: 1%;
    margin-bottom: 0;
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
}

.formrow .textblock-half-colblock2 {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.formrow .textblock-half-col1 {
    display: inline-block;
    width: 18%;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
}

.formrow .textblock-half-col2 {
    display: inline-block;
    width: 34%;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
}

.formrow .textblock-quarter {
    display: inline-block;
    width: 20%;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
}

.formrow .textblock-half-colblock2 p {
    padding: 2px 0;
    margin: 0;
}

.textblock-half-colblock2 input.percent {
    width: 30%;
}

.formrow .formleft input[type="text"],
.formrow .formright input[type="text"] {
    /*margin-top: 0.55em;*/
    width: 95%;
}

.prospectcontent.growtop p {
    color: #333;
    font-size: 14px;
    text-align: center;
}

p.infoinner {
    display: none;
}

#imgOpportunities,
#imgDocuments,
#imgAccounts,
#imgProducts,
#imgSetupSyndications,
#imgPContacts,
#imgManageRegion,
#imgInvoicemanagement,
#imgMDF,
#imgPageLayout,
#imgAssetHub,
#imgMiscellaneous {
    background: #00adff;
}

#imgHelp,
#imgNotes,
#imgTraining,
#imgAutoDial,
#imgMicrosite,
#imgBusinessPlan,
#imgDynamicform,
#imgManageLanguage,
#imgOEMManagement,
#imgMDFReport,
#imgIncentives,
#imgDynamicEmail,
#imgMyTickets {
    background: #f27724;
}

#imgQuotes,
#imgLeads,
#imgContacts,
#imgReports,
#imgMicrosite,
#imgContract,
#imgRebates,
#imgManageModules,
#imgSetLanguage,
#imgManageCMS,
#imgLicensemanagement,
#imgAlerts {
    background: #8CA621;
}

#imgSyndication,
#imgPrint,
#imgTasks,
#imgLaunchCampaigns,
#imgSurvey,
#imgRewardsandRebate,
#imgUserManagement,
#imgRoleManagement,
#imgQuarterManagement,
#imgPartnerType,
#imgLearningManagement,
#imgMyAccount {
    background: #962AA6;
}

#imgEvents,
#imgNewsLetter,
#imgPartners,
#imgCampaigns,
#imgPAccounts,
#imgReferralsandCommissions,
#imgGroupManagement,
#imgManageADZone,
#imgManagePmaSection {
    background: #807c78;
}

a.dashboardlink {
    color: #333;
    display: none;
}

.ErrorText {
    color: red;
}

.formrow table {
    border: 1px solid #333;
    font-size: 13px;
    font-weight: bold;
    margin-top: 6px;
}

.formrow table tr td {
    border: 1px solid #ccc;
    background: #f6f6f6;
    padding: 5px;
}

.formrow table tr td input[type=text] {
    width: 70px;
    margin: 0 auto;
}

.formrow table tr td input[type=text].percent {
    text-align: right;
}


/*.newForm span {
font-size: 13px;
}*/

.formrow table tr td.secondlevel {
    text-align: center;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f1f1f1 0%, #e8e8e8 100%) repeat scroll 0 0;
    color: #666;
    font-weight: 500;
    font-size: 13px;
    height: 28px;
    margin-top: 10px;
    vertical-align: middle;
    z-index: 100;
}

.formrow table table {
    border: 0;
    font-size: 13px;
    font-weight: bold;
}

.formrow table tr td td {
    background: none;
    padding: 5px;
}

.tab-items-holder {
    width: 100%;
    display: block;
    border-bottom: 1px solid #807c78;
    margin-bottom: 15px;
    margin-top: 9px;
}

.tab-items-holder ul {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 29px;
}

.tab-items-holder ul li {
    width: auto;
    display: inline-block;
    margin: 0 0;
    font-size: 13px;
}

.tab-items-holder ul li a {
    /*display:block;  min-width:200px; background:#CCC; color:#333; font-weight:bold; */
    /*background: rgba(236,234,234,1);
background: -moz-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,234,234,1)), color-stop(34%, rgba(236,234,234,1)), color-stop(100%, rgba(197,196,196,1)));
background: -webkit-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
background: -o-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
background: -ms-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
background: linear-gradient(to bottom, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#c5c4c4', GradientType=0 );*/
    border-top: 1px solid #969595;
    border-right: 1px solid #969595;
    border-left: 1px solid #969595;
    background: #807c78;
    /*border-radius: 5px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;*/
    color: #fff;
    margin-right: 5px;
    padding: 7px 10px;
    text-align: center;
    display: block;
    height: 30px;
}

.tab-items-holder ul li a.current {
    background: #ffffff;
    /*background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
*/
    color: #333;
}

.newForm td.labelheight2 {
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: bottom;
    font-size: 13px;
}

.newForm td.labelheight2 span {}

table.chartholder {
    margin-bottom: 15px;
}

table.chartholder td {
    padding: 5px;
    font-weight: 500;
}

table.chartholder td h3 {
    margin: 0;
}

div.termsbody {
    border: 1px solid #ccc;
    background: #f1f1f1;
    padding: 10px;
    font-size: 14px;
    line-height: 17px;
}

div.termsbody p {
    margin-top: 5px;
}

div.smallheight {
    height: 100px;
    overflow: auto;
}

div.bigheight {
    height: 250px;
    overflow: auto;
}

table.sublevel {
    border-collapse: collapse;
}

table.sublevel td {
    padding: 5px;
}

table.viewinner {
    border-collapse: collapse;
}

table.viewinner tr td {
    padding: 4px;
    border: 1px solid #e4e4e4;
    font-size: 13px;
}

table.doclist td a.docname {
    color: #0176ad;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

table.doclist tr td span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

h2.forminnerheading {
    font-weight: 500;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #333;
    background: #f1f1f1;
    padding: 4px;
}

h3.forminnerheading {
    font-weight: 500;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 5px;
    color: #333;
}

h2.forminnerheading2 {
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #333;
}

table.viewinner td.forminnersubheading {
    font-size: 13px;
    font-weight: 500;
    color: #666;
}


/* ADDITIONS */

.leftcontainer.newpartner-help-videos-new {
    background: url("../image/new-partner-new-banner.jpg") no-repeat scroll 0 0 / cover;
}

.leftcontainer.contactusbanner {
    background: url("../image/contactus_banner.jpg") no-repeat scroll 0 center / cover;
}

.leftcontainer {
    background: #ccc none repeat scroll 0 0;
    display: table-cell;
    height: 250px;
    padding-left: 80px;
    padding-right: 50px;
    text-align: left;
    vertical-align: middle;
    width: 50%;
}


/*.bannerwrapper {
	box-sizing: border-box;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}*/

.rightcontainer {
    background: #f1f1f1 none repeat scroll 0 0;
    display: table-cell;
    height: 250px;
    padding-right: 50px;
    text-align: left;
    vertical-align: middle;
    width: 50%;
}

.rightcontainer h2 {
    color: #333;
    font-size: 30px;
    padding: 0 0 0 20px;
}

.rightcontainer h3 {
    color: #333;
    font-size: 20px;
    margin-top: 12px;
    padding: 0 0 0 20px;
    line-height: 26px;
}

label p {
    display: inline;
}

div.dvSummary table td {
    padding: 4px;
    border: 1px solid #ccc;
    font-size: 13px;
}

div.dvDrag {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #999;
    box-shadow: 1px 1px 2px #ccc;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 3px 5px 3px 5px;
}

div.dvDragback {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #999;
    box-shadow: 1px 1px 2px #ccc;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 3px 5px 3px 5px;
    clear: right;
}

div.dvDragback span {
    display: inline-block;
    padding: 0 4px 0 4px;
}

#dvSource,
#dvDest {
    border: 0px solid #ccc;
    padding: 5px;
    width: 430px;
    margin-left: 20px;
    min-height: 400px;
}

#dragndrop td {
    padding-bottom: 5px;
}

#dragleft {
    border: 1px solid #ccc;
}

#dragright {
    border: 1px solid #ccc;
}

#dragright h2 {
    text-align: center;
}

table.nform {
    width: 100%;
    max-width: 800px;
}

table.nform td {
    font-size: 13px;
    padding: 5px;
    vertical-align: top
}

table.nform td table td {
    padding: 0px;
}

table.nform td .compact_chk input[type='checkbox'] {
    width: 15px !important;
    margin-left: 0;
}

table.nform td input[type="text"] {
    border: 1px solid #b8b6b6;
    max-width: 234px;
    width: 100%;
}

table.nform td textarea {
    border: 1px solid #b8b6b6;
    max-width: 234px;
    width: 100%;
}

.documentList .formheading {
    border-bottom: none;
    line-height: 25px;
    margin-top: 15px;
    border-top: 1px solid #bbb;
    padding-top: 10px;
}

.documentList .doclist {
    margin-bottom: 10px;
}

.documentList .doclist td {
    border: none;
    padding-left: 0px;
    padding-bottom: 10px;
}

.dataLabelInstructionMessage {
    font-size: 14px;
    padding: 20px !important;
    text-align: center;
}

.msgbox:empty {
    display: none
}

.msgbox {
    border: 1px solid #dfdfdf;
    background: #f6f6f6;
    padding: 20px !important;
    color: #f27724;
}

hr.gray {
    border: none;
    margin: 10px 0 40px;
}

table.checkbox td {
    padding-right: 15px;
    padding-top: 5px;
}

table.checkbox td label {
    padding-left: 3px;
}

.ajax__dropdown_frame_line {
    display: none !important;
}

.ajax__dropdown_arrow_image {
    left: 112px !important
}

#divChkAll #TextLabel {
    width: 129px !important;
    border: 1px solid #dfdfdf !important;
    background: #fff !important;
    padding: 3px;
    border-radius: 4px;
}

.h3Row .ContextMenuPanel {
    left: 0 !important;
    width: 129px;
}

.h3Row .ContextMenuItem {
    color: #333 !important;
    font-size: 13px !important;
    padding: 3px !important;
}

.h3Row .ContextMenuItem:hover {
    padding: 2px !important;
}

a.buttonblue.pageeditbtn {
    background: #8ca621 url(images/editicon.png) no-repeat center center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    padding: 5px;
    text-align: center;
    /*margin-top:12px;*/
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 10000;
    width: 30px;
    height: 30px;
    border: none;
}

.viewinnerlabel {
    text-align: right;
    font-weight: bold;
}

.tvTeam table td:last-child {
    padding-left: 5px;
}

.ui-widget-header .ui-icon-circle-triangle-e,
.ui-widget-header .ui-icon-circle-triangle-e:hover {
    background: url(images/right_cal_arrow.gif) no-repeat center center !important;
}

.ui-widget-header .ui-icon-circle-triangle-w,
.ui-widget-header .ui-icon-circle-triangle-w:hover {
    background: url(images/left_cal_arrow.gif) no-repeat center center !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev:hover {
    top: 3px !important;
    left: 2px !important;
}

.ui-datepicker-next,
.ui-datepicker .ui-datepicker-next:hover {
    top: 3px !important;
    right: -3px !important;
}

.ui-datepicker .ui-widget-header {
    background: none !important;
    border: none !important;
}

.ui-icon.ui-icon-closethick {
    background: url(images/close.gif) no-repeat center center !important;
    height: 13px !important;
}


/*--------------------------- NEW CSS ADDED --------------------------*/


/* - - - - - CSS for UCM Form Layout starts here - - - - - */

.ucmform * {
    box-sizing: border-box;
}

.ucmform table.formtable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.ucmform table.formtable>tbody>tr>td {
    padding: 5px 0px 5px 5px;
    vertical-align: top;
}

.ucmform table.formtable>thead>tr>th {
    padding: 5px 0px 0px 5px;
    vertical-align: top;
}

.ucmform table.formtable td.ucmlabel {
    text-align: right;
    line-height: 1.1;
    padding-top: 12px;
    padding-left: 5px;
    padding-right: 2px;
    font-weight: 500;
    font-size: 13px;
}

.ucmform table.formtable td.ucmlabel.withfield {
    text-align: left;
    line-height: 1.1;
    padding-top: 5px;
    padding-left: 5px;
}

.ucmform table.formtable td.ucmvalue {
    text-align: left;
    line-height: 1.1;
    padding-top: 10px;
    font-size: 13px;
}

.ucmform table.formtable td .ucmfakeinput {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin: 0;
    height: 32px;
    font-size: 13px;
    max-width: 250px;
    border-radius: 4px;
    color: #333;
    background: #ccc;
    display: block;
}

.ucmform table.formtable td.ucmfield {
    text-align: left;
}

.ucmform table.formtable td .formseparator {
    border-top: 1px solid #ddd;
    margin: 5px 0;
    display: block;
}

.ucmform table.formtable input[type="text"],
.ucmform table.formtable input[type="date"],
.ucmform table.formtable input[type="password"],
.ucmform table.formtable input[type="number"] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    margin: 0;
    height: 38px;
    font-size: 13px;
    max-width: 280px;
    border-radius: 4px;
    color: #333;
}

.ucmform table.formtable input[type="text"]:focus,
.ucmform table.formtable input[type="date"]:focus,
.ucmform table.formtable input[type="password"]:focus,
.ucmform table.formtable input[type="number"]:focus {
    background: #f6f6f6;
}

.ucmform table.formtable input[type="file"] {
    margin-top: 4px;
}

.ucmform table.formtable input[disabled="disabled"],
.ucmform table.formtable input[readonly="readonly"] {
    background: #e9e9e9;
}

.ucmform table.formtable input[readonly="readonly"].clnd {
    background: #fff;
}

.datepicker.timeselector td input[readonly="readonly"] {
    background: none;
}

input[disabled="disabled"].ucmlink {
    background: none !important;
    color: #aaa !important;
}

.ucmform table.formtable select {
    width: 100%;
    border: 1px solid #ccc;
    max-width: 280px;
    margin: 0 !important;
    height: 38px;
    border-radius: 4px;
    padding: 5px 9px;
    color: #333;
    font-size: 13px;
}

.ucmform table.formtable select.multiselect,
select.multiselect,
select[multiple="multiple"] {
    height: auto;
}

.ucmform table.formtable textarea {
    width: 100%;
    padding: 3px;
    border: 1px solid #ccc;
    margin: 0;
    height: 100px;
    max-width: 278px;
    font-family: inherit;
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
}

.ucmform table.formtable .ckeditortd textarea,
.ucmform table.cke_editor td textarea {
    max-width: 100%;
}

.ucmform table.formtable input[type="checkbox"],
.ucmform table.formtable input[type="radio"] {
    margin-left: 0;
    margin-top: 8px;
    vertical-align: top;
}

.ucmform table.formtable input[type="checkbox"]+label,
.ucmform table.formtable input[type="radio"]+label {
    margin: 5px 15px 0 3px;
    vertical-align: top;
    font-size: 13px;
    max-width: 80%;
}

.ucmform .requiredlabel:after {
    content: '*';
    color: red;
    display: inline-block;
    font-size: 13px;
}

.ucmform .timeselector {
    display: inline-block;
    padding-bottom: 3px;
    vertical-align: top;
    line-height: 1.2;
}

.ucmform .timeselector td {
    vertical-align: middle !important;
}

.ucmform .timeselector td input {
    height: 24px !important;
}

.w10 {
    width: 10% !important
}

.w15 {
    width: 15% !important
}

.w20 {
    width: 20% !important
}

.w25 {
    width: 25% !important
}

.w30 {
    width: 30% !important
}

.w40 {
    width: 40% !important
}

.w50 {
    width: 50% !important
}

.w60 {
    width: 60% !important
}

.w70 {
    width: 70% !important
}

.w75 {
    width: 75% !important
}

.w80 {
    width: 80% !important
}

.w90 {
    width: 90% !important
}

.w100 {
    width: 100% !important
}

.textbox100 {
    width: 100% !important;
    max-width: 100% !important;
}

.textbox50 {
    width: 50% !important;
    max-width: 50% !important;
}

.ucmform table.formtable .multitextbox {
    width: 100%;
    max-width: 280px;
}

.ucmform table.formtable .multitextbox:after {
    content: '';
    display: block;
    clear: both;
}

.ucmform table.formtable .multitextbox div {
    float: left;
    padding-left: 10px;
}

.ucmform table.formtable .multitextbox div:first-child {
    padding-left: 0px;
}

.checkboxlabel input[type="checkbox"],
.checkboxlabel label {
    margin: 0 !important;
}

.ucmformbutton {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0176ad;
    text-align: center;
    padding: 4px 9px;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    height: 31px;
    vertical-align: middle;
}

input[disabled="disabled"].ucmformbutton {
    background: #ccc !important;
    border: medium none;
    color: #fff;
    cursor: default;
}

.ucmdisablebutton {
    opacity: 0.5;
    cursor: default;
}

.ucmlink {
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0176ad;
    text-align: center;
    padding: 8px 16px;
    margin-right: 2px;
    background: #fff;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    vertical-align: middle !important;
}


/* static report */

.staticreportcell .ucmlink {
    margin-bottom: 10px;
}

.reportfilterbtn {
    width: 67px;
    display: block;
}

.ucmlink img {
    display: inline-block;
    vertical-align: top;
}

ul.ucmlinkgroup li {
    display: inline-block;
}

ul.ucmlinkgroup li:first-child .ucmlink {
    background: none;
    padding-left: 0;
}

.formtable td .ucmlink,
.viewtable td .ucmlink,
.gridtable td .ucmlink,
.managecampaign .ucmlink,
.ToolsDiv .ucmlink {
    color: #0176ad;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    height: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
}

.formtable .ucmlinkgroup .ucmlink,
.gridtable .ucmlinkgroup .ucmlink,
.managecampaign .ucmlinkgroup .ucmlink,
.ToolsDiv .ucmlinkgroup .ucmlink {
    background: url("images/button_right.png") no-repeat scroll left center;
    padding: 0 3px 0 7px;
}

.formtable .ucmlinkgroup a.ucmlink,
.gridtable .ucmlinkgroup a.ucmlink,
.managecampaign .ucmlinkgroup a.ucmlink,
.ToolsDiv .ucmlinkgroup a.ucmlink {
    padding: 0 3px 0 10px;
}

.formtable .ucmlinkgroup>.ucmlink:first-child,
.gridtable .ucmlinkgroup>.ucmlink:first-child,
.managecampaign .ucmlinkgroup>.ucmlink:first-child,
.ToolsDiv .ucmlinkgroup>.ucmlink:first-child {
    background: none;
    padding-left: 0;
}

.gridtable .ucmlinkgroup .ucmlinkgroup>.ucmlink:first-child,
.managecampaign .ucmlinkgroup .ucmlinkgroup>.ucmlink:first-child,
.ToolsDiv .ucmlinkgroup .ucmlinkgroup>.ucmlink:first-child {
    background: url("images/button_right.png") no-repeat scroll left center;
    padding: 0 3px 0 7px;
}

.listsection .ucmlink {
    text-align: center;
    padding: 4px 15px !important;
    margin-top: 10px;
}

.disable {
    color: #999 !important;
    cursor: default;
}

.ucmradiolist {
    margin: 0;
    padding: 0;
}

.ucmradiolist li {
    float: left
}

.ucmradiolist li:last-child:after {
    content: '';
    display: block;
    clear: both;
}

.ucmform .errortext {
    color: red;
    display: none;
}

.ucmform .formnote {
    font-size: 13px;
    font-style: italic;
    color: #7a7a7a
}

.ucmform .formtop {
    width: 100%;
    margin-bottom: 10px;
}

.ucmform .formbottom {
    width: 100%;
    margin-top: 5px;
}

.ucmform .formhead {
    text-align: left;
    padding: 16px 0 !important;
    line-height: 1.1;
    height: 50px;
}

.ucmform .formhead span {
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 14px 16px;
}

.ucmform .formhead .formheadbutton {
    text-align: center;
    padding: 2px 5px;
    margin-left: 5px;
    font-size: 13px;
    width: 55px;
    line-height: 13px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    border: 1px solid #969595;
    border-radius: 3px;
    color: #555;
    vertical-align: middle;
    font-weight: bold;
}

.ucmform .formhead .formheadbutton input[type='button'],
.ucmform .formhead .formheadbutton input[type='submit'] {
    background: #fff;
    color: #555;
    vertical-align: middle;
    font-weight: bold;
    margin: 0 !important;
    padding: 0;
    line-height: 13px;
    font-size: 13px;
}

.ucmform .formhead .ucmexpandbutton {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    line-height: 16px;
    padding: 0 3px;
    vertical-align: top;
    width: 16px;
}

.ucmform .formsubhead {
    color: #999;
    font-size: 14px !important;
}

.ucmform .checkboxlist {}

.ucmform .checkboxlist td {
    vertical-align: top;
}

.ucmform .forminnergrid {
    border: 1px solid #ddd;
}

.ucmform .forminnergrid td {
    padding: 4px;
    border: 1px solid #ddd;
}

input[type='checkbox']+label,
input[type='radio']+label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    font-size: 13px;
}

input[type='checkbox'],
input[type='radio'] {
    display: inline-block;
    vertical-align: middle;
}

input[type='checkbox'] {
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 0px;
}


/* - - - - - CSS for UCM Form Layout ends here - - - - - */


/* - - - - - CSS for UCM View Layout starts here - - - - - */

.ucmform .viewtable {
    border-collapse: collapse;
    width: 100%;
    margin: 4px 0 15px 0;
}

.ucmform .viewtable>tbody>tr>td {
    /*border: 1px solid #e4e4e4;*/
    font-size: 13px;
    padding: 9px 5px;
    vertical-align: top;
    line-height: 1.5;
}

.ucmform .viewtable td.ucmlabel {
    text-align: right;
}


/* - - - - - CSS for UCM View Layout ends here - - - - - */


/* - - - - - CSS for Grid Layout starts here - - - - - */

.ucmgrid {
    margin-top: 10px;
}

.ucmgrid.auto {
    overflow: auto;
}

.ucmgrid.gridscroll {
    width: calc(100vw - 50px);
}

.ucmgrid .gridtop {
    /*background: rgba(236,234,234,1);
	background: -moz-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,234,234,1)), color-stop(34%, rgba(236,234,234,1)), color-stop(100%, rgba(197,196,196,1)));
	background: -webkit-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -o-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	background: linear-gradient(to bottom, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 34%, rgba(197,196,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#c5c4c4', GradientType=0 );*/
    margin-top: 5px;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background: #f6f6f6;
}

.ucmgrid table {
    width: 100%;
    border-collapse: collapse;
}

.ucmgrid .gridtop.withoutgrid {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
}

.ucmgrid .gridtop .viewoption {
    background: #eee;
    border-right: 1px solid #e4e4e4;
    padding: 4px;
    vertical-align: middle;
    width: 48px;
    opacity: 0.5;
}

.viewoption a.listviewicon {
    background: url("images/listviewicon.png") no-repeat center top;
    color: #000;
    display: inline-block;
    font-size: 9px;
    height: auto;
    padding-top: 18px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.viewoption a.thumbviewicon {
    background: url("images/thumbviewicon.png") no-repeat center top;
    color: #000;
    display: inline-block;
    font-size: 9px;
    height: auto;
    padding-top: 18px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    line-height: 1.2;
}

.ucmgrid .gridtop .viewoption.active {
    background: #fff;
    opacity: 1;
}

.ucmgrid .gridtop>tbody>tr>td {
    width: 175px;
    padding: 12px 10px;
    vertical-align: top;
    font-size: 13px;
}

.ucmgrid .gridtop>tbody>tr>td:empty {
    display: none;
}

.ucmgrid .gridtop td:empty {
    display: none;
}

.ucmgrid .gridtop tr td:last-child {
    width: auto;
}

.ucmgrid .gridtop select {
    border: 1px solid #ccc;
    color: #666;
    border-radius: 4px;
    padding: 5px 9px;
    min-width: 100px;
    width: 90%;
    max-width: 200px;
    height: 31px;
}

.ucmgrid .gridtop select option {
    padding: 2px 3px;
}

.ucmgrid .gridtop input[type="text"] {
    border: 1px solid #ccc;
    color: #666;
    border-radius: 4px;
    padding: 5px 9px;
    width: 100%;
    max-width: 200px;
    height: 31px;
    vertical-align: middle;
}


/* Dark Theme
.ucmgrid .gridtop .button {
	border: 0px none;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	padding: 4px 15px;
	margin-right: 4px;
	background: #0067b8;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	cursor: pointer;
}*/

.ucmgrid .gridtop .button {
    border: 1px solid #dfdfdf !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0176ad !important;
    text-align: center;
    padding: 5px 10px;
    margin-right: 2px;
    background: #fff !important;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    vertical-align: middle;
    height: 31px;
}

.ucmgrid .gridtop .button,
.ucmlinkgroup input.ucmlink,
input[type="submit"].ucmlink {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ucmgrid .gridtop .button+.button {
    margin-left: 0;
}

.ucmgrid .gridtop .innertable td {
    padding: 0px 10px 0px 4px;
}

.ucmgrid .gridtable:empty {
    display: none;
}

.ucmgrid {
    display: block;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .ucmgrid.auto {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.ucmgrid .gridtable th a {
    color: #005A9E;
    font-weight: 500;
}

.ucmgrid .gridtable th,
.ucmgrid .gridtable .gridheader tr {
    border-bottom: 1px solid #ddd;
    color: var#000;
    font-weight: 500;
    padding: 10px 6px;
    vertical-align: middle;
    z-index: 100;
}

.ucmgrid .gridtable td {
    text-align: left;
    text-decoration: none;
    padding: 14px 6px;
    border-bottom: 1px solid #ddd;
    color: #000;
}

.ucmgrid .gridtable th:first-child,
.ucmgrid .gridtable td:first-child {
    padding-left: 24px;
}

.ucmgrid .gridtable th:last-child,
.ucmgrid .gridtable td:last-child {
    padding-right: 24px;
}

.ucmgrid .gridtable tr {
    border-bottom: 0px none;
}

.ucmgrid .gridtable tr th a,
.ucmgrid .gridtable tr td a {
    cursor: pointer;
}

.ucmgrid .gridtable tr td a,
.ucm-view-detail a {
    cursor: pointer;
    color: #005A9E;
}

.ucmgrid .gridfooter td {
    text-align: center
}

.ucmgrid .gridtable select {
    width: 100%;
    border: 1px solid #b6b6b6;
    max-width: 200px;
    margin: 0 !important;
    height: 34px;
}

.ucmgrid .gridtable td input[type="text"],
.ucmgrid .gridtable td input[type="date"],
.ucmgrid .gridtable td input[type="password"],
.ucmgrid .gridtable td input[type="number"] {
    width: 100%;
    padding: 6px;
    border: 1px solid #b6b6b6;
    margin: 0;
    height: 34px;
    border-radius: 4px;
    font-size: 13px;
    max-width: 200px;
}

.ucmgrid .gridtable tr:last-child td {
    border-bottom: none;
}

.ucmgrid .gridtable .gridheader td span,
.ucmgrid .gridtable .gridheader td a,
.ucmgrid .gridtable .gridheader td {
    color: #000;
    font-size: 14px;
}

.ucmgrid .gridtable .gridheader td span {
    font-weight: 500;
}

.ucmgrid .gridtable tr td:first-child,
.ucmgrid .gridtable tr th:first-child {
    border-left: none;
    padding-left: 15px;
}

.ucmgrid .gridtable tr td:last-child,
.ucmgrid .gridtable tr th:last-child {
    padding-right: 15px;
}

.ucmgrid .gridtable .gridediticon {
    display: inline-block;
    vertical-align: middle;
}

.ucmgrid .gridpagination {
    text-align: left;
}

.ucmgrid .gridtable .gridpagination table {
    width: auto;
}

.ucmgrid .gridtable .gridpagination table td {
    border: none;
    padding: 0;
}

.ucmgrid .gridtable .gridpagination table td span,
.ucmgrid .gridpagination a[disabled='disabled'] {
    background: #888;
    color: #fff;
    padding: 3px 5px;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-right: 3px;
    border: 1px solid #888;
}

.ucmgrid .gridtable .gridpagination table td a,
.ucmgrid .gridpagination a {
    background: #fff;
    color: #444;
    padding: 3px 5px;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-right: 3px;
    border: 1px solid #bbb;
}

.divpagination {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-top: none;
    color: #666;
    font-size: 13px;
    padding: 5px;
}

.divpagination span {
    float: right;
}

.divpagination:after {
    content: '';
    display: block;
    clear: both;
}

.divpagination a {
    background: #ddd;
    color: #333;
    padding: 3px 5px;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-right: 3px;
}

.divpagination a:first-child,
.divpagination a:last-of-type {
    background: #fff;
    font-weight: 500;
}

.divpagination a[disabled='disabled'] {
    background: #fff;
}


/* - - - - - CSS for Grid Layout ends here - - - - - */


/* - - - - - CSS for Thumb Grid Layout starts here - - - - - */

.ucmgrid .thumbtable {
    width: auto;
    margin-top: 10px;
}

.ucmgrid .thumbtable td {
    vertical-align: top;
    padding: 0px 0px 20px 20px;
}

.ucmgrid .thumbtable tr td:first-child {
    padding-left: 0px;
    vertical-align: top;
}

.ucmgrid .thumbtable .ucmthumbitem {
    background: #fff;
    border: 1px solid #ccc;
    height: 240px;
    margin-bottom: 5px;
    padding: 10px;
    width: 220px;
    position: relative;
}

.ucmgrid .thumbtable .ucmthumbitem img {
    max-height: 100%;
    max-width: 100%;
}

.ucmgrid .thumbtable .ucmthumbtitle {
    width: 220px;
    margin-bottom: 5px;
}

.ucmgrid .thumbtable .ucmthumbtitle td {
    padding: 0;
    text-align: left;
    padding-right: 4px;
    vertical-align: middle;
}

.ucmgrid .thumbtable .ucmthumbname {
    font-size: 13px;
    width: 190px;
    display: block;
    line-height: 1.2;
}

.ucmgrid .thumbtable .ucmthumbname input[type="checkbox"]+label,
.ucmgrid .thumbtable .ucmthumbname input[type="radio"]+label {
    width: 90%;
    vertical-align: top;
}

.ucmgrid .thumbtable .ucmthumbname input[type="checkbox"],
.ucmgrid .thumbtable .ucmthumbname input[type="radio"] {
    vertical-align: top;
}

.ucmgrid .ucmthumbgear {
    display: block;
    background: url("images/gear_icon.png") no-repeat scroll center center;
    border: none;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.ucmthumbgear {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 1s ease 0s;
    transition: transform 1s ease 0s;
}

.rotategear {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.optionlist {
    height: 20px;
    overflow: hidden;
    width: 0;
}

.optionlist.optionopen {
    width: 100%;
}

.ucmgrid .thumbtable .ucmthumbpreview {
    display: block;
    background: url("images/preview_icon.png") no-repeat scroll center center;
    border: none;
    border-radius: 4px;
    height: 16px;
    width: 20px;
    font-size: 0;
    cursor: pointer;
}

.ucmgrid .thumbtable .thumboverlay {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

.ucmgrid .thumbtable .thumbbuttonpanel {
    background: #fff;
    border-top: 1px solid #ccc;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 218px;
    z-index: 100;
    display: none;
    text-align: center;
}


/* - - - - - CSS for Thumb Grid Layout ends here - - - - - */


/* - - - - - CSS for List View Grid Layout starts here - - - - - */

.ucmgrid .listtable {
    width: 100%;
    border: 1px solid #e4e4e4;
    margin-top: 10px;
}

.ucmgrid .listtable td {
    vertical-align: top;
    padding: 3px;
}

.ucmgrid .listtable .listheading {
    font-size: 18px;
}

.ucmgrid .listtable .listheadingtag {
    background: #666;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 5px;
}

.ucmgrid .listtable .listheadingtag.published {
    background: #64a52a;
}

.ucmgrid .listtable .listheadingtag.draft {
    background: #e08820;
}

.ucmgrid .listtable .listheadingtag.expired {
    background: #d43d25;
}

.ucmgrid .listtable .listsection {
    margin-top: 5px;
}

.ucmgrid .listtable .listlabel {
    color: #666;
}

.ucmgrid .listtable td.listimage {
    width: 150px;
}

.ucmgrid .listtable td.listimage div {
    width: 150px;
    border: 1px solid #ddd;
    height: 150px;
    margin-right: 10px;
    background: #f1f1f1;
    text-align: center;
}

.ucmgrid .listtable td.listimage div img {
    max-height: 150px;
    max-width: 150px;
}


/* - - - - - CSS for List View Grid Layout ends here - - - - - */


/* - - - - - CSS for Info Grid Layout starts here - - - - - */

.ucminfogrid {}

.ucminfogrid .infogridhead {
    background: #f1f1f1;
    margin-bottom: 4px;
    margin-top: 5px;
    padding: 4px;
}

.ucminfogrid .infogridhead h2 {
    font-size: 16px;
    color: #333;
    margin: 0;
}

.ucminfogrid .infogridbody {
    margin-bottom: 15px;
    width: 100%;
}

.ucminfogrid .infogridbody>tbody>tr>td {
    border: 1px solid #e4e4e4;
    font-size: 13px;
    padding: 4px;
    vertical-align: top;
}

.ucminfogrid .infogridbody td.infogridlabel {
    font-weight: bold;
    text-align: right
}


/* - - - - - CSS for Info Grid Layout ends here - - - - - */


/* - - - - - CSS for Popup Box starts here - - - - - */

.ucmpopupbg {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.ucmpopup {
    background: none;
    position: fixed;
    z-index: 10000;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ucmpopupcontent {
    background: #fff none repeat scroll 0 0;
    display: table;
    padding: 20px;
    position: relative;
    min-width: 400px;
    text-align: left;
    max-width: 600px;
    max-height: 500px;
    overflow: auto;
}

.ucmpopuphead {
    border-bottom: 1px solid #bbb;
    margin-bottom: 5px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}

.ucmpopupclose {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: red;
    font-size: 22px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 24px;
}


/* - - - - - CSS for Popup Box ends here - - - - - */


/* - - - - - CSS for UCM alert masseges stars here - - - - - */

.ucmmsg:empty {
    display: none;
}

.ucmmsg .successmsg:empty,
.ucmmsg .errormsg:empty,
.ucmmsg .infomsg:empty {
    display: none
}

.ucmmsg .successmsg {
    color: #60a529;
    display: block;
    padding: 4px 0
}

.ucmmsg .errormsg {
    color: #d62b2b;
    display: block;
    padding: 4px 0
}

.ucmmsg .errormsg:before {
    background: #d62b2b;
    border-radius: 50%;
    color: #fff;
    content: "!";
    display: inline-block;
    font-weight: bold;
    height: 15px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
}

.ucmmsg .infomsg {
    color: #0176ad;
    display: block;
    padding: 4px 0
}

.ucmmsg .infomsg:before {
    background: #00adff;
    border-radius: 50%;
    color: #fff;
    content: "i";
    display: inline-block;
    font-weight: bold;
    height: 16px;
    margin-right: 5px;
    text-align: center;
    width: 16px;
    line-height: 1.35;
}

.questionicon {
    color: #0176ad;
    display: inline-block;
    padding: 4px 0
}

.questionicon:before {
    background: #00adff;
    border-radius: 50%;
    color: #fff;
    content: "?";
    display: inline-block;
    font-weight: bold;
    height: 15px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
}

.ucmerrorbox {
    width: 100%;
    padding: 3px 5px;
    text-align: center;
    background: #fbd5d5;
    border: 1px solid #f8c3c3;
    font-size: 13px;
    color: #d62b2b
}

.ucmsuccessbox {
    width: 100%;
    padding: 3px 5px;
    text-align: center;
    background: #e4f5d4;
    border: 1px solid #d4eabf;
    font-size: 13px;
    color: #4c8910
}


/* - - - - - CSS for UCM alert masseges ends here - - - - - */


/* - - - - - CSS for Alignment starts here - - - - - */

.textright {
    text-align: right !important;
}

.textleft {
    text-align: left !important;
}

.textcenter {
    text-align: center !important;
}

.valigntop {
    vertical-align: top !important;
}

.valignmiddle {
    vertical-align: middle !important;
}

.valignbottom {
    vertical-align: bottom !important;
}


/* - - - - - CSS for Alignment ends here - - - - - */


/* - - - - - CSS for UCM accordion Layout starts here - - - - - */

.ucmaccordion * {
    box-sizing: border-box;
}

.ucmaccordion .accordiontitle {
    background: #E5E5E5;
    width: 100%;
    padding: 5px;
    display: block;
    cursor: pointer;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    height: 34px;
    margin-top: 5px;
}

.ucmaccordion .accordiontitle:before {
    content: '+';
    display: inline-block;
    background: #eee;
    color: #333;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border: 1px solid #aaa;
    margin-right: 5px;
    vertical-align: top;
}

.ucmaccordion .accordiontitle.open:before {
    content: '-';
    line-height: 14px;
}

.ucmaccordion .accordionbody {
    border: 1px solid #ccc;
    width: 100%;
    border-top: none;
    padding: 5px;
}


/* - - - - - CSS for UCM accordion Layout ends here - - - - - */

.ucmbox {
    border: 1px solid #e4e4e4;
    margin: 10px 0;
}

.binderbox {
    background: #f1f1f1;
    border: 1px solid #ccc;
    height: 580px;
    overflow: auto;
}

.norecord {
    width: 100%;
    display: block;
    text-align: center;
    color: #666;
    font-weight: bold;
    margin: 10px 0 20px;
}

.foldertable {
    width: auto;
}

.foldertable td {
    padding-top: 15px;
    padding-right: 15px;
}

.docfolder {
    background: url(images/folder-icon.png) no-repeat center 10px;
    font-size: 13px;
    border: 1px solid #fff;
    width: 100px;
    height: auto;
    padding: 70px 10px 10px;
    display: block;
    text-align: center;
}

.docfolder:hover {
    background-color: #eee;
    border: 1px solid #ccc;
}


/* - - - - - CSS for UCM Sidemenu starts here - - - - - */

#leftMenu .AccordinHeader div,
#leftMenu #dvAccordian .ui-accordion-header div {
    width: 30px;
    height: 34px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#leftMenu #dvAccordian .ui-accordion-header div+span {
    line-height: 14px;
}

#leftMenu .AccordinHeader div img,
#leftMenu #dvAccordian .ui-accordion-header div img {
    position: absolute;
    padding: 0;
    background: none !important;
}

#leftMenu .AccordinHeader a {
    margin-left: 5px;
}

#leftnavUserManagement img {
    left: -72px;
    top: 0;
}

#leftnavGroupManagement img {
    left: -24px;
    top: 0;
}

#leftnavRoleManagement img {
    left: -48px;
    top: 0;
}

#leftnavPartners img {
    left: -72px;
    top: 0;
}

#leftnavPContacts img {
    left: -93px;
    top: 0;
}

#leftnavPAccounts img {
    left: -117px;
    top: 0;
}

#leftnavPartnerType img {
    left: -144px;
    top: 0;
}

#leftnavTraining img {
    left: 0;
    top: -24px;
}

#leftnavLearningManagement img {
    left: -24px;
    top: -24px;
}

#leftnavDocuments img {
    left: -48px;
    top: -24px;
}

#leftnavBusinessPlan img {
    left: 0;
    top: -48px;
}

#leftnavContract img {
    left: -24px;
    top: -48px;
}

#leftnavReports img {
    left: -48px;
    top: -48px;
}

#leftnavdashboardicon img {
    left: 0;
    top: -72px;
}

#leftnavSyndication img {
    left: -24px;
    top: -72px;
}

#leftnavEvents img {
    left: -48px;
    top: -72px;
}

#leftnavPrint img {
    left: -72px;
    top: -72px;
}

#leftnavNewsLetter img {
    left: -96px;
    top: -72px;
}

#leftnavProducts img {
    left: -120px;
    top: -72px;
}

#leftnavCampaigns img {
    left: -144px;
    top: -72px;
}

#leftnavSetupSyndications img {
    left: -168px;
    top: -72px;
}

#leftnavMicrosite img {
    left: -192px;
    top: -72px;
}

#leftnavSurvey img {
    left: -216px;
    top: -72px;
}

#leftnavAssetHub img {
    left: -240px;
    top: -72px;
}

#leftnavHelp img {
    left: 0px;
    top: -96px;
}

#leftnavLeads img {
    left: -24px;
    top: -96px;
}

#leftnavContacts img {
    left: -48px;
    top: -96px;
}

#leftnavAccounts img {
    left: -72px;
    top: -96px;
}

#leftnavOpportunities img {
    left: -96px;
    top: -96px;
}

#leftnavAutoDial img {
    left: -120px;
    top: -96px;
}

#leftnavTasks img {
    left: -144px;
    top: -96px;
}

#leftnavNotes img {
    left: -168px;
    top: -96px;
}

#leftnavRebates img {
    left: 0px;
    top: -120px;
}

#leftnavIncentives img,
#leftnavRewardsandRebate img {
    left: -24px;
    top: -120px;
}

#leftnavMDF img {
    left: -48px;
    top: -120px;
}

#leftnavReferralsandCommissions img {
    left: -72px;
    top: -120px;
}

#leftnavMDFReport img {
    left: -96px;
    top: -120px;
}

#leftnavManageRegion img {
    left: 0px;
    top: -144px;
}

#leftnavManageLanguage img {
    left: -24px;
    top: -144px;
}

#leftnavSetLanguage img {
    left: -48px;
    top: -144px;
}

#leftnavManageADZone img {
    left: -72px;
    top: -144px;
}

#leftnavInvoicemanagement img {
    left: -96px;
    top: -144px;
}

#leftnavLicensemanagement img {
    left: -120px;
    top: -144px;
}

#leftnavOEMManagement img {
    left: -144px;
    top: -144px;
}

#leftnavQuarterManagement img {
    left: -168px;
    top: -144px;
}

#leftnavDynamicEmail img {
    left: -192px;
    top: -144px;
}

#leftnavManageCMS img {
    left: -216px;
    top: -144px;
}

#leftnavThemes img {
    left: 0px;
    top: -216px;
}

#leftnavSystem img {
    left: -24px;
    top: -216px;
}

#leftnavRecordVisibility img {
    left: -48px;
    top: -216px;
}

#leftnavPageLayout img {
    left: -240px;
    top: -144px;
}

#leftnavManageModules img {
    left: -264px;
    top: -144px;
}

#leftnavMyTickets img {
    left: -73px;
    top: -25px;
}

#leftnavEngage img {
    left: -73px;
    top: -25px;
}

#leftnavAlerts img {
    left: -96px;
    top: -25px;
}

#leftnavTrainingManagement img {
    left: 0px;
    top: -25px;
}

#leftnavTierManagement img {
    left: -119px;
    top: -24px;
}

#leftnavDynamicform img {
    left: -144px;
    top: -25px;
}

#leftnavCompany img {
    left: 0px;
    top: -192px;
}

#leftnavQuotes img {
    left: -170px;
    top: -2px;
}

#leftnavSearch img {
    left: -216px;
    top: -2px;
}

#leftnavContentLibrary img {
    left: -24px;
    top: -168px;
}

#leftnavPortalActivityReports img {
    left: -24px;
    top: -192px;
}

#leftnavMarketingReports img {
    left: -48px;
    top: -192px;
}

#leftnavSalesReports img {
    left: -48px;
    top: -168px;
}

#leftnavSetupOEM img {
    left: -72px;
    top: -168px;
}

#leftnaveStore img {
    left: -72px;
    top: -192px;
}


/* - - - - - CSS for UCM Sidemenu ends here - - - - - */

.submoduleheader {
    color: #333;
    font-size: 16px;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 5px;
}

h2.submoduleheader {
    margin-top: 10px;
}

#txtNAME {
    display: inline-block;
    width: 40%;
}

div.infocard {
    width: 100%;
    padding: 15px;
    border: 1px solid #e4e4e4;
    border-collapse: separate;
    height: 180px;
    overflow: auto;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 4px;
}

#modelLines {
    margin: 0;
    padding: 0;
}

div.infocard h3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
}

div.infocard p {
    font-size: 14px;
    margin-top: 0;
}

#modelLines li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    list-style-type: disc;
    font-size: 14px;
}

div.infocard h2.forminnerheading {
    margin-top: 0;
}

#tblContact {
    width: 100%;
}

table.infoholder td {
    padding: 2px;
}

ul.statictab {
    width: 100%;
    margin-bottom: 2em;
    margin-left: 0;
    padding: 0;
    border-bottom: 1px solid #807c78;
    margin-top: 4px;
}

ul.statictab li {
    display: inline-block;
    vertical-align: top;
}

ul.statictab li a {
    display: block;
    padding: 5px 15px 5px 15px;
    background: #807c78;
    color: #fff;
    font-size: 14px;
    border: 1px solid #807c78;
    border-bottom: 0;
}

ul.statictab li a.selected {
    color: #333;
    background: #fff;
}

.wordbreak {
    word-break: break-all;
    display: block
}

.newcontact .leftcontent_contact p {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
}

.newcontact .leftcontent_contact h1 {
    font-size: 26px;
    padding-bottom: 0px;
}

.newcontact .leftcontent_contact {
    float: left;
    position: relative;
    width: 65%;
    padding-right: 3%;
}

.newcontact .formrow {
    color: #333;
    position: relative;
    text-align: left;
    width: 100%;
    margin-top: 1em;
}

.newcontact .formrow textarea {
    width: 100%;
}

.newcontact .formrow span.formfull {
    color: #4d4d4d;
    font-size: 1.4em;
    text-align: left;
}

.newcontact .formleft {
    color: #4D4D4D;
    float: left;
    font-size: 1.4em;
    position: relative;
    text-align: left;
    width: 47%;
}

.newcontact .formright {
    color: #4D4D4D;
    float: right;
    font-size: 1.4em;
    position: relative;
    text-align: left;
    width: 47%;
}

.newcontact .formleft input,
.newcontact .formright input,
.newcontact .formrow input,
.newcontact .formleft select,
.newcontact .formright select {
    width: 100% !important;
}

.newcontact .rightcontent_contact {
    float: left;
    padding-left: 0;
    position: relative;
    width: 31%;
    background: none;
}

.newcontact .rightcontent_contact h2 {
    color: #333;
    font-size: 22px;
    line-height: 34px;
}

.newcontact .rightcontent_contact p {
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
}

.newcontact .rightcontent_contact p span.it {
    font-size: 13px;
    font-style: italic;
}

.newcontact .rightcontent_contact .bluetxt {
    color: #0176ad;
    font-size: 16px;
    text-decoration: none;
}

.newForm td.padright5 {
    padding-right: 5px;
}

.newForm td.padtop2 {
    padding-top: 2px;
}

.deleteicon {
    background: url(images/close.gif) no-repeat center center;
    height: 14px;
    width: 12px;
    display: inline-block;
    border: none;
}

img {}

img[src$="previous_off.gif"],
img[src$="next.gif"] {
    display: none;
}

span.pageNumbers[style$="5px;"] {
    display: none;
}

.ajax__calendar_month {
    height: 40px !important;
}

.ajax__calendar {
    overflow: hidden !important;
}

ctl00_ctl00_cntBody_cntBody_ctlRegisteredDashboard1_cal3_days {
    top: 160px !important;
}

.New.npdf td {
    padding-left: 8px;
    padding-right: 8px;
}

.New td table.chkBindinner td {
    border: medium none;
    font-size: 15px;
    vertical-align: middle;
}

div.chkBind {
    height: 80px;
    overflow: auto;
}

.tabSearchView .dataField select {
    width: 100%;
}

.tabSearchView>td {
    padding: 4px !important;
}

.tabSearchView.btmpanel {
    margin-top: 10px;
    border-top: 1px solid #ccc;
    min-width: 450px;
}

.micrositelist {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 5px;
    min-width: 500px;
}

.micrositelist td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.micrositelist td:first-child {
    background: #eee;
}

.bplancontent {
    width: 100%;
    max-width: 980px;
}

.divplan {
    background: #f1f1f1;
    padding: 5px;
    margin-bottom: 25px;
    border: 1px solid #cdcdcd;
}

.divplan h2.forminnerheading {
    margin: 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f1f1f1 0%, #e8e8e8 100%) repeat scroll 0 0;
    color: #666;
    font-weight: 500;
    font-size: 13px;
}

.divplan .viewinner {
    background: #fff;
}

.samplefile {
    border: 1px solid #fff;
    border-left: 1px solid #aaa;
    padding: 0px 30px 20px;
    min-height: 50px;
    float: left;
    text-align: center;
    display: block;
    margin-left: 25px;
}

.samplefile:hover {
    background: #f1f1f1;
    border: 1px solid #aaa;
}

.uploadsummary {
    margin-bottom: 20px;
}

.uploadsummary tr {
    display: inline-block;
    border: 1px solid #ccc;
    margin: 15px;
    background: #f1f1f1;
    padding: 10px;
}

.uploadsummary tr:first-child {
    border: none;
    font-size: 13px;
    background: none;
    margin: 0;
    padding: 0;
}

.uploadsummary tr td {
    display: block;
    padding: 3px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
}

.uploadsummary tr td:last-child {
    font-size: 15px;
    text-transform: capitalize;
}


/* ----- Product Tree View Starts Here ---- */

.ptreeview ul.astreeview-tree>li {
    background: #f1f1f1;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 0;
}

.ptreeview ul.astreeview-tree>li>a {
    color: #333;
    display: inline;
    padding: 3px;
    font-size: 15px;
}

.ptreeview ul.astreeview-tree li a:hover {
    border-bottom: none;
}

.ptreeview ul.astreeview-tree>li ul {
    background: none;
    padding-left: 0px;
}

.ptreeview ul.astreeview-tree>li ul li {
    background: #fff;
    border-top: 1px solid #ccc;
}

.ptreeview ul.astreeview-tree>li ul li a {
    color: #555;
    font-size: 14px;
}

.ptreeview ul.astreeview-tree>li img.astreeview-icon {
    display: none;
}

.ptreeview ul.astreeview-tree>li img {
    margin-left: 8px;
}


/* ----- Product Tree View Ends Here ---- */

#bcontainer {
    cursor: pointer;
}

.para {
    width: 100%;
    max-width: 600px;
}

.progressbar {
    width: 100px;
    border: 1px solid #666;
    height: 10px;
    overflow: hidden;
}

.progressbar span {
    display: block;
    height: 10px;
    background: #54950f;
}

.assettools {
    position: relative;
    margin-top: 2px;
}

.fortool .semiblackbg {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
}

.ClickTools {
    background: #eee url(images/gear_icon.png) no-repeat center center;
    width: 21px;
    height: 20px;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: block;
}


/*ul.ToolsDiv::before{ background: #eee;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 0;
    width: 23px;}
ul.ToolsDiv {
	position:absolute;
	border:1px solid #aaa;
	margin:0;
	background:#eee;
	width:195px;
	padding:10px;
	box-sizing:border-box; margin-top:-3px;
	box-shadow:1px 1px 2px #999;
	z-index:100; 
	}*/

templateinner.fortool {
    position: relative;
}

.fortool .checkasset {
    position: absolute;
}

ul.ToolsDiv {
    position: absolute;
    border-top: 1px solid #ccc;
    margin: 0;
    background: #fff;
    width: 218px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 100;
    bottom: 0;
    left: 0;
}

ul.ToolsDiv li {
    display: inline-block;
    vertical-align: top;
    min-width: 45%;
    margin-top: 2px;
}

.toolwithname {
    margin-bottom: 10px;
}

.toolwithname td {
    vertical-align: top;
}

.listtbl {}

.listtbl td {
    padding-bottom: 5px;
    line-height: 20px;
}

.generalform.viewinner tr td span {}

.decs {
    background: #f1f1f1;
    padding: 10px;
    box-sizing: border-box;
    max-height: 250px;
    overflow: auto;
}

.decs p {
    margin: 10px 0;
}

.decs li {
    padding: 0 0 10px 0;
    list-style: inside;
}

.generalform tr td select {
    margin: 0 !important;
}

.generalform tr td table.innertbl td {
    padding-top: 0;
    padding-bottom: 0;
}


/*table.dataGrid tr.LT24 td {
	background:#f3ffd7; 
    
}

table.dataGrid tr.LT48 td {
	background:#8adc66;   
    
}

table.dataGrid tr.LT72 td {
	background:#ffddb2;
    
    
}
table.dataGrid tr.GT72LT5 td {
	background:#ff6b00;
   
    
}
table.dataGrid tr.GT5LT7 td {
	background:#e6c3c1;
   
    
	}*/

table.dataGrid tr td:last-child {
    border-right: 1px solid #e4e4e4;
}

table.dataGrid tr td:first-child {
    border-left: 1px solid #e4e4e4;
}

table.dataGrid tr td {
    padding: 2px 3px 2px 5px;
    border: 1px solid #e4e4e4;
}

table tr td span.flag:after {
    display: block;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px 4px #bdbdbd;
}

table tr.LT24 td span.flag:after {
    color: #00ff0c;
    content: "★";
}

table tr.LT48 td span.flag:after {
    color: #00a408;
    content: "★";
}

table tr.LT72 td span.flag:after {
    color: #ab8a00;
    content: "★";
}

table tr.GT72LT5 td span.flag:after {
    color: #0176ad;
    content: "★";
}

table tr.GT5LT7 td span.flag:after {
    color: #ff2424;
    content: "★";
}

#starinfo td {
    padding: 2px;
    color: #666;
    text-align: left;
    font-size: 13px;
    vertical-align: middle;
}

#starinfo td span {
    font-size: 18px;
}

#starinfo td span.star1 {
    color: #00ff0c;
}

#starinfo td span.star2 {
    color: #00a408;
}

#starinfo td span.star3 {
    color: #ab8a00;
}

#starinfo td span.star4 {
    color: #0176ad;
}

#starinfo td span.star5 {
    color: #ff2424;
}

table.New tr td table.noborder td {
    border: none;
}

table.New tr td span,
table.New tr td a {}

img.tdicon {
    display: block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

.margin3 {
    margin: 3px !important;
}

input.textboxaslabel {
    background: none !important;
    border: none !important;
}

input.diasbletextbox {
    background: #ddd !important;
}

.dealerlocatortbl {
    width: 100%;
}

.dealerlocatortbl>tbody>tr>td {
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}

.ghost-select {
    display: none;
    z-index: 9000;
    position: absolute !important;
    cursor: default !important;
}

#big-ghost {
    background-color: rgba(239, 80, 0, 0.3);
    position: absolute;
}

.ghost-active {
    display: block !important;
}

.ghost-select>span {
    background-color: rgba(239, 80, 0, 0.3);
    width: 100%;
    height: 100%;
    float: left;
}


/*#chatfloat  {
	position:fixed;
	right:0;
	top:50%;
	display:block;
	width:25px;
	height:25px;	
	z-index:1000;
	background:#F27724;
	padding:5px;
	
 
}


#chatfloat img {
	width:100%;
	
	
}

#chatfloat a {
	color:#fff;
	display:block;
	width:25px;
	height:25px;
	
	}*/

.userSelected {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.preview {
    background: #eee url("images/preview.png") no-repeat center center;
    width: 30px;
    height: 34px;
    float: right;
    display: block;
    font-size: 0;
    margin: 8px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.roleaccess {
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate !important;
}

.roleaccess td {
    vertical-align: top;
    background: #eee;
    border: 1px solid #ddd;
    width: 33.33%;
}

.roleaccess td:empty {
    visibility: hidden;
}

.roleaccess .roleaccessmodule {}

.roleaccess .roleaccessmodule .modulehead {
    background: #ccc;
    padding: 5px;
}

.roleaccess .roleaccessmodule input[type="checkbox"] {
    margin: 0;
}

.roleaccess .roleaccessmodule .modulehead table td {
    background: none;
    border: none;
}

.roleaccess .roleaccessmodule .moduleaccess {
    padding: 5px;
    background: #f9f9f9;
}

.roleaccess .roleaccessmodule .submodule {
    padding: 5px;
    border-top: 1px solid #fff;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button.ui-widget.ui-state-default.ucmformbutton {
    border: 1px solid #969595;
    border-radius: 5px;
    color: #333;
    text-align: center;
    padding: 4px 10px;
    margin-right: 5px;
    font-size: 13px;
    width: auto;
    line-height: 12px;
    height: 24px;
    cursor: pointer;
    font-family: Arial;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: #0067b8;
    /*background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 34%, rgba(217,212,212,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(34%, rgba(254,254,254,1)), color-stop(100%, rgba(217,212,212,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 34%, rgba(217,212,212,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 34%, rgba(217,212,212,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 34%, rgba(217,212,212,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 34%, rgba(217,212,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d9d4d4', GradientType=0 );*/
}

.ui-dialog-buttonset button.ui-button.ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-colorpicker-dialog {
    box-shadow: 1px 0px 8px #444;
}


/* For MDF only - Need to copy this part to local admin.css* - Piyal */

#MainTabContainer .tabContent {
    float: none !important;
}

.PopTitleBar {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
}

.PopTitleBar .bluehead {
    font-size: 14px;
    padding: 0;
}

#MainTabContainer a {
    padding: 4px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

#MainTabContainer {
    margin-bottom: 5px;
}

#PopupClaimInputContentBody table td {
    padding: 2px;
}

#dvAccordian div.leadalerts {
    margin: 5px;
    border: 1px solid #aaa;
    padding: 0;
    background: #fff;
}

#dvAccordian div.leadalerts:after {
    content: '' !important;
}

#dvAccordian div.leadalerts .leadalertshead {
    text-align: center;
    background: #aaa;
    color: #fff;
    padding: 4px;
    font-size: 13px;
    line-height: 1.3;
    width: 100% !important;
}

.leftmenuinner input[type='text'] {
    width: 100%;
    box-sizing: border-box;
}

.fortool .checkasset {
    position: absolute;
}

.halfcircle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #eee none repeat scroll 0 0;
    border-color: -moz-use-text-color #aaa #aaa;
    border-image: none;
    border-radius: 0 0 50% 50%;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: block;
    height: 30px;
    margin: auto;
    padding: 3px;
    text-align: center;
    width: 40px;
}

.refresh {
    background: rgba(0, 0, 0, 0) url("images/refresh_icon.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.logoselectbox {
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    padding: 5px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
}

.logoselectbox img {
    max-width: 100%;
    max-height: 75px;
    margin-bottom: 10px;
}

.buttonblue.disablebutton[disabled="disabled"] {
    cursor: default;
    opacity: 0.5;
}

.sorting {
    background: rgba(0, 0, 0, 0) url("images/sorticon.png") no-repeat scroll left center;
    display: inline-block;
    /*margin-top: 5px;*/
    padding: 2px 25px 2px 13px;
    height: 20px;
}

input.sorting {
    background: rgba(0, 0, 0, 0) url("images/sorticon.png") no-repeat scroll left center;
    display: inline-block;
    margin-top: 5px;
    padding: 2px 25px 2px 13px;
    height: 23px;
    border: none;
}

td .sorting:last-child {
    padding: 2px 0px 2px 13px;
}

.zoombuttons {
    background: #f5f5f5;
    height: 30px;
    position: absolute;
    z-index: 10;
    width: 580px;
}

.zoombuttons a,
.zoombuttons input {
    display: inline-block;
    vertical-align: middle;
}

.ui-datepicker-year {
    color: #000;
}

.ajax__calendar_body {
    width: 100% !important;
    height: 130px !important;
}

#PendingJobsContent div,
#leftMenu div.dockarea {
    position: relative;
    overflow: visible !important;
}

.dock {
    background: url("images/undock.png") no-repeat scroll left center;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: -30px;
    left: 155px;
}

.undock {
    background: url("images/dock.png") no-repeat scroll left center;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: -30px;
    left: 159px;
}

.trainingcourse ol {
    margin-left: 20px;
}

.trainingcourse ol li {
    margin-top: 5px;
    list-style-type: decimal;
}

.greycircle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #eee;
    text-align: center;
    padding: 25px 5px;
    margin-right: 25px;
}

.greycircle .ucmlink {
    font-size: 20px;
    margin-top: 10px;
}

.greycircle .circlehead {
    font-size: 13px;
    display: block;
    margin: auto;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5px;
}

.edittemplate {
    border: 1px solid #ccc;
    margin: auto auto 10px;
    padding: 5px;
    width: 200px;
    position: relative
}

.edittemplate img {
    width: 100%;
}

.removebinder {
    color: red;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    z-index: 2;
    line-height: 20px;
}

.ajax__calendar_invalid {
    color: #aaa;
}

.ImageUrlText1,
.ImageUrlText0 {
    max-width: 100px;
    max-height: 100px;
    background: #ddd;
}


/*
*PortalConfiguration.aspx 
*/

.protalconfigure {
    display: block;
    width: calc(100% - 15px);
}

.protalconfigure ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.protalconfigure ul li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 0 0 15%;
    margin: 0px 15px 15px;
    padding: 0;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    min-width: 150px;
}

.protalconfigure ul li:first-child {
    margin-left: 0;
}

.protalconfigure ul li+li {
    margin-left: 0;
}

.protalconfigure ul li div.portalbox {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fafafa;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 140px !important;
    overflow: auto;
}

.protalconfigure ul li a {
    font-size: 14px;
    text-align: center;
    display: block;
}

.protalconfigure li div.portalbox.front {
    font-size: 14px;
    line-height: 20px;
}

.protalconfigure li div.portalbox.back {
    background: #ddd;
}

.protalconfigure li div.portalbox.back a {
    font-size: 13px;
    color: #333;
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.protalconfigure li div.portalbox.back a span {
    font-size: 13px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
}

.protalconfigure li i.iconsportal {
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center center;
    display: block;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 15px auto;
}

.protalconfigure li a:hover {
    color: #333;
}

.portalicons .quetionsicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M374.64,0h50.72c2.1.46,4.18,1,6.3,1.36C450.48,4.19,469.51,6,488.09,9.93c154,32.74,279.63,164,305.43,318.74,2.54,15.26,4.33,30.65,6.47,46v50.72c-2.73,18.54-4.76,37.21-8.32,55.59C761.33,638,628.9,767.13,471.32,793.53c-15.25,2.56-30.64,4.33-46,6.47H374.64c-2.1-.46-4.18-1-6.3-1.36-21.2-3.38-42.72-5.41-63.57-10.3C152.77,752.64,32.6,624.4,6.37,470.52c-2.55-15-4.27-30.1-6.37-45.16Q0,400,0,374.64c.48-2.38,1-4.74,1.42-7.13,3.36-20.93,5.4-42.17,10.24-62.75C47.41,152.73,175.53,32.68,329.5,6.37,344.47,3.81,359.59,2.1,374.64,0Zm181,399.83c1.21-85.53-71.18-160.4-162.31-157.14-82.82,3-150.79,72.45-150.69,156.67s68.09,153.52,151,156.32C484,558.72,556.05,484.91,555.61,399.83ZM703.78,222.66C676.51,172,621.2,114,551.23,80.78,503.39,58,453.07,46.27,399.84,46.45V175.84c83.81,3,147.4,40.37,192.4,111.2Zm.24,353.2L592.24,511.31c-45.34,71-108.9,108.44-192.23,111.19V751.57C519.28,753.53,640.42,686.51,704,575.86ZM94.25,574.57l111.24-64.24c-39.12-74.6-39.13-148.32,0-222.32L93.9,223.63C27.46,333.93,33.81,478.05,94.25,574.57Z' transform='translate%280 0%29' style='fill:%23606060'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    border: 0px none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.4;
    display: inline-block;
}

.portalicons .documentsicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 609.14 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Crect x='127.94' y='138.96' width='254.03' height='77.37' style='fill:%23606060'/%3E%3Crect x='127.94' y='280.42' width='341.18' height='77.37' style='fill:%23606060'/%3E%3Crect x='127.94' y='435.16' width='341.18' height='77.37' style='fill:%23606060'/%3E%3Crect x='127.94' y='589.89' width='341.18' height='77.37' style='fill:%23606060'/%3E%3Cpath d='M702,240.82,560.25,77.49,493.11.12,493,0V.12H93V800H702.17V240.82ZM626.35,722.63H168.85V77.49H493V240.82H626.35Z' transform='translate%28-93.03%29' style='fill:%23606060'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    border: 0px none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.4;
    display: inline-block;
}

.protalconfigure li:hover i.iconsportal,
.protalconfigure li:hover .portalicons .quetionsicon,
.protalconfigure li:hover .portalicons .documentsicon {
    opacity: 0.9;
    cursor: pointer;
}

@media screen and (max-width: 479px) {
    .protalconfigure ul {
        -ms-justify-content: center;
        justify-content: center;
    }
    .protalconfigure li {
        -ms-flex: 0 0 44%;
        flex: 0 0 44%;
        max-width: 0 0 44%;
    }
    .protalconfigure {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}

@media screen and (min-width: 480px) and (max-width:639px) {
    .protalconfigure li {
        -ms-flex: 0 0 44%;
        flex: 0 0 44%;
        max-width: 0 0 44%;
    }
    .protalconfigure {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}

@media screen and (min-width: 640px) and (max-width:767px) {
    .protalconfigure li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .protalconfigure {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width:1169px) {
    .protalconfigure li {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .protalconfigure {
        padding: 0;
        margin: 0;
        width: 100%;
    }
}


/*Email listing page campaign setup asset drop down*/

.managecampaign td ul.campselectdrop {
    position: relative;
    margin: 0px;
}

.clicksetup,
.clicksetup1 {
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 5px 0 0;
    cursor: pointer;
    background: none;
    border: 0px none;
    color: #0176ad;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
    padding-right: 12px;
}

.clicksetup:after,
.clicksetup1:after {
    width: 0;
    height: 0;
    border-top: 7px solid #7a7a7a;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 6px;
}

.clicksetup:hover,
.clicksetup1:hover {
    color: #02699a
}

.clicksetup:hover:after,
.clicksetup1:hover :after {
    border-top: 8px solid #6d6d6d;
}

.showcamptools {
    margin: 0px !important;
    width: 150px;
    position: absolute;
    background: #ffffff;
    z-index: 3;
    border: 1px solid #ccc;
    top: 32px;
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.25);
}


/*.showcamptools:before {
	width: 0;
    height: 0;
    border-bottom: 9px solid #7a7a7a;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: '';
    display: block;
    position: absolute;
    right: 48px;
    top: -9px;
    }*/

.showcamptools li {
    display: block;
    float: none !important;
    border-bottom: 1px solid #dcdcdc;
}

.showcamptools li::last-child() {
    border: 0px none;
}

.showcamptools li a {
    padding: 5px 10px;
    display: block;
    color: #333333;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.showcamptools li a:hover {
    background: #f1f1f1
}


/*custom checkbox*/

.custom-checkbox {
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    padding-right: 10px;
}

.custom-checkbox input[type=checkbox] {
    display: none;
}

.custom-checkbox label {
    cursor: pointer;
    padding-left: 28px;
    width: auto;
    margin: 0;
    position: relative;
}

.custom-checkbox label span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    top: 0;
}

.custom-checkbox label .box {
    border: 1px solid #dddddd;
    height: 18px;
    width: 18px;
    z-index: 8;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.custom-checkbox label .check {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 12px;
    border: 1px solid #333;
    border-top: none;
    border-left: none;
    opacity: 0;
    z-index: 8;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.custom-checkbox input[type=checkbox]:disabled~label .check {
    border-color: #d1d1d1;
}

.custom-checkbox input[type=checkbox]:checked~label .box {
    border: 1px solid #707070;
}

.custom-checkbox input[type=checkbox]:disabled~label .box {
    border-color: #d1d1d1;
    background-color: #f1f1f1;
}

.custom-checkbox input[type=checkbox]:checked~label .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}


/*end checkbox*/


/*
*Custom radion BUtton
*/

.radiobox {
    display: inline-block;
    position: relative;
    cursor: pointer;
}


/*if modal*/

.radiobox input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    cursor: pointer;
    min-height: 20px;
    margin: 0px;
}

.radiobox input[type="radio"]:checked~.ripple-group .radio-off {
    border-color: #707070;
}

.radiobox input[type="radio"]:checked~.ripple-group .radio-on {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    transition: transform 0.3s;
}

.radiobox input[type="radio"]:checked~.ripple-group .ripple-on:before,
.radiobox input[type="radio"]:checked~.ripple-group .ripple-on:after {
    -webkit-transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
}

.radiobox input[type="radio"]:checked~.ripple-group .ripple-on:before {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}

.radiobox input[type="radio"]:checked~.ripple-group .ripple-on:after {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.radiobox .ripple-group {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 2px;
    margin: 0 5px 0 0;
    pointer-events: none;
}

.radiobox .ripple-group:before {
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.radiobox .ripple-group .radio-off {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #dddddd;
    -wbkit-transition: border-color ease 0.28s;
    -ms-transition: border-color ease 0.28s;
    -moz-transition: border-color ease 0.28s;
    -o-transition: border-color ease 0.28s;
    transition: border-color ease 0.28s;
}

.radiobox .ripple-group .radio-on {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -1px;
    top: -1px;
    border-radius: 100%;
    background-color: #707070;
}

.radiobox .ripple-group .ripple-on:before,
.radiobox .ripple-group .ripple-on:after {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    opacity: 1;
}

.radiobox .ripple-group .ripple-on:before {
    background-color: rgba(0, 0, 0, 0.2);
}

.radiobox .ripple-group .ripple-on:after {
    background-color: rgba(0, 0, 0, 0.7);
}

.radiobox label {
    width: auto;
    float: right;
}


/*if radio disable*/

.radiobox input:disabled~.ripple-group {
    background: #b6b6b6;
    opacity: 0.3;
    pointer-events: none;
    border-radius: 100%;
    cursor: not-allowed
}

.radiobox input:disabled~.ripple-group .ripple-on,
.radiobox input:disabled~.ripple-group .radio-off,
.radiobox input:disabled~.ripple-group .radio-one .radiobox .ripple-group::before {
    display: none;
}


/*END RADIO*/


/*
* LocalizationSettings.aspx
*/

.localcheckboxs,
.localcheckboxs tbody {
    border-collapse: inherit;
    display: block;
}

.localcheckboxs tbody tr {
    display: inline-block;
    margin-bottom: 15px;
    padding-right: 10px;
    min-width: 145px;
}

.localcheckboxs tbody tr td.custom-checkbox {
    position: relative;
    margin-bottom: 0px;
    display: inline-block;
    padding-right: 0px;
}

.configurewizard {
    position: relative;
    float: right;
    padding-left: 30px;
}

.configurewizard:before {
    content: '';
    width: 23px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 799.39 742.05'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M492.92,448.58l29.56-10.51a25.07,25.07,0,0,0,16.63-21.29q1.09-12.07,1.1-24.44t-1.1-24.44a25.07,25.07,0,0,0-16.63-21.29l-29.56-10.51a44.8,44.8,0,0,1-25.45-61.45l13.45-28.3a25.09,25.09,0,0,0-3.31-26.82A271.54,271.54,0,0,0,443.06,185a25.09,25.09,0,0,0-26.82-3.31l-28.3,13.45a44.8,44.8,0,0,1-61.45-25.45L316,140.12a25.07,25.07,0,0,0-21.29-16.63q-12.07-1.09-24.44-1.1t-24.44,1.1a25.07,25.07,0,0,0-21.29,16.63L214,169.68a44.8,44.8,0,0,1-61.45,25.45l-28.3-13.45A25.09,25.09,0,0,0,97.45,185,271.53,271.53,0,0,0,62.9,219.54a25.09,25.09,0,0,0-3.31,26.82L73,274.66a44.8,44.8,0,0,1-25.45,61.45L18,346.62A25.07,25.07,0,0,0,1.4,367.91Q.31,380,.3,392.35t1.1,24.44A25.07,25.07,0,0,0,18,438.07l29.56,10.51A44.8,44.8,0,0,1,73,510l-13.45,28.3a25.09,25.09,0,0,0,3.31,26.82A271.55,271.55,0,0,0,97.45,599.7,25.09,25.09,0,0,0,124.28,603l28.3-13.45A44.8,44.8,0,0,1,214,615l10.51,29.56a25.07,25.07,0,0,0,21.29,16.63q12.07,1.09,24.44,1.1t24.44-1.1A25.07,25.07,0,0,0,316,644.57L326.49,615a44.8,44.8,0,0,1,61.45-25.45L416.23,603a25.09,25.09,0,0,0,26.82-3.31,271.55,271.55,0,0,0,34.55-34.55,25.09,25.09,0,0,0,3.31-26.82L467.47,510A44.8,44.8,0,0,1,492.92,448.58ZM270.25,499.65A107.31,107.31,0,1,1,377.56,392.35,107.31,107.31,0,0,1,270.25,499.65Z' transform='translate%28-0.3 -28.98%29' style='fill:%23606060'/%3E%3Cpath d='M799.08,606.89A14,14,0,0,0,789.81,595l-16.48-5.86a25,25,0,0,1-14.19-34.26l7.5-15.78a14,14,0,0,0-1.84-15,151.39,151.39,0,0,0-19.26-19.26,14,14,0,0,0-15-1.84l-15.78,7.5a25,25,0,0,1-34.26-14.19l-5.86-16.48a14,14,0,0,0-11.87-9.27q-6.73-.61-13.62-.61t-13.62.61a14,14,0,0,0-11.87,9.27l-5.86,16.48a25,25,0,0,1-34.26,14.19l-15.78-7.5a14,14,0,0,0-15,1.84,151.39,151.39,0,0,0-19.26,19.26,14,14,0,0,0-1.84,15l7.5,15.78A25,25,0,0,1,525,589.16L508.56,595a14,14,0,0,0-9.27,11.87q-.61,6.73-.61,13.62t.61,13.62A14,14,0,0,0,508.56,646L525,651.87a25,25,0,0,1,14.19,34.26l-7.5,15.78a14,14,0,0,0,1.84,15,151.41,151.41,0,0,0,19.26,19.26,14,14,0,0,0,15,1.84l15.78-7.5a25,25,0,0,1,34.26,14.19l5.86,16.48a14,14,0,0,0,11.87,9.27q6.73.61,13.62.61t13.62-.61a14,14,0,0,0,11.87-9.27l5.86-16.48a25,25,0,0,1,34.26-14.19l15.78,7.5a14,14,0,0,0,15-1.84,151.4,151.4,0,0,0,19.26-19.26,14,14,0,0,0,1.84-15l-7.5-15.78a25,25,0,0,1,14.19-34.26L789.81,646a14,14,0,0,0,9.27-11.87q.61-6.73.61-13.62T799.08,606.89Zm-149.9,73.45A59.83,59.83,0,1,1,709,620.51,59.83,59.83,0,0,1,649.19,680.34Z' transform='translate%28-0.3 -28.98%29' style='fill:%23606060'/%3E%3Cpath d='M508.51,205,525,210.84a25,25,0,0,1,14.19,34.26l-7.5,15.78a14,14,0,0,0,1.84,15,151.4,151.4,0,0,0,19.26,19.26,14,14,0,0,0,15,1.84l15.78-7.5a25,25,0,0,1,34.26,14.19l5.86,16.48a14,14,0,0,0,11.87,9.27q6.73.61,13.62.61t13.62-.61a14,14,0,0,0,11.87-9.27l5.86-16.48a25,25,0,0,1,34.26-14.19l15.78,7.5a14,14,0,0,0,15-1.84,151.41,151.41,0,0,0,19.26-19.26,14,14,0,0,0,1.84-15l-7.5-15.78a25,25,0,0,1,14.19-34.26L789.77,205A14,14,0,0,0,799,193.11q.61-6.73.61-13.62T799,165.86A14,14,0,0,0,789.77,154l-16.48-5.86a25,25,0,0,1-14.19-34.26l7.5-15.78a14,14,0,0,0-1.84-15,151.4,151.4,0,0,0-19.26-19.26,14,14,0,0,0-15-1.84l-15.78,7.5a25,25,0,0,1-34.26-14.19l-5.86-16.48a14,14,0,0,0-11.87-9.27Q656,29,649.14,29t-13.62.61a14,14,0,0,0-11.87,9.27l-5.86,16.48a25,25,0,0,1-34.26,14.19L567.75,62a14,14,0,0,0-15,1.84,151.4,151.4,0,0,0-19.26,19.26,14,14,0,0,0-1.84,15l7.5,15.78A25,25,0,0,1,525,148.13L508.51,154a14,14,0,0,0-9.27,11.87q-.61,6.73-.61,13.62t.61,13.62A14,14,0,0,0,508.51,205Zm140.63-85.32a59.83,59.83,0,1,1-59.83,59.83A59.83,59.83,0,0,1,649.14,119.66Z' transform='translate%28-0.3 -28.98%29' style='fill:%23606060'/%3E%3C/svg%3E");
    position: absolute;
    left: 0px;
    opacity: 0.7;
}

.configurewizard:hover {
    color: #333;
}

.configurewizard:hover:before {
    opacity: 1
}

@media screen and (max-width:479px) {
    .configurewizard {
        float: none;
        margin: 20px auto 0;
        display: block;
    }
}


/*Set Visibility Configuration popup email listing page*/

.allcheckboxwrap {
    display: block;
}

.allcheckboxwrap .loop_cols {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 8px;
}

.allcheckboxwrap .loop_cols table,
.allcheckboxwrap .loop_cols table tbody {
    width: 100%;
    display: block;
}

.allcheckboxwrap .loop_cols table tr {
    display: inline-block;
    padding: 5px 10px;
    min-width: 24%;
}

.allcheckboxwrap .loop_cols h1 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 4px;
    display: block;
}

.allcheckboxwrap .loop_cols::last-child() {
    border: 0px none;
}

.ucm-tooltip {
    position: relative;
    display: inline-block;
    z-index: 9 !important;
}

.ucm-tooltip:before {
    background: black;
    border-radius: 4px;
    top: -36px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 10px;
    line-height: 18px;
    left: 0;
    letter-spacing: 1px;
    padding: 4px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    max-height: 100px;
    pointer-events: none;
}

.ucm-tooltip:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border: 0 solid transparent;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top: 6px solid black;
    top: -10px;
    left: 10px;
}

.ucm-tooltip:after,
.ucm-tooltip:before {
    opacity: 0;
    -o-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

.ucm-tooltip:hover:after,
.ucm-tooltip:hover:before {
    opacity: 1;
}

.whitebg {
    background: #fff !important;
}

.availabletoolsbox {
    border-bottom: 1px solid #ccc;
    margin: 10px;
    padding: 0 0 2px;
}

.availabletoolsbox h4 {
    font-size: 13px;
}

ul.availabletools {
    margin: 0;
    padding: 0;
}

ul.availabletools li {
    margin: 0;
    padding: 0 2px 0 0;
    display: inline-block;
}

.availabletools li .ucmicons {
    width: 20px;
    height: 20px;
}

.requestcomplete {
    background: #888;
    color: #fff;
    border: none;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 2px 10px;
    height: 21px;
}

.requestpending {
    background: #F66;
    color: #fff;
    border: none;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 12px;
    padding: 3px 10px;
    height: 25px;
}


/*new right help implemtation contnet design */

.helpcontdesign {
    display: block;
    font-size: 13px;
    line-height: 22px;
}

.helpcontdesign h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.helpcontdesign h3 {
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 5px 0;
}

.helpcontdesign p {
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 2px 0;
}

.helpcontdesign ol {
    padding-left: 10px;
}

.helpcontdesign ol li {
    padding-left: 5px;
}

.helpcontdesign * {
    list-style-type: decimal;
}

.helpcontdesign .number,
.helpcontdesign li.number,
.helpcontdesign ol.number,
.helpcontdesign .number li {
    list-style: decimal;
}

.helpcontdesign .lower-alpha,
.helpcontdesign ol.lower-alpha,
.helpcontdesign li.lower-alpha,
.helpcontdesign .lower-alpha li {
    list-style: lower-alpha;
}

.helpcontdesign .lower-roman,
.helpcontdesign ol.lower-roman,
.helpcontdesign ol.lower-roman li,
.helpcontdesign li.lower-roman {
    list-style: lower-roman;
}

.helpcontdesign li.img {
    list-style-type: none;
    list-style: none;
    display: block;
    max-width: 300px;
}

.helpcontdesign img {
    display: block;
    max-width: 100%;
    padding: 5px;
    border: 2px solid #ccc;
    margin: 15px 0;
}


/*this css addedd universally as there are no padding for option*/

select option {
    padding: 4px 6px;
}

select option+option {
    padding-top: 0;
}

.betabtn {
    border: none;
    background: none;
    border-radius: 14px;
    padding: 1px 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase;
}

.betabtn.betaon {
    color: #6a9450
}

.betabtn.betaoff {
    color: #b75050
}


/*fixed pop up bugs*/

.emailcountry,
.listpopup {
    top: 120px !important;
}


/*
* hide leadalerts ui-accordion-header when body class sidebar-collapse
*/

body.sidebar-collapse #leftMenu div.ui-accordion-header.leadalerts {
    display: none;
}


/* New Report Filter*/

.reportfilterpanel {
    width: 280px;
    max-height: 75vh;
    overflow: auto;
    position: fixed;
    z-index: 1000;
    top: 130px;
    right: -280px;
    background: #eee;
    border: 1px solid #999;
    padding: 10px;
    -webkit-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
}

.reportfilterpanel.open {
    right: 0;
    box-shadow: 0px 1px 4px #555;
}

.reportfiltertable {
    width: 100%;
}

.filterheading {
    font-size: 15px;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    color: #333333;
}

.filtertrigger:before {
    border: 1px solid #999;
    border-right: none;
    background: #eee;
    display: inline-block;
    content: url('images/reportfilter_icon.png');
    padding: 5px 5px 6px;
}

.filtertrigger {
    position: fixed;
    top: 130px;
    right: 0;
    cursor: pointer;
    z-index: 1001;
    -webkit-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
}

.filtertrigger.active {
    right: 279px;
}

.filtertitle {
    vertical-align: middle;
    height: 40px;
    color: #000;
    font-size: 16px;
    padding-left: 5px;
}

.reportmenu {
    background: #b7b7b7;
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

.reportmenu ul {}

.reportmenu>ul>li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
}

.reportmenu ul li a {
    color: #333;
    padding: 5px;
    display: block;
}

.reportmenu ul li a.has:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    content: "";
    border-top: 7px solid #212529;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.reportmenu ul li a.has+ul {
    display: none;
    background: #ccc;
    position: absolute;
    top: 29px;
    width: 160px;
    z-index: 1000;
}

.reportmenu>ul>li:hover a.has+ul {
    display: block;
}

.reportmenu>ul>li:hover a.has+ul li ul {
    display: none;
}

.reportmenu ul li a.has+ul li {
    display: block;
}

.reportmenu ul li a.has+ul li a {
    display: block;
    padding: 5px 10px;
}

.reportmenu ul li ul li a.has:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    content: "";
    border-left: 7px solid #212529;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.reportmenu ul li ul li {
    position: relative;
}

.reportmenu ul li ul li a.has+ul {
    display: none;
    background: #ddd;
    position: absolute;
    top: 0px;
    left: 160px;
}

.reportmenu ul li ul li:hover a.has+ul {
    display: block;
}

.reportpagehead {
    background: #898989;
    color: #fff;
    padding: 11px 15px;
    font-size: 20px;
}

.reportfiltertable .filterlabel {
    padding: 0 0 2px 1px;
    display: block;
}

.reportfiltertable input[type='text'],
.reportfiltertable select {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}

.campaignselection a.listviewcamp {
    background: url("images/listviewicon.png") no-repeat 5px center;
    background-color: #ddd;
    color: #333;
    display: block;
    padding: 5px 10px 5px 28px;
    margin-right: 15px;
    opacity: 0.6;
    width: 95px;
}

.campaignselection a.thumbviewcamp {
    background: url("images/thumbviewicon.png") no-repeat 5px center;
    background-color: #ddd;
    color: #000;
    display: block;
    padding: 5px 10px 5px 28px;
    margin-right: 15px;
    opacity: 0.7;
    width: 115px;
}

.campaignselection a.listviewcamp.active,
.campaignselection a.thumbviewcamp.active {
    background-color: #fff;
    opacity: 1;
}

.camptop.gridtop {
    border: none !important;
    background: none !important;
}

.ucmgrid .camptop.gridtop>tbody>tr>td {
    padding: 0px 10px 10px 0px;
}


/*Campaign Library Css*/

@media screen and (max-width:1023px) {
    .campaignright {
        width: 54%
    }
}

@media screen and (max-width:799px) {
    .campaignright {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width:639px) {
    .scontainer .ucmloginbanner {
        padding-top: 0px !important;
    }
    .campaignselection td {
        display: block;
        padding: 5px 0;
    }
    div.campaignselection ul li {
        margin: 0 !important;
    }
}

.ucm-breadcrumbs .breadcrumb {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    padding: 7px 5px;
    border-radius: 0;
}

.ucm-breadcrumbs .breadcrumb li a {
    color: #606060;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.ucm-breadcrumbs .breadcrumb li input[type="button"],
.ucm-breadcrumbs .breadcrumb li input[type="submit"] {
    color: #606060;
    text-decoration: none;
    display: inline-block;
    background: none;
    border: none;
    cursor: pointer;
}

.breadcrumb-item.active {
    color: #898989;
}

.ucm-breadcrumbs .breadcrumb li a img,
.ucm-breadcrumbs .breadcrumb li a .iconsize {
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin-right: 2px;
    display: inline-block;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #898989;
    padding: 0 0.35rem;
}


/* CSS for Right Side Help Content Starts Here*/

#HelpContent.helpcontent h2,
#HelpContent.helpcontent h2 a {
    color: #333;
    font-size: 20px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.1;
}

#HelpContent.helpcontent h3,
#HelpContent.helpcontent h3 a {
    color: #333;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.1;
}

#HelpContent.helpcontent ol,
#HelpContent.helpcontent ul {
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 5px;
}

#HelpContent.helpcontent ol li,
#HelpContent.helpcontent ul li {
    list-style: decimal;
    padding: 4px;
    font-size: 13px;
}

#HelpContent.helpcontent ol ol li,
#HelpContent.helpcontent ul ul li,
#HelpContent.helpcontent ol ul li,
#HelpContent.helpcontent ul ol li {
    list-style: lower-alpha;
    padding: 3px 4px;
    font-size: 13px;
}

#HelpContent.helpcontent ol ol ol li,
#HelpContent.helpcontent ul ul ul li,
#HelpContent.helpcontent ol ol ul li,
#HelpContent.helpcontent ul ul ol li,
#HelpContent.helpcontent ol ul ul li,
#HelpContent.helpcontent ul ol ol li,
#HelpContent.helpcontent ol ul ol li,
#HelpContent.helpcontent ul ol ul li {
    list-style: lower-roman;
    padding: 2px 4px;
}

#HelpContent.helpcontent ol ol ol ol li,
#HelpContent.helpcontent ul ul ul ul li,
#HelpContent.helpcontent ol ol ol ul li,
#HelpContent.helpcontent ul ul ul ol li,
#HelpContent.helpcontent ol ol ul ul li,
#HelpContent.helpcontent ul ul ol ol li,
#HelpContent.helpcontent ol ul ul ul li,
#HelpContent.helpcontent ul ol ol ol li,
#HelpContent.helpcontent ol ul ol ol li,
#HelpContent.helpcontent ul ol ul ul li,
#HelpContent.helpcontent ol ul ul ol li,
#HelpContent.helpcontent ul ol ol ul li,
#HelpContent.helpcontent ol ul ol ul li,
#HelpContent.helpcontent ul ol ul ol li,
#HelpContent.helpcontent ol ol ul ol li,
#HelpContent.helpcontent ul ul ol ul li {
    list-style: disc;
    padding: 1px 4px;
}

#HelpContent.helpcontent p {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
}

.socialposttable input.buttonblue {
    margin-top: 10px;
}

.lightgreenstar {
    color: #00ff0c
}

.darkgreenstar {
    color: #00a408
}

.brownstar {
    color: #ab8a00
}

.darkbluestar {
    color: #0176ad
}

.redstar {
    color: #ff2424
}


/* CSS for Right Side Help Content Ends Here*/

.greentick {
    display: inline-block;
}

.greentick:after {
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border: solid #009c47;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/* for MDF */

span.bluehead {
    display: block;
    color: #333;
    font-size: 24px;
    margin-top: 0;
    line-height: 30px;
    z-index: 100;
    background-color: #fff;
    padding: 10px 15px 12px;
    margin-left: -15px;
    min-height: 53px;
    margin-right: -15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

table.listView {
    border: 1px solid #e4e4e4;
}

table.listView tr.listViewThS1>th,
table.listView tr.listViewThS1>td {
    background: #dbdbdb;
    color: #000;
    font-size: 13px;
    padding: 12px 6px;
    vertical-align: middle;
    z-index: 100;
}

table.listView tr.listViewThS1>th a {
    color: #000;
}

table.listView tr:nth-child(even) {
    background: #f7f7f7;
}

table.listView tr>td {
    padding: 12px 6px;
    text-decoration: none;
    text-align: left;
    font-size: 13px;
    border: none;
    background: none;
}

.modalPopup {
    background: #fff;
}

.mdflightbox,
#divMainBody .modalPopup.newpop,
#mainview .modalPopup.newpop {
    width: 880px !important;
    padding: 20px;
    position: absolute;
    left: 50% !important;
    top: 40% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #666;
    height: auto !important;
}

#mainview .modalPopup.newpop td {
    padding: 2px !important;
    vertical-align: middle;
}

#mainview .modalPopup.newpop td input,
#mainview .modalPopup.newpop td select {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    padding: 2px !important;
}

#mainview .modalPopup.newpop td input.button {
    border: none !important;
    background: none !important;
}

.modalPopup .PopTitleBar,
.mdflightbox .PopTitleBar {
    background: none;
}

.modalPopup {
    padding: 20px !important;
}

.modalPopup .button[value=ok] {
    background: none !important;
}

.modalPopup .PopTitleBar span.bluehead,
mdflightbox .PopTitleBar span.bluehead {
    color: #333 !important;
    font-weight: bold !important;
    border: none;
}

.PopTitleBar .bluehead {
    color: #333 !important;
    font-weight: bold !important;
    border: 0px !important;
    width: 700px !important;
}

td .modalPopup.newpop .bluehead,
#DivTitleActDtlsPanelPopup .bluehead {
    padding: 0;
    color: #fff;
}

table.mdftable td {
    padding: 3px;
}

table.mdftable td fieldset {
    border: 1px solid #ccc;
}

table.mdftable td input {}

table.mdftable td input[type=text] {
    border: 1px solid #ccc;
}

table.mdftable td select {
    border: 1px solid #ccc;
    border-radius: 0;
}

th.amount-right,
th.rightalign {
    text-align: left !important;
}

.smltext {
    font-size: 13px;
    font-style: italic;
    color: #444;
}

.terms-container {
    overflow: auto;
    margin-bottom: 15px;
    text-align: justify;
    height: 250px;
    border: 1px solid rgb(153, 153, 153);
    padding: 15px;
}


/*documen page*/

.widthcalc {}

.widthcalc label {
    max-width: calc(100% - 10%);
    margin: 5px 0 0 10px;
}

.infotextcontent {
    z-index: 1000;
}

.helpcontentarea {
    position: fixed;
    top: 15px;
    right: -50%;
    z-index: 1002;
    width: 50%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.helpcontentarea.open {
    right: 0px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.helpcontentarea.open.expand {
    width: 85%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.helpcontentarea .helpanchor {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 4px;
    border: 1px solid #ddd;
    border-right: none;
    text-align: center;
    width: 36px;
    background: #ddd;
    height: 46px;
    position: absolute;
    top: 0;
    right: 100%;
    line-height: 20px;
    color: #222;
    font-size: 9px;
    display: none;
}

.helpcontentarea .helpanchor:before {
    content: '?';
    display: inline-block;
    color: #fff;
    font-size: 18px;
    background: #222;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-family: Arial;
    font-weight: bold;
}

.helpcontentarea .expandanchor {
    border-bottom-left-radius: 5px;
    border: 1px solid #ddd;
    border-right: none;
    text-align: center;
    width: 36px;
    background: #ddd;
    height: 50px;
    padding: 4px;
    position: absolute;
    display: none;
    top: 43px;
    right: 100%;
    line-height: 20px;
    color: #222;
    font-size: 9px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.helpcontentarea .expandanchor:before {
    content: '«';
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background: #222;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 17px;
    font-family: Arial;
    font-weight: bold;
}

.helpcontentarea.open .helpanchor {
    display: block !important;
}

.helpcontentarea.open .helpanchor:before {
    content: '×';
    font-weight: nomal;
    font-size: 20px;
}

.helpcontentarea.expand .expandanchor:before {
    content: '»';
}

.helpcontentarea.open .expandanchor {
    display: block;
}

.helpcontentarea.open .expandanchor:after {}

.helpcontentarea .detachanchor {
    border-bottom-left-radius: 5px;
    padding: 0px;
    border: 1px solid #ddd;
    border-right: none;
    text-align: center;
    width: 36px;
    background: #ddd;
    height: 48px;
    padding: 5px;
    position: absolute;
    top: 90px;
    right: 100%;
    line-height: 20px;
    color: #222;
    font-size: 9px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    display: none
}

.helpcontentarea .detachanchor b {
    display: inline-block;
    font-size: 27px;
    border-radius: 50%;
    background: #222;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-family: Arial;
    padding: 4px;
}

.helpcontentarea .detachanchor b img {
    width: 18px;
    height: 18px;
}

.helpcontentarea.open .detachanchor {
    display: block;
}

.helpcontentarea .helpcontent {
    border: 5px solid #ddd;
    width: 100%;
    border-right: none;
    background: #fff;
    height: 500px;
    padding: 15px;
    overflow: auto;
}

.helpcontentarea.open .helpcontent {
    box-shadow: 3px 3px 4px #666;
}

.helpcontent img {
    max-width: 100%;
    height: auto !important;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 3px 0 #eee;
}

#dvcolorpicker table.formtable td {
    padding-top: 5px !important;
    vertical-align: middle;
}


/* newly added for content library page*/

.Document-Search input[type=text] {
    height: 30px;
    margin-right: 8px;
}


/* For detouch htlp container*/

#HelpContent.helpcontent {
    padding: 15px;
    background: #fff;
}

.ucmlinkdisable {
    cursor: not-allowed !important;
}


/*REMOVE THIS AFTER SASS IMPLEMETATION*/


/*hamburger icons this color should be different for pin area*/

.hamburger.is-open span i,
.hamburger.is-closed span i,
.hamburger.is-closed span::before,
.hamburger.is-closed span::after,
.hamburger.is-open span::before,
.hamburger.is-open span::after {
    background: #fff !important;
}


/*old structured arrow bg*/

.AccordinHeader,
#leftMenu div.ui-accordion-header:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800.58 451.42'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M380,618.32h0a32.12,32.12,0,0,1-5.6-7.29L9.09,232.59a32.71,32.71,0,1,1,47.06-45.44L403,546.45,744.1,186a32.71,32.71,0,1,1,47.52,45L426.28,617A32.81,32.81,0,0,1,380,618.32Z' transform='translate%280.05 -175.81%29' style='fill:%239f9f9f'/%3E%3C/svg%3E");
}


/*REMOVE ABOVE AFTER SASS IMPLEMETATION*/


/*CSS for Campaign Intermediate page start*/

#campaintoolsarea {
    border-bottom: none !important;
}

.campaignbanner {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
}

.campaigndetailcontainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    max-width: 1170px;
    margin: 20px auto;
}

.editordiv {
    display: inline-flex;
    width: 68%;
    flex-wrap: wrap;
}

#usrcontrol.campaigncontrol {
    border: 1px solid #ccc;
    width: 30%;
    box-sizing: border-box;
    margin: 0;
}

.campaigndetailcontainer .pagecontentfirst {
    margin: 0;
    margin-right: 25px;
    width: 48%;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.campaigndetailcontainer .pagecontentsecond {
    margin: 0;
    width: 48%;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

h1.campaigntitle {
    color: #46877c;
    font-size: 26px;
    margin: 15px 0 25px 0;
}

.campaigncontrol {
    padding: 15px !important;
    box-sizing: border-box;
}

.pagecontentfirst .pagecontentfirst_container,
.pagecontentsecond .pagecontentsecond_container {
    padding: 15px;
    box-sizing: border-box;
}

.tabContainer .digiTabs {
    margin: 0;
    padding: 0px 0px;
    position: relative;
    z-index: 99;
    font-size: 13px;
    overflow: visible;
}

.campaignbanner img {
    max-width: 100%;
    width: 100%;
}

.camptoolhead {
    border: 1px solid #bababa;
    padding: 12px 30px;
    background: #fff;
    color: #46877c;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 20px;
}

.tabContainer .digiTabs {
    margin: 0;
    padding: 0px 0px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    font-size: 13px;
}

.tabContainer .digiTabs li {
    width: 46%;
    margin-right: 0;
    list-style: none;
    text-align: center !important;
    border: 0px none;
    border-radius: 3px 3px 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
    background: #959290;
    color: #fff !important;
    padding: 6px 0px 6px 0px;
    cursor: pointer;
    display: inline-block;
}

.tabContainer .digiTabs li.last {
    margin-right: 0;
}

.tabContainer .digiTabs li a {
    display: block;
    padding: 4px 5px 6px 5px;
    background: #959290;
    color: #e9e9e9 !important;
    font-size: 13px;
    line-height: 14px;
    text-align: center !important;
    border: 0;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    width: 148px;
    float: left;
    cursor: pointer;
}

.tabContainer .digiTabs li a:hover {
    background: #fff;
    color: #e9e9e9;
}

.tabContainer .digiTabs .selected {
    background: #fff;
    color: #959290 !important;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#tabContent .digiTabs ul {
    margin: 0;
    padding: 0;
}

.insettabs {
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    color: #e9e9e9;
    background: #f1f1f1;
}

.insettabs ul {
    margin: 0;
    padding: 15px 13px;
    list-style: disc;
    color: #959290;
}

.insettabs ul li {
    color: #959290 !important;
    font-size: 13px;
    font-style: normal;
    line-height: 16px;
    padding-bottom: 6px;
    position: relative;
    list-style-type: disc;
    list-style-position: inside;
}

.insettabs ul li a {
    font-size: 13px;
    font-style: normal;
    line-height: 14px;
    color: #0176ad;
    margin: 0;
}

.pagecontentfirst .pagecontentfirst_container,
.pagecontentsecond .pagecontentsecond_container {
    padding: 15px;
    box-sizing: border-box;
}

.pagecontentfirst .pagecontentfirst_container h2,
.pagecontentsecond .pagecontentsecond_container h2 {
    font-size: 20px;
    color: #000;
    line-height: 26px;
    padding: 0 0 25px;
    margin: 0;
}

.pagecontentfirst .pagecontentfirst_container p,
.pagecontentsecond .pagecontentsecond_container p {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 5px 0;
    box-sizing: border-box;
}

.pagecontentfirst .pagecontentfirst_container .contentWrapper .ContentBox,
.pagecontentsecond .pagecontentsecond_container .contentWrapper .ContentBox {
    margin: 10px 0 20px;
}

.pagecontentfirst_container .ContentBox .phead,
.pagecontentsecond_container .ContentBox .phead {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 8px;
    box-sizing: border-box;
    font-weight: 700;
}

.pagecontentfirst .pagecontentfirst_container ul,
.pagecontentfirst .pagecontentfirst_container ol,
.pagecontentsecond .pagecontentsecond_container ul,
.pagecontentsecond .pagecontentsecond_container ol {
    margin: 0;
    margin: 10px 0 10px 25px;
    padding: 0;
}

.pagecontentfirst .pagecontentfirst_container ul li,
.pagecontentfirst .pagecontentfirst_container ol li,
.pagecontentsecond .pagecontentsecond_container ul li,
.pagecontentsecond .pagecontentsecond_container ol li {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin: 0 0 5px;
    list-style: disc;
}

.pagecontentfirst .pagecontentfirst_container ol li,
.pagecontentsecond .pagecontentsecond_container ol li {
    list-style: numeric;
}

.pagecontentsecond {
    padding: 15px;
    box-sizing: border-box;
}

.pagecontentsecond h2 {
    font-size: 20px;
    color: #000;
    line-height: 26px;
    padding: 0 0 32px;
    margin: 0;
}

.pagecontentsecond .tabContainer .insettabs {
    border: 1px solid #c6c6c6;
    position: relative;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
}

.pagecontentsecond .tabContainer .digiTabs {
    overflow: visible;
}

.pagecontentsecond .tabContainer .digiTabs li.selected {
    border-radius: 0px;
    border-top: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-bottom: 1px solid #fff;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin: 0;
    top: -1px;
    left: 0px;
    padding: 10px 4px;
    box-sizing: border-box;
    background: #fff !important;
}

.pagecontentsecond .tabContainer .digiTabs li.selected:after {
    content: '';
    width: 1px;
    height: 2px;
    background: #c6c6c6;
    left: -1px;
    position: absolute;
    bottom: -1px;
}

.pagecontentsecond .tabContainer .digiTabs li {
    background: #f3f0ef;
    border: solid 1px #f3f0ef;
    text-align: center;
    color: #333333 !important;
    font-size: 13px !important;
    border-right: 1px solid #f3f0ef;
    border-left: 1px solid #f3f0ef;
    border-top: 1px solid #f3f0ef;
    border-bottom: 1px solid #fff;
    margin: 0 3px 0 2px;
    position: relative;
    bottom: 5px;
    box-sizing: border-box;
    padding: 5px 4px 8px;
}

.pagecontentsecond .tabContainer .insettabs {
    top: -2px;
}

.pagecontentsecond .tabContainer .insettabs ul {
    margin: 0;
    padding: 0;
}

.pagecontentsecond .tabContainer .insettabs ul li {
    color: #0067b8 !important;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 3px;
    padding: 0;
}

#campaintoolsarea {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.campaigncontrol {
    box-sizing: border-box;
    padding: 15px !important;
}

.campaigncontrol h2 {
    font-size: 20px;
    color: #000;
    line-height: 26px;
    padding: 0 0 35px;
    margin: 0;
}

.campaigncontrol p {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 5px 0;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.campaigncontrol #event a {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    color: #0176ad;
    text-decoration: none;
    box-sizing: border-box;
    padding: 8px 0 0;
}

.campaigncontrol #event a:hover {
    color: #0176ad;
    text-decoration: underline;
}

.campaigncontrol #event input.button {
    transition: all 0.3s linear;
    font-size: 13px;
    text-transform: capitalize;
    background: #3e7187;
    padding: 2px 15px;
    box-sizing: border-box;
    margin: 0 8px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 20px;
}

.campaigncontrol .divevent {
    margin: 20px 0;
}

.campaigncontrol ul.campaignhelp,
.campaigncontrol ol {
    margin: 0 0 10px 12px;
    padding: 0;
}

.campaigncontrol ul.campaignhelp li {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin: 0 0 5px;
    list-style: disc;
}

.camptoolhead:empty {
    display: none;
}

.intermediatecontainer h2 {
    color: #000000;
    margin-bottom: 20px;
}

.intermediatecontainer h3.multiflowhead {
    color: #333333;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0;
}

.intermediatecontainer input[type="checkbox"] {
    margin-right: 10px;
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
}

.intermediatecontainer .multiflowdiv .divboxes {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #bababa;
}


/*.intermediatecontainer .boxinner {
	float: left;
	text-align: center;
	width: 130px;
}*/

.intermediatecontainer .boxinner {
    width: 100%;
    background: #e8e8e8;
    border: 1px solid #bababa;
    border-top: none;
    padding: 5px;
    position: relative;
}

.intermediatecontainer .boxinner:before {
    content: "";
    position: absolute;
    display: inline-block;
    margin: auto;
    top: 25px;
    left: 20px;
    width: 10px;
    height: 10px;
    background: #e8e8e8;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    z-index: 100;
}

.divboxes div:nth-last-child(-n+2):before {
    content: none;
}

.intermediatecontainer .dvBox {
    position: relative;
}

.intermediatecontainer .dvBox:after {
    display: inline-block;
    width: 0;
    height: 0;
    right: 3px;
    top: 5px;
    content: "";
    border-left: 7px solid #212529;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute
}

.intermediatecontainer .multiflowwait {
    background: #4c4c4c none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: auto;
    line-height: 18px;
    margin: 10px;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

.intermediatecontainer .multiflowwait>span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    display: block;
}

.intermediatecontainer .dvBox span.spnSubType {
    color: #000;
    position: relative;
    display: none;
}

.intermediatecontainer .arrow {
    display: none;
    font-size: 0;
    margin: 20px 0 0;
    vertical-align: middle;
    float: left;
    width: 45px;
    text-align: center;
}

.intermediatecontainer .arrow .spnArrow {
    position: relative;
    display: inline-block;
    color: #A0A0A0;
    font-size: 0px;
    background: url(../images/arrow-nor.png) no-repeat scroll 50% 50%;
    width: 45px;
    height: 41px;
}

.intermediatecontainer .dvBox span {
    color: #000;
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}


/*.intermediatecontainer .dvBox span.spnNote {
	margin-top: 10px;
	width: 100%;
}*/


/*.intermediatecontainer .dvBox .spnHdr {
	background: #e0e1e3;
	width: 80px;
	height: 80px;
	font-size: 0px;
}*/

.intermediatecontainer .dvBox .spnHdr {
    background: #e0e1e3;
    width: 20px;
    height: 20px;
    font-size: 0px;
    vertical-align: top;
    margin-right: 10px;
}

.intermediatecontainer .multiflow-panel {
    margin: auto;
    margin-top: 20px;
    max-width: 1170px;
    width: 100%;
}

.intermediatecontainer .multiflow-panel .multiflowdiv h3.multiflowhead input[type="checkbox"] {
    color: #333333 !important;
    font-size: 14px;
}

.intermediatecontainer .dvBox .spnHdr.email {
    background: url(images/ucmicon.svg#ucmicon-envelope) no-repeat scroll 50% 50% / 80% auto;
}

.intermediatecontainer .dvBox .spnHdr.microsites {
    background: url(images/ucmicon.svg#ucm-microsite) no-repeat scroll 50% 50% / 80% auto;
}

.intermediatecontainer .dvBox .spnHdr.syndication {
    background: url(images/ucmicon.svg#ucm-web-syndication) no-repeat scroll 50% 50% / 80% auto;
}

.intermediatecontainer .dvBox .spnHdr.asset {
    background: url(images/ucmicon.svg#ucm-assets) no-repeat scroll 50% 50% / 80% auto;
}

.intermediatecontainer .dvBox .spnHdr.events {
    background: url(images/ucmicon.svg#ucm-event) no-repeat scroll 50% 50% / 80% auto;
}

.intermediatecontainer .dvBox .spnHdr.socialshare {
    background: url(images/ucmicon.svg#ucm-social-syndication) no-repeat scroll 50% 50% / 80% auto;
}

.multiflowdiv.errDiv span {
    display: inline-block;
    padding-top: 10px;
    font-style: italic;
    background: #ffffff;
    padding: 5px 10px;
    border: 1px solid red;
    margin-top: 15px;
}


/*CSS for Campaign Intermediate page ends*/


/*New CSS for 9.2 Start*/

.topuserlang-area {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: -webkit-flex;
    display: flex;
    padding: 0rem 1rem 0 0;
}

.weluser button.btn,
.ucm-select-lang a {
    background: rgba(0, 0, 0, 0);
    font-size: 13px;
    color: #333;
    padding: 0;
    display: block;
}

.weluser button.btn {
    margin: 0 1.25rem 0 0;
    white-space: initial;
}

.weluser button.btn:hover,
.weluser button.btn:focus,
.weluser.show button.btn,
.ucm-select-lang a:hover,
.ucm-select-lang a:focus {
    color: #F27724;
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
}

.weluser .dropdown-toggle::after {
    margin-left: 0.25rem;
    vertical-align: .1em;
    border-top: .57em solid;
    border-right: .32em solid transparent;
    border-left: .32em solid transparent;
}


/*user lang*/

.ucm-select-lang {
    white-space: nowrap;
}


/*welcome user*/

.ucm-options-dropdown .dropdown-toggle::after {
    content: none;
}

.ucm-options-dropdown .dropdown-menu {
    border-radius: 0px;
    border: 2px solid #e2e2e2;
    min-width: 200px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: -3px;
    left: -7px;
    background: #fff;
}

.weluser.ucm-options-dropdown .dropdown-menu {
    /*transform: translate3d(-156px, 52px, 0px) !important; if arrow on*/
    transform: translate3d(-188px, 52px, 0px) !important;
    min-width: 240px;
}

.ucmps.ucm-options-dropdown .dropdown-menu {
    transform: translate3d(-164px, 47px, 0px) !important;
}

.ucm-options-dropdown .dropdown-menu::before {
    content: '';
    border-bottom: 13px dashed #ffffff;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -13px;
    right: 16px;
    z-index: 2;
}

.ucm-options-dropdown .dropdown-menu::after {
    content: '';
    border-bottom: 15px dashed #e2e2e2;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top: -16px;
    right: 14px;
    z-index: 1;
}

.ucm-options-dropdown .dropdown-menu li {
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #636363;
}

.ucm-options-dropdown .dropdown-menu li:hover,
.ucm-options-dropdown .dropdown-menu li:focus {
    background: #f7f7f7;
    cursor: pointer;
    color: #0052a3;
}

.ucm-options-dropdown .dropdown-menu li.username,
.ucm-options-dropdown .dropdown-menu li.helpcontrol {
    border-bottom: 1px solid #ccc;
}

.ucm-options-dropdown .dropdown-menu li.username:hover,
.ucm-options-dropdown .dropdown-menu li.username:focus {
    background: #ffffff;
    cursor: default;
    color: #636363;
}

.ucm-options-dropdown .dropdown-menu li:hover a,
.ucm-options-dropdown .dropdown-menu li:focus a {
    color: #0052a3;
}

.ucm-options-dropdown .dropdown-menu li.logout {
    color: #F27724;
    border-top: 1px solid #ccc;
}

.ucm-options-dropdown .dropdown-menu li.logout a {
    color: #F27724;
}

.ucm-options-dropdown .dropdown-menu li a {
    font-size: 13px;
    line-height: 18px;
    color: #636363;
}

.ucm-options-dropdown .dropdown-menu li button {
    border: 0px none;
    background: none;
    margin: 0px;
    padding: 0;
    color: #636363;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.ucm-options-dropdown .dropdown-menu li:hover button,
.ucm-options-dropdown .dropdown-menu li:focus button {
    color: #0052a3;
}

.ucm-options-dropdown .dropdown-menu i {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
}

.ucm-options-dropdown .dropdown-menu li.logout button {
    color: #F27724;
}

.ucmopsett {
    background: none;
    cursor: pointer;
    border: 0px none;
    margin: 0;
    padding: 0;
}

.ucmopsett::after {
    content: none;
}

.ucmopsett i.ucmicons {
    width: 27px;
    height: 27px;
}

.ucmps,
.weluser,
.ucmglobalsearchtop,
.ucm-notification {
    margin-right: 10px;
    position: relative;
    height: 25px;
    text-align: center;
}

.ucmglobalsearchtop .ucmicon-search-top {
    width: 31px;
    height: 31px;
}

.ucmglobalsearchtop {
    display: none;
}

.ucmuserbtn {
    background: none;
    border: 0px none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.ucmuserbtn .ucmuserwrap {
    width: 25px;
    height: 25px;
    border: 2px solid #8c8c8c;
    background: #8c8c8c;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

.ucmuserbtn img {
    margin: 2px auto 0;
}

.ucmuserbtn i.ucmicons {
    margin-left: 6px;
    width: 10px;
    height: 10px;
    display: none
}

.mainnav i.ucm-menuicon {
    width: 23px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin: 0 10px 0 0;
}

.mainnav .ucm-menuicon .nav-line {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #ffffff;
    opacity: 1;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.ucm-select-lang i.ucmicons {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0 0 4px;
}

.ucm-select-lang a span {
    display: none;
    padding: 0;
    margin: 0 6px 0 6px;
    border-radius: 100%;
    background: #808080;
    width: 22px;
    height: 22px;
}

.ucm-menuicon span.nav-line:nth-child(1) {
    top: 9px;
    width: 80%;
}

.ucm-menuicon span.nav-line:nth-child(2) {
    top: 18px;
}


/*for beta function*/

.siigninbeta {
    padding: 0 8px 0 0;
}

.siigninbeta ul {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: -webkit-flex;
    display: flex;
}

.betasigninoff {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.betasigninoff li {
    display: block;
    line-height: 0.1rem;
}

.betasigninoff li a,
.betasigninoff li a:not([href]):not([tabindex]) {
    font-size: 0.83rem;
    color: #0176ad;
    cursor: pointer;
    line-height: 1;
}

ul.betasigninoff li.isbetaon a,
ul.betasigninoff li.isbetaoff a {
    border: none;
    font-size: 13px;
    cursor: pointer;
    margin: 15px 5px 0;
    text-transform: uppercase;
}

.isbetaon a,
ul.betasigninoff li.isbetaon a:hover,
ul.betasigninoff li.isbetaon a:focus {
    color: #6a9450 !important;
}

.isbetaoff a,
ul.betasigninoff li.isbetaoff a:hover,
ul.betasigninoff li.isbetaoff a:focus {
    color: #b75050 !important;
}

@media screen and (max-width:479px) {
    .welcomeuser button.btn {
        margin: 0;
    }
}

@media screen and (max-width:767px) {
    .topuserlang-area {
        min-height: 40px;
    }
    .siigninbeta {
        padding: 0 0 0 10px;
        margin: 0px;
        position: relative;
        order: 2;
    }
    .topuserlang-area .ucm-select-lang {
        order: 1;
    }
    .topuserlang-area .welcomeuser {
        order: 2;
    }
    .dropdown.welcomeuser .dropdown-menu {
        left: 0 !important;
    }
    .ucmheader .navbar-brand img {
        max-height: 35px;
    }
}

@media screen and (min-width:320px) and (max-width:479px) {
    .ucmheader .navbar-brand img {
        max-height: 25px;
    }
}

.adminheader {
    position: fixed;
    height: auto;
    border-bottom: 0px solid #ccc;
    z-index: 1000;
    background: #333;
    width: 100%;
    top: 0px !important;
    display: -ms-flexbox;
    display: flex;
}

.ucmhelp-top {
    border: 0px none;
    background: none;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

.ucmhelp-top i.ucmicons {
    width: 31px;
    height: 31px;
}

#leftMenu div.ui-accordion-header.ui-state-active>div {
    background: #8ca621;
    border-radius: 4px;
}

.onlyindemo {
    display: block;
    padding: 7px 15px;
    font-size: 11px;
    line-height: 17px;
    text-align: right;
    position: fixed;
    top: 14px;
    right: 120px;
    width: 230px;
    z-index: 1001;
}

@media screen and (max-width:1430px) {
    .onlyindemo {
        display: none;
    }
}

.ui-widget-content table td a {}

.ucmlink .ucmicons.sm.ucmicon-cart {
    display: inline-block;
}

.tabContainer {
    padding: 0 20px;
}

.ucmlink-gap {
    margin-left: 10px;
}


/* 
* impersonate implementation
*/

.impwrap {
    position: fixed;
    left: 50%;
    bottom: 0;
    background: #f27724;
    z-index: 200000000000001;
    padding: 6px 15px;
    border-radius: 8px 8px 0 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.impwrap__content {
    text-shadow: 0px 1px 0 #712e00;
    color: white;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.impwrap__content--hide {
    display: none;
}

.impwrap__revert {
    border: 0px none;
    color: #202020;
    background: #fff3eb;
    margin-left: 15px;
    font-size: 11px;
    padding: 0 12px;
}

.impwrap__togglebtn {
    border: 0px none;
    background: none;
    margin-top: 3px;
    margin-right: 4px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.impwrap__togglebtn i.ucmicons {
    width: 16px;
    height: 16px;
}

.impwrap__togglebtn--mode {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.impwrap--datahide {
    padding: 0;
    background: rgba(249, 100, 0, 0.7);
}

.impwrap--datahide .impwrap__togglebtn {
    padding: 6px 12px 3px;
    margin-right: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}


/* UI Datepicker */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.credit-input {
    height: 38px !important;
}

.credit-cell {
    height: 26px;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-300.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-regular - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-italic - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: local('Montserrat Italic'), local('Montserrat-Italic'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-500 - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-500.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-600 - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-600.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-700 - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-700.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-800 - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../UCM/ucmasset/ucm-core/fonts/montserrat/montserrat-v14-latin-800.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.ucmform table.formtable td.ucmfield {
text-align : left;
width : 50%;
}
.ucmform table.formtable input, .ucmform table.formtable select, .ucmform table.formtable textarea {
display : block;
max-width :280px;
}