﻿body {
    margin: 0 0 0 0;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
}
.signin
{
    color:white;
    margin:0 auto;
    position:absolute;
    top:30%;
    width:100%;
}
tr.dockRepeater 
{
    background-color:#fff;
    font-size: 16px;
    line-height: 20px;
}
tr.dockRepeaterAlt
{
    background-color:#f9f9f9;
    font-size: 16px;
    line-height: 20px;
}
table tr.dockRepeaterAlt td 
{ 
    border-top: solid 1px #cdcdcd;
    border-bottom: solid 1px #cdcdcd;
}
.message 
{
    color:Red;
    padding-left:10px;
}	
tr.mappings 
{
    height:35px;
}
.MessageDisplay {
    color: #333;
    background-color: #f9f9f9;
    padding: 5px 5px 5px 5px;
    border: 1px double #cdcdcd;
    width:100%;
    box-sizing:border-box;
}	
.MessageDisplayHeader {
    border: 1px solid #333;
    line-height:34px;
    vertical-align:middle;
    color: #fff;
    font-size: 16px;
    background-color: #333;
    padding-left:5px;
    width: 100%;
    box-sizing:border-box;
}
.MessageDisplayHeader + .MessageDisplay {
    margin-top: 0;
    padding-top: 10px;
}
.Terms {
    font-size: 12px;
    color: #202020;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
    border: 1px double #cdcdcd;
    width:100%;
    overflow:auto;
    height:400px;
}	
.MessageDisplaySignin {
    color: #333;
    background-color: #f9f9f9;
    padding: 5px 5px 5px 5px;
    border: 1px double #cdcdcd;
    width:400px;
    margin:0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
}	
.MessageDisplayError {
    color: #333;
    background-color: #f9f9f9;
    padding: 5px 5px 5px 5px;
    border: 1px double #cdcdcd;
    width:600px;
    margin:0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
}	
.Footer {
    font-size: 12px;
    color:#808080;
    margin:0 auto;
}
.Footer a:hover {
    background: #25a0da;
    color: #fff;
    font-weight:bold;
}
.Footer a {
    text-decoration: none;
    background: transparent;
    color: #25a0da;
    font-weight:bold;
    padding: 3px 2px 3px 2px;
    margin-left:auto;
    margin-right:auto;
}
.DDTable
{
    color:#333;
}
select { 
    /*background-color: #666699;*/
    font-size:16px;
}
input[type="text"], input[type="password"] {
     border: 1px solid #cdcdcd;
     font-weight:100;
     padding-left:5px;
     height:36px;
     box-sizing:border-box;
}
input {
     font-size:16px;
}
textarea 
{
    font-size:16px;
    font-family: Arial,Verdana;
}
.PrintButton a {
    padding:10px;
}
.PrintButton a:hover {

}
.rounded 
{
    color: #333;
    background-color:#f9f9f9;
    border: solid 1px #cdcdcd;
    padding:5px;
    text-align:center;
    width:400px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing:border-box;
}
.OpportunityWon
{
    margin: 0 auto;
    color: #fff;
    padding: 4px 6px 4px 6px;
    background: #00b050;
    line-height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.OpportunityLost
{
    margin: 0 auto;
    color: #fff;
    padding: 4px 6px 4px 6px;
    background: #FF4350;
    line-height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.OpportunityPending
{
    margin: 0 auto;
    color: #fff;
    padding: 4px 6px 4px 6px;
    background: #8f8f8f;
    line-height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.HistoryHeader 
{
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    width:100%;
    box-sizing:border-box;
}
#ScriptDiv 
{
    font-size:12px;
    font-family: Arial,Verdana;
    padding: 2px;
    color:#333333;
    border-top: 1px solid #cdcdcd;
    border: 1px solid #cdcdcd;
    background-color: #f9f9f9;
}
tr.EditFormButtonRow td
{
    margin-right:25%;
}
.lnkPrevious 
{
    height:38px;
    padding:4px 4px 4px 15px;
    border-right: solid 1px #222;
    background: transparent url("Images/previous.gif") left center no-repeat;
    color:#fff;
    font: normal normal normal 16px/16px 'segoe ui', arial, sans-serif;
    text-decoration:none;
}
.lnkNext {
    height:38px;
    background: transparent url("Images/next.gif") right center no-repeat; 
    border-left: solid 1px #444;
    padding:4px 15px 4px 4px;
    color:#fff;
    font: normal normal normal 16px/16px 'segoe ui', arial, sans-serif;
    text-decoration:none;
}
a.lnkbtn,
span.lnkbtn {
    background: #f9f9f9; 
    vertical-align:middle;
    border: solid 1px #cdcdcd; 
    white-space:nowrap;
    padding:5px 15px;
    color:#333;
    text-decoration:none;
    line-height:33px;
}
a.lnkbtn:hover,
span.lnkbtn:hover 
{
   background: #25a0da;
   border: solid 1px #25a0da; 
   color: #fff;
   text-decoration:none;
}
.lnkbtn.Primary
{
    background: #25a0da !important;
    border: solid 1px #25a0da !important; 
    color: #fff !important;
}
.lnkbtn.Primary:hover 
{
    border-color: #0d87bf !important;
    background-color: #0d87bf !important;
}
.red{color: #FF4350;}
.highlight {text-decoration: none;background:#FFFF99;color: #000;}
.highlightRed {text-decoration: none;background:#ff0000;color:#fff;}
.highlightGreen {text-decoration: none;background:#008000;color:#fff;}
table.DuplicatesTable {
    border:solid 1px #cdcdcd;
    background-color:#f9f9f9;
}
table.DuplicatesTable td {
    border-top:solid 1px #cdcdcd;
    height:46px;
    padding:2px;
}
table.DuplicatesTable tr 
{
    border:none;
}
table.DuplicatesTable td.DupTitle 
{
    width:150px;
    line-height:46px;
    margin:0;
}
table.DuplicatesTable td.DupTitleCustom 
{
    width:150px;
    font-style: italic;	
    line-height:46px;
    margin:0;
}
table.DuplicatesTable td.DupHeading
{
    background-color:#333;
    text-align:center;
    color:#fff;
}
div.ReferralChart 
{
    float:left;
    position:relative;
    border: 1px solid #cdcdcd;
    margin:5px 10px 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
}
div.ReferralChartHeader 
{
    background: #25a0da;
    padding:6px;
    color:#fff;
}
legend 
{
    font-weight: 500;
    font-size: 12px;
    color: #333;
    background-color: #f9f9f9;
    border: solid 1px #cdcdcd;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    line-height: 25px;
}
fieldset 
{
    padding: 10px 15px 10px 10px;
    margin: 10px 10px 0 10px;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
}
.cb-searchdiv 
{
    float:left;
    width:500px;
    display:block;
    padding:0 0 20px 0;
}
tr.cb-result-head
{
    background-color:#f9f9f9;
    vertical-align:bottom;
}
tr.cb-result-head td
{
    vertical-align:bottom;
}
table.cb-result td
{
    padding:3px;
}
table.cb-result 
{
    border:1px solid #cdcdcd;
    background-color:#f9f9f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 10px;
    margin-bottom:15px;
    width:680px;
    padding:10px;
    
}
td.cb-result-data
{
    font-weight:bold;
    width:230px;
}
td.cb-result-label
{
    width:110px;
}
div.cb-a-search
{
    display:none;
}
label.cb-label
{
    color:#333;
    font-weight:500;
    padding-top:10px;
    display:block;
}
label.cb-sublevel 
{
    color:#333;
    font-weight:500;
    padding-top:5px;
    display:block;
}
Legend.DarkLegend 
{
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    border:none;
    background-color: #25a0da; 
}
#divLeadInfo 
{
    margin:2px;
    float:right;
    color:#333333;
    border:solid 1px #cdcdcd;
    position:fixed;
    top:0;
    right:0;
    width:300px;
    z-index:2999;
    background-color:#fff;
    box-sizing: border-box;
    opacity:.95;
    filter:alpha(opacity=95); /* For IE8 and earlier */
}
#divLeadInfo:hover
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
#divLeadInfoHeader 
{
    background-color:#25a0da;
    color:#fff;
    border-bottom: 0px solid #cdcdcd;
    padding:4px 5px;
    font-weight:normal;
    font-size:16px;
}
#divLeadInfoDetails 
{
    padding:3px;
    width:300px;
}
span.InlineLabel label
{
    display:inline;
}
a.tag
{
    text-decoration:none;
}
div.tag 
{
    margin: 2px;
    padding: 4px 6px 4px 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    display:inline-block;
    line-height:16px;
    font-size:14px;
    text-decoration:none;
    font-weight:500;
}
div.tag-c00000
{
    border: 0px double #333;
    color: #fff;
    background-color:#c00000;
}
div.tag-ff0000
{
    border: 0px double #990000;
    color: #fff;
    background-color:#FF4350;
}
div.tag-ffc000
{
    border: 0px double #997300;
    color: #fff;
    background-color:#f0ad4e;
}
div.tag-ffff00
{
    border: 0px double #999900;
    color: #333;
    background-color:#ffff80;
}
div.tag-92d050
{
    border: 0px double #5E9227;
    color: #333;
    background-color:#cffa9c;
}
div.tag-00b050
{
    border: 0px double #004921;
    color: #fff;
    background-color:#00b050;
}
div.tag-a6d9f4
{
    border: 0px double #3c7fb1;
    color: #333;
    background-color:#a6d9f4;
}
div.tag-0070c0
{
    border: 0px double #003459;
    color: #fff;
    background-color:#0070c0;
}
div.tag-7030a0
{
    border: 0px double #391851;
    color: #fff;
    background-color:#7030a0;
}
div.tag-dcdcdc
{
    border: 0px double #767676;
    color: #fff;
    background-color:#8f8f8f;
}
span.xdelete a
{
    font-size:16px;
    padding: 0 4px 0 4px;
    border: none;
    color: inherit;
    background: transparent;
    text-decoration:none;
    border-color: inherit;
    border-left: solid 1px;
}
span.xdelete a:hover 
{
    padding: 0 4px 0 4px;
    text-decoration:none;
    border-color: inherit;
    opacity:.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
.GridAltRows .rgAltRow
{ 
    background:#f2f3f5;
} 

img.OpacityHover
{
    opacity:0.55;
    filter:alpha(opacity=55); /* For IE8 and earlier */
}
img.OpacityHover:hover
{
    opacity:.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
}
.RoundedBox
{
    margin: 0 auto;
    color: #fff;
    padding: 1px 7px 1px 7px;
    text-align: left;
    background-color: #25a0da;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
}
span.VOIP 
{
    cursor: pointer;
    color:#fff;
    padding:0px 2px 0px 2px;
    font-weight:normal;
}
span.fonality 
{
    background-color:#2eb55a!important;
}
span.lightspeed 
{
    background-color:#0097db!important;
}
span.vonage 
{
    background-color:#ff8300!important;
}
span.softphone {
    background-color: #25a0da !important;
}
/*Edit Buttons*/
.MyImageButton{cursor: pointer;text-align:center;}
.nobr{ white-space:nowrap; }
.Strike { text-decoration:line-through;}
.imgAlign {border:0px;vertical-align:middle;}
.CategoryGreen {
    color: #333;
    background-color: #acd975;
}
.CategoryBlue {
    color: #333;
    background-color: #94cbfa;
}
.CategoryRed {
    color: #333;
    background-color: #fb9898;
}
.CategoryOrange {
    color: #333;
    background-color: #ffb75e;
}
.CategoryYellow {
    color: #333;
    background-color: #f8e75b;
}
.CategoryPink {
    color: #333;
    background-color: #f4aae7;
}
.CategoryCompleted {
    color: #333;
    background-color: #dcdcdc;
    border: solid 1px #808080;
}
.CategoryWorkflow {
    color: #333;
    background-color: #d8bfd8;
    border: solid 1px #9370db;
}
.HeaderDiv {background-color:#333;color:#fff;height:43px;line-height:41px;padding:0 5px;position:relative;vertical-align:middle;}
/* Fix bug in Firefox 63 - WebKit only styles being applied in Firefox */
@-moz-document url-prefix() {
    /* Checkboxes are too high in Firefox */
    .has-ff63-fix.RadForm_MetroTouch.rfdRadio .rfdRealInput + label,
    .has-ff63-fix.RadForm_MetroTouch.rfdCheckbox .rfdRealInput + label {
        vertical-align: baseline;
    }
    /* Double checkboxes */
    .has-ff63-fix.RadForm.rfdRadio input[type="radio"].rfdRealInput,
    .has-ff63-fix.RadForm.rfdCheckbox input[type="checkbox"].rfdRealInput {
        position: fixed;
    }
}
