/*	MAIN.CSS
====================================================
ALL FORMATTING SHOULD BE INCLUDED IN THIS STYLESHEET
====================================================
*/

/*Page Body*/
body { font-family:Calibri; margin-left:60px;}
.parent {text-align:center;}
.container {text-align:left; width:100%; margin-left:5px;}

#divParentMain {
    width:98%; oldwidth:990px;
}

/*Hyperlink*/
a {text-decoration: none;} 
a:link {color: #2966b8;} 
a:visited {color: #2966b8;} 
a:active {color: #000000;} 
a:hover {color: #2966b8; text-decoration:underline;}

.NOSPACINGPADDING { 
    border-spacing: 0px;
    border-collapse: collapse;
}

/*New SIDE Menu Layout Added 11/3/17 B3*/
.sidebar_newmenutxt {
    vertical-align:middle; 
    height:25px; 
    width:26px; 
    border-bottom:2px solid #4694DF; 
    margin-top:1px; 
    margin-left:2px; 
    margin-right:2px; 
    margin-bottom:5px;
    font-size:24px; 
    display:inline-block; 
    /*background-color:white; */
    padding:2px 4px 5px 5px;
    white-space:nowrap;
    text-align:center;
    color:white;
}
.sidebar_newmenutxt a {
    text-decoration: none;
    color: white;
}
#SideBar label {
    font-size:14px;
    background-color:white; 
    border-bottom:0px solid lightgray;
    display:none;
}
.sidebar_newmenulbl {
    font-size:14px;
    background-color:white; 
    border-bottom:0px solid lightgray;
}
.sidebar_newmenulbl a {
    text-decoration: none;
    color: white;
    padding-bottom:-2px;
}
#SideBar_Marker {
    color:white;
    font-size:30px;
}

/*New Menu Layout Added 10/10/17 B3*/
.newmenutxt {
    vertical-align:middle; 
    height:20px; 
    width:26px; 
    border:1px solid white; 
    margin-top:1px; 
    margin-left:2px; 
    margin-right:2px; 
    font-size:24px; 
    display:inline-block; 
    background-color:white; 
    padding:2px 4px 2px 5px;
    white-space:nowrap;
    text-align:center;
}
.newmenutxt a {
    text-decoration: none;
    color: #2966b8;
}
.newmenulbl {
    font-size:14px;
    background-color:white; 
    border-bottom:3px solid lightgray;
}
.newmenulbl a {
    text-decoration: none;
    color: #2966b8;
    padding-bottom:-2px;
}

/*Multi Check Box Control CSS*/
.mcbMAIN {
    border:solid 1px lightgray;
    border-radius:3px;
}
.mcbMAIN:hover {
    border-color:gray;
}


/*Font Awesome Tweaks*/
.gfa-sub-icon {        
    font-size: 75%;
    margin: 20% 0px 0px 40%;
}

.gfa-sub-icon-inverse {        
    color:white;
    font-size: 60%;
    margin: 30% 0px 0px 50%;
    text-shadow: -1px 0 black, 0 1px 2px black, 1px 0 2px black, 0 -1px black;
}

.gfa-empty-inverse {
  text-shadow: -1px 0 white, 0 1px 2px white, 1px 0 2px white, 0 -1px white;
}

.gfa-empty {
  color:white;
  text-shadow: -1px 0 #2966B8, 0 1px 1px #2966B8, 1px 0 1px #2966B8, 0 -1px #2966B8;
}

.gfa-smaller {
  font-size:75%;
}

.gfa-half {
  font-size:50%;
}

.gfa-quarter {
  font-size:25%;
}
 
.gfa-offset {
  margin:15% 0px 0px 15%;
}

.gfa-offset-top {
  margin:-15% 0px 0px 0px;
}

.gfa-offset-bottom {
  margin:15% 0px 0px 0px;
}

.gfa-offset-left {
  margin:0px 0px 0px -10px;
}

.gfa-offset-right {
  margin:0px 0px 0px 10px;
}

.gfa-offset-lower {
  margin:7% 0px 0px 7%;
}

.gfa-offset-upper {
  margin:-7% 0px 0px -7%;
}

/*Header*/
.logo {margin-left:0px;}

/*Menu*/
.menuOLD {margin-top:-45px; margin-left:-10px; display:inline-block; width:960px}
.menu {width:100%; font-size:14px; background-color:white; padding-bottom:1px; }
.menuleft {background-image:url(../images/_menubgleft.png); height:35px; width:10px; display:inline-block; vertical-align:middle; position:relative; margin-left:0px;}
.menuright {background-image:url(../images/_menubgright.png); height:35px; width:19px; display:inline-block; vertical-align:middle; position:relative;margin-left:-3px;}
.menubg {background-image:url(../images/_menubg.png); background-repeat:repeat-x; height:35px; width:100%; display:inline-block; vertical-align:middle; text-align:left; position:relative; margin-left:-2px; padding-right:-2px;}
.menutxt {vertical-align:middle; height:28px; width:26px; border:3px solid white; margin-top:1px; margin-left:2px; margin-right:2px; overflow:hidden; font-size:24px; display:inline-block; background-color:white; padding:2px 4px 2px 5px;}
.menutxt:hover {
    border:1px solid lightgray;
    text-align:center;
    white-space:normal;
    font-size:14px;
    width:auto;
    height:30px;
}
    .menutxt a {
        text-decoration: none;
        color: #2966b8;
    }/*  #00AEEF;}*/

.menutxtactive {color:#000000;}
.menuLowerCase {font-size:14px;}
.menuLowerCaseMORE {font-size:14px;}

/*Dropdown Menu*/
#sddm{margin:0; padding:0; float:right; margin-top:2px;}
#sddm span {margin: 0; padding: 0; list-style: none;}
#sddm span a {display: inline-table; padding: 0px 5px; color: #2966b8; text-align: center;}
#sddm span a:hover {background:#fff; border: solid thin #ccc; text-decoration:none;}
#sddm div {position: absolute; visibility: hidden; margin: 0; padding: 0; background: #fff; border:solid thin #ccc;}
#sddm div a	{position: relative; display: block; margin: 0; padding: 5px; width: 60px; white-space: nowrap; text-align: left; text-decoration: none; background: #fff; color: #2966b8; font: 12px Calibri}
#sddm div a:hover {background:#2966b8;	color:#fff;}

/*Box Divs*/
/*.box, .todopopup {background-image:url(../images/_boxtop.png); background-repeat:repeat-x; display:inline-table; margin:5px; background-color:White; border:solid 1px #ececec; box-shadow:3px 3px 7px #777; border-radius:6px;}*/
.box, .todopopup {display:inline-block; overflow:auto; width:auto; margin:5px; background-color:White; border-left:solid 1px #ececec; border-right:solid 1px #ececec; border-top:solid 2px #cccccc; border-bottom:solid 8px #dddddd;}
.infobox, .todopopup {display:inline-table; background-color:White; border:solid thin #ececec;}
.halfboxtop, .todopopuptop {height:30px; width:473.5px; padding:0px; margin:0px; overflow:hidden; text-align:left;}
.quarterboxtop {height:30px; width:740px; padding:0px; margin:0px; overflow:hidden; text-align:left;}
/*.fullboxtop {height:30px; width:958px; padding:0px; margin:0px; overflow:hidden; text-align:left;}*/
.fullboxtop {height:30px; width:100%; padding:0px; margin:0px; overflow:hidden; text-align:left; border-bottom:solid 2px #ececec;}
.labeltext {padding-top:2.5px; padding-left:10px; font-size:20px; color:#7d6666;}
/*.boxtop {height:30px; padding:0px; margin:0px; overflow:hidden; text-align:left;}*/
.boxtop {min-height:30px; text-align:left; border-bottom:solid 2px #ececec; background-color:white; width:100%; white-space:nowrap; overflow:hidden;}
/*.boxbottom {background-image:url(../images/_boxbottom.png); background-repeat:repeat-x; height:33px; padding:0px; margin:0px; overflow:hidden; text-align:left;}*/
.boxbottom {height:33px; padding:0px; margin:0px; overflow:hidden; text-align:left; border-top:solid 2px #ececec; background-color:#eeeeee;}
.boxtext {}
.clsSEARCHFIELD {}
.clsDATAFIELD {}
.makeLink {}
.dialogcommandsmall {}

/*Miscellaneous*/
.todo_dropdown { width:150px; margin-top:5px; position:absolute; left:850px;}
.noborder {border:0px;}
.clear {
    margin:0px; 
    padding:0px;
    clear: both;
}

/*Footer*/
/*.footer {text-align:center; width:990px; border-top: #888888 solid 1px; margin-top:20px;}*/
.footer {text-align:center; width:100%; border-top: #888888 solid 1px; margin-top:20px;}

/*Dialog Content*/
.dialogboxOLD {display:inline-table; margin:5px; background-color:White; border:solid 1px black;}
/*
.dialogbox {display:inline-table; margin:5px; border:solid 1px black;
	background-color:#ECECEC;
	background-image:url(../images/_boxtop.png);
	background-repeat:repeat-x;
	box-shadow:3px 3px 7px #777;
	border-radius:6px;
}

.dialogboxwhite {display:inline-table; margin:5px; border:solid 1px black;
	background-color:White;
	background-image:url(../images/_boxtop.png);
	background-repeat:repeat-x;
	box-shadow:3px 3px 7px #777;
	border-radius:6px;
}

.dialogboxtop {height:30px; padding:0px; margin:0px; overflow:hidden; text-align:left;}
*/

.dialogbox {display:inline-table; margin:5px; border:solid 1px black;
	background-color:#ECECEC;
    border-left:solid 1px #ececec; 
    border-right:solid 1px #ececec; 
    border-top:solid 2px #cccccc; 
    border-bottom:solid 8px #dddddd;
	box-shadow:3px 3px 7px #777;
}

.dialogboxwhite {display:inline-table; margin:5px; border:solid 1px black;
	background-color:White;
    border-left:solid 1px #ececec; 
    border-right:solid 1px #ececec; 
    border-top:solid 2px #cccccc; 
    border-bottom:solid 8px #dddddd;
	box-shadow:3px 3px 7px #777;
}

.dialogboxtop {height:30px; width:100%; padding:0px; margin:0px; overflow:hidden; text-align:left; border-bottom:solid 2px #dddddd; background-color:white;}


.dialogcontent {
    font-size: 18px;
}
.controlpadding {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dialogdonecommand {font-size:22px; float:right;}
.dialogcommand {font-size:18px; white-space:nowrap;}
.dialogcommand_small {font-size:14px;}
.curveborder {border-radius:6px;}
.dropshadow {box-shadow:3px 3px 7px #777;}
.dropshadowL {box-shadow:3px 3px 7px #A7A8AF;}
.topshade {
	background-color:White;
	background-image:url(../images/_boxtop.png);
	background-repeat:repeat-x;
}
.TMClass { font-variant:small-caps; font-size:10px; }

.SectionHeader { font-size:18px; font-weight:bold; }

/* Section defining Milestone Styling */
 .milestone {
    display: block;
    padding-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    float: left;
}
.milestone span {
    cursor: default;
}
#milestoneContent {
    border-top: 1px solid #C2C2C2;
    border-bottom: 2px solid #C2C2C2;
    width: 67%;
    min-width: 365px;
    padding-left: 10px;
    white-space: nowrap;
}
.invisibleMilestone {
    visibility: hidden;
}

/* Dashboard reports */
.dashboardDisplaySubTitle {
   font-style: italic; 
}
table.dashboardDisplay {
   border-spacing: 2px; 
   border-collapse: separate; 
   display: table;  
   margin-bottom: 8px;
}
.dashboardDisplay td { 
   padding: 4px 15px 4px 15px; 
	-moz-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	-webkit-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	-o-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
}
.dashboardDisplay td:not(:first-child) {
    background: #EDF2F2; 
    background-color: #EDF2F2;
    text-align: center;
    white-space: nowrap;
}
.dashboardDisplay td:first-child:not(.noteRow) { 
	background: #E6F7F7; 
	background-color: #E6F7F7; 
	border-left-color: #E6F7F7; 
}
.dashboardDisplay th { 
   padding-right: 12px; 
   padding-left: 12px;
   padding-bottom: 4px;
   font-weight: 500; 
   font-style: italic; 
   text-align: center; 
   font-size: 80%; 
   vertical-align: bottom; 
}
.dashboardDisplay td:not(:first-child):hover { 
   border: 1px solid #393939; 
   padding: 3px 14px 3px 14px; 
}
.dashboardDisplay tr:hover td:not(:first-child) { 
   background: #D4D4D4; 
	background-color: #D4D4D4;           
}
.dashboardDisplay td:not(:first-child):active { 
   border: 1px solid #FFF; 
}
.dashboardDisplay tr:hover td:first-child:not(.noteRow) { 
   border-left: 4px solid #91A5A5; 
   background: #A3C7C7; 
   background-color: #A3C7C7; 
   padding-left: 11px; 
}
.tdClick {
   color: #2966B8;
   text-decoration: none;
   cursor: pointer;
}
.tdZero {
   font-size: 65%;
   font-style: italic;
}
.percentage {
   font-style: italic;
   font-size: 85%;
   white-space: nowrap;
}
div#divSalesConversion  table.dashboardDisplay {
    width: 100%;
}
 
/* Import Styling */
 #divImportContactsDialog {
     text-align:left; 
     padding:4px; 
     user-select: none; 
     -webkit-user-select: none; 
     -moz-user-select: none; 
     -khtml-user-select: none;
 }

 /*WOM Styling*/
 .WOTable {
    width: 100%;
    border: 0;
    border-spacing:0px;
    border-collapse:collapse;
    
}
.WOTable td {
    padding-left: 4px;}
    padding-right: 4px;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}
.WOTableSubTitle {
    border-bottom: 2px solid gray !important;
    border-right: 2px solid gray !important;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

 /* overdue tasks block */
 .warning {
     color: #990000 !important;
}
#overdueTasksCount {
    float: right;
    margin-right: 25px;
}
#overdueTasksCount i {
    opacity: 0.75;
    padding-right: 8px;
    padding-top: 3px;
}
#overdueTasksCount i.noTasks {
    visibility: hidden;
    display: none;
}
#overdueTasksCount a {
    font-size: 0.6em;
}
/* Search and Deploy */
#divStepOne {
    padding-top: 8px;
}
#divStepOne label
, #divStepOne label:focus {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style: none;
    margin-right: 4px;
}
#divStepTwo a {
    margin-right: 10px;
}

#divNextStepSelection:focus {
    outline: none !important;
    border:1px solid #7F9DB9;
}
.abbiListItem {
    padding-left:4px;
    padding-right:4px;
    color:#0645AD;
}
.abbiListItem:hover {
    background-color:#1E90FF;
    color:white;
}

/*  DataTable to HTML Automatic Styling */
.dt2htmlTitle {
   margin: 0px 55px 25px 25px;
   padding: 12px; 
   font-size: 140%; 
   font-weight: 600;
   color: #7D6666;
}
.dt2htmlSubTitle {
   font-size: 70%; 
   font-style: italic; 
}
table.dt2html {
   /*width: 85%;*/
   margin: 5px 40px 30px 40px; 
   border-collapse: separate; 
   display: table;  
}
.dt2html td { 
   padding: 4px 15px 4px 15px; 
	-moz-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	-webkit-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	-o-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
}
.dt2html td:not(:first-child) {
	background: #EDF2F2; 
	background-color: #EDF2F2;
}
.dt2html td:first-child:not(.dt2htmlnoteRow) { 
	background: #E6F7F7; 
	background-color: #E6F7F7; 
	border-left-color: #E6F7F7; 
}
.dt2html th { 
   padding-right: 12px; 
   padding-left: 12px;
   padding-bottom: 4px;
   font-weight: 500; 
   font-style: italic; 
   font-size: 80%; 
   vertical-align: bottom; 
}
.dt2html td:not(:first-child):hover { 
   border: 1px solid #393939; 
   padding: 3px 14px 3px 14px; 
}
.dt2html tr:hover td:not(:first-child) { 
   background: #D4D4D4; 
	background-color: #D4D4D4;
}
.dt2html td:not(:first-child):active { 
   border: 1px solid #FFF; 
}
.dt2html tr:hover td:first-child:not(.dt2htmlnoteRow) { 
   border-left: 4px solid #91A5A5; 
   background: #A3C7C7; 
   background-color: #A3C7C7; 
   padding-left: 11px; 
}
.dt2htmlException { 
	margin-left: 30px;
}
td.dt2htmlnoteRow:hover {
    background: #D4D4D4;
    background-color: #D4D4D4;
    border: 1px solid #393939;
    padding: 3px 14px 12px 14px;
}
.dt2html .ratio {
    font-weight: bolder;
    font-size:larger;
}

/*Appointment styling*/

#sync-username-hint {
    font-weight: lighter;
	height: 0px;
	visibility: collapse;
	transition: ease-in .1s;
}

#sync-username-hint.show-hint {
	height: 1.3em;
	visibility: visible;
	transition: ease-in .1s;
}

/* Styling for Master reports editors */
.adv-query-editor {
    font-family: Consolas, monospace;
    /*vertical-align: top;*/
}

li {
    list-style: inside;
}

.filter-outer {
    border:solid 1px black;
    overflow:auto;
    width:350px;
    height:200px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
}

.filter-section.open {
    border:solid 1px black;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
}
.filter-hidden {
    display: none;
}

.hidden {
    display: none;
}


/* Allow for using responsive tables
    Copied from http://colintoh.com/blog/display-table-anti-hero
*/
.table    { display: table }
.tr       { display: table-row }
.thead    { display: table-header-group }
.tbody    { display: table-row-group 
}
.tfoot    { display: table-footer-group }
.col      { display: table-column }
.colgroup { display: table-column-group }
.td, .th   { display: table-cell }
.caption  { display: table-caption }

/*  DataTable to HTML Automatic Styling */
.dt2htmlTitle {
   margin: 0px 55px 25px 25px;
   padding: 12px; 
   font-size: 140%; 
   font-weight: 600;
   color: #7D6666;
}
.dt2htmlSubTitle {
   font-size: 70%; 
   font-style: italic; 
}
.table.dt2html {
   /*width: 85%;*/
   margin: 5px 40px 30px 40px; 
   border-collapse: separate; 
   display: table;  
}
.dt2html .td { 
   padding: 4px 15px 4px 15px; 
	-moz-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	-webkit-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	-o-transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
	transition: background 0.3s linear, background-color 0.3s linear, border-left-color 0.5s;
}
.dt2html .td:not(:first-child) {
	background: #EDF2F2; 
	background-color: #EDF2F2;
}
.dt2html .td:first-child:not(.dt2htmlnoteRow) { 
	background: #E6F7F7; 
	background-color: #E6F7F7; 
	border-left-color: #E6F7F7; 
}
.dt2html .th { 
   padding-right: 12px; 
   padding-left: 12px;
   padding-bottom: 4px;
   font-weight: 500; 
   font-style: italic; 
   font-size: 80%; 
   vertical-align: bottom; 
}
.dt2html .td:not(:first-child):hover { 
   border: 1px solid #393939; 
   padding: 3px 14px 3px 14px; 
}
.dt2html .tr:hover td:not(:first-child) { 
   background: #D4D4D4; 
	background-color: #D4D4D4;
}
.dt2html .td:not(:first-child):active { 
   border: 1px solid #FFF; 
}
.dt2html .tr:hover td:first-child:not(.dt2htmlnoteRow) { 
   border-left: 4px solid #91A5A5; 
   background: #A3C7C7; 
   background-color: #A3C7C7; 
   padding-left: 11px; 
}

.td.dt2htmlnoteRow:hover {
    background: #D4D4D4;
    background-color: #D4D4D4;
    border: 1px solid #393939;
    padding: 3px 14px 12px 14px;
}