.local_dev1{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff88+0,ffff88+100;Yellow+Flat+%231 */
    background: rgb(255,255,136); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,136,1) 0%, rgba(255,255,136,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,136,1) 0%,rgba(255,255,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,136,1) 0%,rgba(255,255,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 */
}

.local_dev {
    background: rgb(254,255,232); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,255,232) 0%, rgb(214,219,191) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(254,255,232) 0%,rgb(214,219,191) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(254,255,232) 0%,rgb(214,219,191) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
}

.SepratorROW {
    background: #fff;
    background-color:#fff;
    width:1px;
}

.Salutation {      
    background:#086a91;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 11px;
    color: #FFF;     
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    border-bottom:0px solid #ffffff;    
}

.small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.big {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    font-weight:bold;
}

.componentName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #33338c;
    font-weight:bold;
    border-left:2px dotted #fff;
    padding:10px;
}

.genHeaderBig{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    font-weight:bold;
}

.genHeaderSmall{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-weight:bold;
}

.moduleName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #800040;
    font-weight:bold;
}


.tabSelected {
    padding-left:7px;
    padding-right:7px;
    padding-top:2px;
    padding-bottom:2px;
    height:25px; 	
}

.tabSelected a{
    color:#000;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}

.tabUnSelected {    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+2,a90329+20,6d0019+48,59001f+76 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
    background: #086a91 !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.tabUnSelected a{
    color:#CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:white;
    font-weight:bold;        
}

.logout{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+2,a90329+20,6d0019+48,59001f+76 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
    background: #086a91 !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 9px 6px -6px black;
    box-shadow: 0 9px 6px -6px black;
    -moz-border-radius: 15px;
}

.logout a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:white;
    font-weight:bold;        
}

.logoutmousovr{
    background: rgb(255,26,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,26,0,1) 0%, rgba(255,121,107,1) 0%, rgba(255,121,107,1) 19%, rgba(255,26,0,1) 64%, rgba(255,0,0,1) 91%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(0%,rgba(255,121,107,1)), color-stop(19%,rgba(255,121,107,1)), color-stop(64%,rgba(255,26,0,1)), color-stop(91%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,121,107,1) 0%,rgba(255,121,107,1) 19%,rgba(255,26,0,1) 64%,rgba(255,0,0,1) 91%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,121,107,1) 0%,rgba(255,121,107,1) 19%,rgba(255,26,0,1) 64%,rgba(255,0,0,1) 91%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,121,107,1) 0%,rgba(255,121,107,1) 19%,rgba(255,26,0,1) 64%,rgba(255,0,0,1) 91%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,26,0,1) 0%,rgba(255,121,107,1) 0%,rgba(255,121,107,1) 19%,rgba(255,26,0,1) 64%,rgba(255,0,0,1) 91%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}

.logoutmousovr a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:white;
    font-weight:bold;        
}

.tabSeperator {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+2,a90329+20,6d0019+48,59001f+76 */
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 2%, #a90329 20%, #6d0019 48%, #59001f 76%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#a90329), color-stop(20%,#a90329), color-stop(48%,#6d0019), color-stop(76%,#59001f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* IE10+ */
    background: linear-gradient(to bottom, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#59001f',GradientType=0 ); /* IE6-9 */
}

.level2text {    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:bold;
    color:white;    
}

.level2text a{
    text-decoration:underline;
    color:#555555;
}

.level2text a:hover {
    text-decoration:underline;
    color:#555555;
}

.level2Bg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-top:1px solid #b8b8b8;
    border-bottom:1px solid #bfbfbf;
    color:white;
}

.level2Bg a {
    color:#33338C;    
}

.level2SelTab{
    font-weight:bold;
    padding-left:1px;
    padding-right:1px; 
    padding-top:5px;
    padding-bottom:5px;	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,ffffff+4,ffffff+95,cf0404+100 */
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #ffffff 4%, #ffffff 95%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff3019 0%,#ffffff 4%,#ffffff 95%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #768287 0%,#ffffff 4%,#ffffff 95%,#186684 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
    
.level2UnSelTab{
    color:#000000;
    padding-left:2px;
    padding-right:2px; 
    padding-top:2px;
    padding-bottom:2px;
}

.sep1 {
    background:#fff;
}

.showPanelBg {
    padding-top:21px;
}

a {
    text-decoration:none;
    color:#003F5E;    
}

a:hover {
    text-decoration:underline;
}

.hdrLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration:none;
    color:#0070BA;
    font-weight:bold;
}

#showPanelTopLeft{visibility:hidden;}
#showPanelTopRight{visibility:hidden;}
#border2pxpopup{ border:2px solid #dddddd;}

.hdrLink:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration:underline;
    color:#33338c;
    font-weight:bold;
}

.searchBox {
    border: 0px solid #0000aa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left:2px;
    width:100px;
    background-color:#ffffef;
}

.searchBtn {
    border :0px #cccccc solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    width:30px;
    height:19px;
    color:white;
}

/* List View Table classes starts  +++++++++++++++++ */

.lvt {
    background-color:#FBFBFB;
    border:1px solid #186684; 
    border-radius: 15px;
}

.lvttab_selected
{
    background-color:#186684;
    color:#FFFFFF;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.lvttab
{
    background-color:#FBF5F7;
    border: 1px solid;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.lvtBg {
}

.lvtHeaderText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
}

.lvtCol {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+2,a90329+20,6d0019+48,59001f+76 */
    font-size: 12px;
    height : 20pt;
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 2%, #a90329 20%, #6d0019 48%, #59001f 76%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#a90329), color-stop(20%,#a90329), color-stop(48%,#6d0019), color-stop(76%,#59001f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a90329 2%,#a90329 20%,#6d0019 48%,#59001f 76%); /* IE10+ */
    background: linear-gradient(to bottom, #1b6f91 2%,#75c2e0 20%,#1f6785 48%,#155f7c 76%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#59001f',GradientType=0 ); /* IE6-9 */
    color:#FFFFFF;     
}

.lvtColfooter {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa1906+8,f1f1f1+10,e1e1e1+41,bababa+49,f6f6f6+91,aa1906+93 */
    background: #aa1906; /* Old browsers */
    background: -moz-linear-gradient(top, #aa1906 8%, #f1f1f1 10%, #e1e1e1 41%, #bababa 49%, #f6f6f6 91%, #aa1906 93%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#aa1906), color-stop(10%,#f1f1f1), color-stop(41%,#e1e1e1), color-stop(49%,#bababa), color-stop(91%,#f6f6f6), color-stop(93%,#aa1906)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aa1906 8%,#f1f1f1 10%,#e1e1e1 41%,#bababa 49%,#f6f6f6 91%,#aa1906 93%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aa1906 8%,#f1f1f1 10%,#e1e1e1 41%,#bababa 49%,#f6f6f6 91%,#aa1906 93%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aa1906 8%,#f1f1f1 10%,#e1e1e1 41%,#bababa 49%,#f6f6f6 91%,#aa1906 93%); /* IE10+ */
    background: linear-gradient(to bottom, #768287 8%,#f1f1f1 10%,#e1e1e1 41%,#bababa 49%,#f6f6f6 91%,#768287 93%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1906', endColorstr='#aa1906',GradientType=0 ); /* IE6-9 */    
    font-size: 12px;
    height : 14pt;
}

.lvtColData {
    font-size: 12px;
    background-color:#ffffff !important;    
    -webkit-box-shadow: 0 8px 6px -6px black !important;
    -moz-box-shadow: 0 8px 6px -6px black !important;
    box-shadow: 0 8px 6px -6px black !important;
}

.lvtColData_approve{
    font-size: 12px;
    background-color:#F0F8FF !important;    
    -webkit-box-shadow: 0 8px 6px -6px black !important;
    -moz-box-shadow: 0 8px 6px -6px black !important;
    box-shadow: 0 8px 6px -6px black !important;
}

.lvtColData_cancel{
    font-size: 12px;
    background-color:#CCCCCC !important;    
    -webkit-box-shadow: 0 8px 6px -6px black !important;
    -moz-box-shadow: 0 8px 6px -6px black !important;
    box-shadow: 0 8px 6px -6px black !important;
}

.lvtColData_draft{
    font-size: 12px;
    background-color:#DDF4FF !important;    
    -webkit-box-shadow: 0 8px 6px -6px black !important;
    -moz-box-shadow: 0 8px 6px -6px black !important;
    box-shadow: 0 8px 6px -6px black !important;
}

.lvtColData_close{
    font-size: 12px;
    background-color:#F5F5F5 !important;    
    -webkit-box-shadow: 0 8px 6px -6px black !important;
    -moz-box-shadow: 0 8px 6px -6px black !important;
    box-shadow: 0 8px 6px -6px black !important;
}

.lvtColDataHover {
    background-color:#f5fbff !important;    			
    font-size: 12px;
}

/* List View Table classes ends --------------------------------*/

/* Detailed View classes starts +++++++++++++++++++++++ */
.dvHeaderText{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#000000;
    font-weight:bold;
}

.dvInnerHeader{
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    padding: 12px;
    background: #dddcdd; 
    color: #000000;
}

.dvtSelectedCell {
    border-left:1px solid #e0dddd;
    border-top:1px solid #e0dddd;
    border-bottom:0px solid #e0dddd;
    border-right:1px solid #e0dddd;
    padding-left:20px;
    padding-right:20px;        
    background:#ffffff;
    font-weight:bold;
    color: black;
    line-height:20px;
}

.dvtUnSelectedCell {
    border-left:1px solid #dedede;
    border-top:1px solid #e0dddd;
    border-right:1px solid #e0dddd;
    border-bottom:1px solid #e0dddd;
    padding-left:20px;
    padding-right:20px;
    background: #FFF ;
    cursor:pointer;
    color: black;
}

.dvtTabCache {
    border-bottom:1px solid #dedede;
}

.dvtContentSpace {
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    padding-left:0px;
}

.dvtCellLabel, .cellLabel {
    border-bottom:1px solid #DEDEDE;
    border-left:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
    color:#545454;
    padding-left:10px;
    padding-right:10px;
    white-space:nowrap;
}


.dvtCellInfo, .cellInfo {
    padding-left:10px;
    padding-right:10px;
    border-bottom:1px solid #dedede;    
    border-right:1px solid #dedede;
    border-left:1px solid #dedede;
}

.rightMailMerge {
    border:1px solid #dedede;
}

.rightMailMergeHeader {
    border-bottom:1px solid #ffffff;
    padding:5px;
    background-color:#000000;
    color:#555555;
}

.rightMailMergeContent {
    padding:5px;
    background-color:#ffffff;
}

.detailedViewHeader {
    border:1px solid #DDDDDD;
    padding:12px;
    background:  #dddcdd;
    color: #000000;    
}

.detailedViewTextBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border:1px solid #bababa;
    padding-left:5px;
    width:90%;
    background-color:#ffffff;
}

.detailedViewTextBoxOn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border:1px solid #bababa;
    padding-left:5px;
    width:90%;
    background-color:#ffffdd;
}

.advSearch {
    padding:10px;
    border-left:1px solid #eaeaea; 
    border-right:1px solid #eaeaea; 
    border-bottom:1px solid #eaeaea;     
    overflow:auto;
    width:320px;
    height:30px;
    background-color:#ffffef;
}

.searchAlph {
    border:1px solid #dadada;
    background-color:#ffffff;
    cursor:pointer;
    width:10px
}

.searchAlphselected {
    border:1px solid #666666;
    background-color:#bbbbbb;
    cursor:pointer;
    width:10px
}

.textbox {
    border:1px solid #999999;
    background-color:#ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:120px;
    padding:2px;
}

.mx {
}

.calListTable td{
    border-bottom:1px solid #efefef;
    border-left:1px solid #efefef;
}

.calDIV {
    width:100%;
    border:1px solid #fff;   
}

.calDayHour {
    border-top:1px solid #c5d5ff;
    border-left:1px solid #c5d5ff;
    border-bottom:1px solid #c5d5ff;
    border-right:1px solid #c5d5ff;
    background-color:#eae7da;
}

.calAddEvent {
    position:absolute;
    z-index:10000;
    width:500px;
    left:200px;
    top:150px;
    background-color:#ffffff;
}
.addEventInnerBox {
    border:1px dotted #dadada;
}

.cellNormal {
    border:0px;
    background-color:#ffffff;
}

.EventToDo{
}

.thumbnail {
    background-color:#ffffff;
    padding: 7px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.padTab{
    padding-top:0px;
    padding-left:10px;
    padding-bottom:0px;
    vertical-align:top;
}

#user{position:relative;left:0px;top:0px;width:100%;display:block;}

#communication{position:relative;left:0px;top:0px;width:100%;display:block;}

#config{position:relative;left:0px;top:0px;width:100%;display:block;}

#userTab{position:relative;left:0px;top:0px;width:100%;display:none;}

#one{
    position:relative;
    display:block;
    width:245px;
}

#mnuTab1{
    position:relative;
    overflow:auto;
    width:100%;
    display:none;
}

#mnuTab2{
       position:relative;
       overflow:auto;
       width:100%;
       display:none;
}

/* End of Settings */

.bggray{
    background-color: #dfdfdf;
}

.bgwhite{
    background-color: #FFFFFF;
}

.copy{
    font-size:9px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}

#basicTab{
    position:relative;
    overflow:auto;
    width:98%;
    display:block;
}

#moreTab{
    position:relative;
    overflow:auto;
    width:100%;
    display:none;
}

/*Added for Advance Seearch*/

#one{
    position:relative;
    display:block;
    width:245px;
}

/* Dashboard CSS */
a.dash_href {
    display:block;
    width:24px;height:24px;
    vertical-align:middle;
    margin-top:10px;
}

.dashHeading {
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:bold;
    color:#fff;
}

.dashSelectBg{
    background-repeat:repeat-x;
}

.dash_top {
    background-repeat:repeat-x;
    height:63px;
    vertical-align:middle;
}

.dash_border {
    background-color:#538ac1;
    padding:5px;

}

.dash_white {
    background-color:#FFFFFF;
    padding:5px 10px 5px 10px;
}

.dash_bdr_btm {
    border-bottom:2px dotted #939271;
}

.dash_count {
    font-size:36px;
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    padding-left:10px;padding-right:10px;    
}

.dash_switch {
    cursor:pointer;
    width:26px;
    height:26px;
}

.dash_row_sel {
    background-repeat:no-repeat;
    background-position:center;
    width:26px;height:26px;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
}

.dash_row_unsel{
    background-repeat:no-repeat;
    background-position:center;
    width:26px;height:26px;
    text-align:center;
    vertical-align:middle;
    font-weight:normal;
    font-size:10px;
    text-decoration:none;
    cursor:pointer;
}

.dash_chart_btm {
    border-bottom:2px solid #000000;
}


.dash_bottom {
    background-repeat:repeat-x;
    height:98px;
    vertical-align:middle;
}

.dash_btm {
    background-repeat:repeat-x;
    position:top;
}
  
/*  menu */

a.submenu{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:1px solid #CCCCCC;
    background-color:#ECECEC;
    color:#000000;
    text-align:left;
    text-decoration:none;
    display:block;
}

a.submenu:Hover{
    background-color:#DDDDDD;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:1px solid #CCCCCC;
    color:#000000;
    text-align:left;
    text-decoration:none;
    display:block;
} 

#mnuKey{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#666666;
    color:#FFFFFF;
    text-decoration:none;
    padding:5px;
    font-weight:bold;
    width:8px;
    cursor:pointer;
    vertical-align:top;
    height:100px;
    position:relative;
    top:0px;
    left:0px;
}

#slidemenu{
    height:525px;
    vertical-align:top;
    width:100px;
    background-color:#CCCCCC;
    border-right:1px solid #CCCCCC;
    opacity:.9;
    display:none;
}

/* clock */

.citystyle{
    position:relative;
    top:0px;
    left:0px;
    text-align:left;
}

#theClockLayer{
    position:relative;
    height:180px;
    left:20px;
    text-align:center;
}

.handsanddotsstyle{
    margin-top:10px;
    position:absolute;
    top:0px;
    left:0px;
    width:2px;
    height:2px;
    font-size:2px;
    background-color:#000000;
}

.facestyle{
    margin-top:10px;
    position:absolute;
    top:0px;
    left:0px;
    width:15px;
    height:15px;
    text-align:center;
    font-family:arial,sans-serif;
    font-size:10px;
    color:#000000;
}

.datestyle{
    margin-top:20px;
    position:absolute;
    top:0px;
    left:0px;
    width:100px;
    text-align:center;
    font-family:arial,sans-serif;
    font-size:10px;
    color:#000000;
}

.ampmstyle{
    margin-top:23px;
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    text-align:center;
    font-family:arial,sans-serif;
    font-size:10px;
    color:#000000;
}

#wclock{
    position:absolute;
    left:100px;
    top:100px;
    display:none;
    background-color:#CCCCCC;
    width:175px;
}

.leftFormBorder1 {
    border: 1px solid #AFC8E4;
    background-color: #FFFFFF;
    opacity:.7;
}

/* Calculator */
.calcResult {
    width: 100%;
    height: 25px;
    background-color: #FFFFCC;/*CBDFD6*/
    border-top: 1px solid #CCC;
    border-left: 0px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size: 10px;
    text-align: right;
}

.calcMem {
    width: 100%;
    height: 25px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 0px;
    border-bottom: 1px solid #CCC;
    background-color: #FFFFCC;/*CBDFD6*/
    font-family: Arial;
    font-size: 10px;
    color: #BBB;
    text-align: left;
}

.calcBlackBtn, .calcGreyBtn, .calcBigBtn, .calcCancBtn, .calcMemBtn, .calcBackBtn {
    border: none;
    height: 20px;
    font-size: 11px;
    color: #FFF;
    text-align:center;
}

.calcBackBtn {
    width:25px;
}

.calcBlackBtn {
    width:25px;
}

.calcGreyBtn {
    width:25px;
}

.calcCancBtn {
    width:25px;
}

.calcMemBtn {
    width:25px;
}

#calc {
    position:absolute;
    left:100px;
    top:100px;
    background-color:#FFFFFF;
    width:185px;
    border-bottom:2px solid #000000;
    border-right:2px solid #666666;
    border-left:2px solid #CCCCCC;
    border-top:2px solid #CCCCCC;
}

/* RSS STYLES */
.subHdr {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;

    background-position:top left;
    background-repeat:repeat-x;
    height:27px;
    padding:0px 10px 0px 10px;
    vertical-align:middle;
}

.delBg {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    background-position:top left;
    background-repeat:repeat-x;
    height:27px;
    padding:0px 10px 0px 10px;
    vertical-align:middle;
}

#rssScroll {
    font-family:Arial, Helvetica, sans-serif    ;
    font-size:12px;
    background-color:#FFFFFF;
    width:100%;
    height:200px;
    overflow:auto;
    border:0px solid #000000;
}

.rssTable {
    width:100%;
    border:0px solid #CCCCCC;
}

.rssTable tr th {
    background:#EBEBEB none repeat scroll 0%;
    color:#000000;
    border-bottom:1px solid #DEDEDE;
    border-top:1px solid #DEDEDE;
    height:20px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
}

.rssTable tr td {
    text-align:left;
    border-bottom:1px dotted #dadada;
    border-left:1px dotted #dadada;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    white-space:nowrap;
    padding:2px;
}

.forwardBg {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background-position:top left;
    background-repeat:repeat-x;
    height:27px;
    padding:0px 10px 0px 10px;
    vertical-align:middle;
    background-color:#D7D7D7;
}

/*  New Styles */
.mnuTab{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    width:100%;
    border:0px solid #000000;
}

.mnuTab tr td{
    border-bottom:1px solid #EBEBEB;
    padding-left:5px;
    vertical-align:middle;
}
/* profile */

.prvPrfBigText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.prvPrfTopBg {
    background-color:#ebebeb;
}

.prvPrfBottomBg {
    background-color:#ebebeb;
}

.prvPrfOutline {
    border:1px solid #ebebeb;
}

.prvPrfHoverOn {
    background-color:#ffffef;
}

/*  Organization */

.orgTab {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#666666;
    border:0px solid #9B9B9B;
    border-collapse:collapse;
    width:100%;
}

.orgTab tr th {
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    height:20px;
    padding-left:5px;
}

.orgTab tr td {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    padding-left:5px;
    height:20px;
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

/* Groups */
.groupli {
    margin-left:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:12px;
    text-decoration:none;
    color:#333333;
    list-style-type:none;
    text-align:left;
}

/* tree menu */

/*Oraganization Edit Features */

#orgLay {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    width:500px;
    border:3px solid #CCCCCC;
    background-color:#FFFFFF;
    display:block;
    position:absolute;
    left:0px;
    top:0px;
}

/*  Role */

#roleLay {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    width:300px;
    border:3px solid #CCCCCC;
    background-color:#FFFFFF;
    display:none;
    position:absolute;
}

.classBtn {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-weight:normal;
    font-size:10px;
    background-color:#D9F2FF;
    border-bottom:2px solid #D9F2FF;
    border-right:2px solid #D9F2FF;
    border-top:2px solid #000000;
    border-left:2px solid #000000;
    color:#000000;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
}

.txtBox {
    width:85%;
    border:1px solid #666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

/*  IMPORT LEADS */

.leadTable {
    border:3px solid #CCCCCC;
    border-collapse:collapse;
}

.leadTable tr td{
}

.genHeaderGray {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #888888;
    font-weight:bold;
}

.genHeaderGrayBig {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 16px;
    color: #888888;
    font-weight:bold;
}

.importBox {
    width:125px;
    border:1px solid #666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.txtGreen {
    color:green;
}

/* PICK LIST */
ul li{
    padding-bottom:2px;
    padding-top:2px;
}
/* MY PREFERENCES */        

/* CSS FOR REPORTS */

.reportHdr {
    background-color:#DDDDDD;
    font-size:12px;
    font-weight:bold;
    vertical-align:middle;
    text-align:left;
    height:30px;
    border-bottom:2px solid #959595;
    color:#000000;
    padding-left:10px;
}

#reportLay{
    width:175px;
    background-color:#CCCCCC;
    border:1px solid #ddd;
    padding-top:5px;
    position:absolute;
    display:none;
    z-index:2000;
}

#locateMap{
    width:120px;
    background-color:#CCCCCC;
    border:1px solid #DDDDDD;
    padding-top:5px;
    position:absolute;
    display:none;
    z-index:2000;
}

a.reportMnu{
    font-size:11px;
    color:#0070BA;
    text-decoration:none;
    display:block;
    width:155px;
    height:20px;
    border-bottom:1px solid #E1E1E1;
    padding-left:20px;
    padding-top:3px;
}

a.reportMnu:Hover{
    font-size:11px;
    color:#0070BA;
    text-decoration:underline;
    display:block;
    width:155px;
    height:20px;
    border-bottom:1px solid #E1E1E1;
    padding-left:20px;
    padding-top:3px;
}    

#Generate{
    position:relative;
    width:100%;
    text-align:center;
    display:none;
}
/* END OF REPORT */

/* WEB MAIL */
a.webMnu{
    font-size:11px;
    color:#0070BA;
    text-decoration:underline;
}

a.webMnu:Hover{
    font-size:11px;
    color:#0070BA;
    text-decoration:underline;
} 

/*  END OF WEB MAIL */

/* POPUP */

a.alpha{
    font-size:11px;
    color:gray;
    text-decoration:none;
    padding-Left:5px;
    padding-right:5px;
    border:1px dotted #CCCCCC;
    background-color:#FFFFCC;
}

a.alpha:Hover {
    font-size:11px;
    color:gray;
    text-decoration:underline;
    padding-Left:5px;
    padding-right:5px;
    border:1px dotted #CCCCCC;
    background-color:#FFFFCC;
} 

/* Home Page */
.MatrixLayer{
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:0px solid #dedede;
    border-top:1px solid #dedede;    
    background:#ffffff;
    background-position:bottom left;
    width:29%;
    position:relative;
    visibility:visible;
    margin:9px;
    height:280px;
}

.fontBold{
    font-size:13px;
    color:#000000;
    text-decoration:none;
    font-weight:bold;
}

.style_Gray{
    color:gray;
}
    
/* End of Home Page */

/* All Menu */
#allMenu {
    width:500px;
    border:4px solid #dddcdd;
    left:300px;
    top:100px;
    position:absolute;
    z-index:1000001;
    display:none;
    padding:10px;
    background:#ffffff;
}

.allMnuTable {
    width:100%;
    background-color:#FFFFFF;
}

.allMnuHandle td {
    height:20px;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    background-color:#000066;
    cursor:move;
    padding:2px;
    border-bottom:2px solid #666666;
}

.allMnuHdr {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:Bold;
    font-size:11px;
    text-decoration:none;
    display:block;
    background-color:#FFFFFF;
    color:#000099;
    padding-top:5px;
    padding-bottom:5px;
}

a.allMnu {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
    font-weight:normal;
    display:block;
    width:125px;
    height:15px;
    padding-left:5px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#FFFFFF;
    border:1px solid #FFFFFF;
    color:#000033;
    margin-left:20px;
}

a.allMnu:Hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-decoration:none;
    font-weight:normal;
    display:block;
    width:125px;
    height:15px;
    padding-left:5px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#eef;
    color:#333;
}
/* End Of All Menu */

/* Calendar */
.calHdr {
    background-repeat:repeat-x;
    background-position:left top;
}

.calSel {
    background:#FFFFFF;
    border-top: 3px solid #63A2E2;
    border-bottom: 0px solid #ddd;
    border-right:1px solid #DDDDDD;    
    text-align:center;
    color:#000000;
    font-weight:bold;
    text-transform:uppercase;
    width:8%;
}

.calAddButton {
    border: 1px solid #ddd;
    background:#ffffff;
    cursor:pointer;
    height:30px;
    line-height:25px;
}

.calInnerBorder {
    border-left:2px solid #ddd;
    border-right:2px solid #ddd;
    border-bottom:2px solid #ddd;
}

.calBorder {
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
    background:#fff;

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

.calUnSel {
    color:#000000;
    font-weight:normal;
    text-align:center;
    width:8%;
    border-right:1px solid #DEDEDE;
}

a.calMnu {
    font-size:11px;
    color:#0070BA;
    text-decoration:none;
    display:block;
    height:20px;
    padding-left:5px;
    padding-top:3px;
}    

a.calMnu:Hover{
    font-size:11px;
    color:#0070BA;
    text-decoration:underline;
    display:block;
    height:20px;
    padding-left:5px;
    padding-top:3px;
}

.bgwhite{
    background-color: #FFFFFF;
}
.copy{
    font-size:9px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}

#mnuTab{
    position:relative;
    width:100%;
    display:block;
}

#mnuTab2{
    position:relative;
    overflow:auto;
    width:100%;
    display:none;
}
.style1 {color: #FF0000}

.event{
    background-color:#fb802f;
    border:2px solid #dddddd;
    text-align:left;
    width:100%;
    position:relative;
    left:0px;
    top:0px;
    vertical-align:middle;
    padding:1px;
}

#hrView{
    display:block;
}

.calendarNav{
    font-size:16px;
    color:#33338C;
    white-space:nowrap;
    text-align:center;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    background:#FFFFFF none repeat scroll 0%;
}

#addEventDropDown{
    position:absolute;
    display:none;
    width:150px;
    border:1px solid #ddd;
    left:0px;
    top:0px;
    overflow:visible;
    z-index:5000;
}

.calAction{
    width:175px;
    background-color:#CCCCCC;
    border:1px solid #DDDDDD;
    padding-top:5px;
    position:absolute;
    display:none;
    z-index:2000;
}

.calSettings{
    position:absolute;
    z-index:20000;
    width:500px;
    left:200px;
    top:150px;
    background-color:#ffffff;
}

.outer{
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

.calTxt{
    width:50%;
    border:1px solid #CCCCCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    padding-left:5px;
}

#leadLay{
    position:relative;
    width:100%;
    float:left;
    visibility:hidden;
    padding:5px;
    z-index:10000;
}
                                    
/* End of Calendar */

/* Cal Year View */
.eventDay{
    background-color:#FF9966;
    font-weight:bold;
}

.currDay{
    background:#5774B0;
    border:1px solid #DEDEDE;
    font-weight:bold;
    text-decoration:underline;
}

.currDay a{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:underline;
}

/* End of Cal Year View */

/* Level 2 Menu Selected*/

level2Sel{
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
}

#DeleteLay{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    width:300px;
    border:3px solid #CCCCCC;
    background-color:#FFFFFF;
    padding:5px;
}

#CurrencyDeleteLay{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    width:350px;
}

/* For Report HTML Generation*/
.rptCellLabel {
    background-color:#f6f6f6;
    padding-right:10px;
    border-right: 1px solid #DDDDDD;
    border-bottom:1px solid #fff;
    color:#737373;
    font-weight: bold;
    white-space:nowrap;
}

.rptTable {
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}

.rptTitle, .rptHead, .rptData, .rptGrpHead{
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    text-align:left;
    font-weight: normal;
    height: 20px;
    padding: 4px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background: #DDDDDD;
}

.rptGrp1Total, .rptGrp2Total, .rptTotal {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    text-align:center;
    font-weight: normal;
    background: #FFF;
    height: 20px;
    padding: 4px;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.rptGrpHead {
    background: #FFF;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #DDDDDD;
    font-weight: normal;
}

.rptData {
    background: #FFF;
    font-weight: normal;
}

.rptEmptyGrp {
    background: #FFF;
    border-right: 1px solid #DDDDDD;
}

.statechange {
    position:absolute;
    visibility:hidden;
    left:10px;
    top:20px;
    width:300px;
    border:3px solid #CCCCCC;
    background-color:#FFFFFF;
}

#PopupLay{
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
    width:500px;
    border:3px solid #CCCCCC;
    background-color:#FFFFFF;
    padding:5px;
    display:none;
    left:100px;
    top:100px;
}

#folderLay{
    width:175px;
    background-color:#CCCCCC;
    border:1px solid #DDDDDD;
    padding-top:5px;
    position:absolute;
    display:none;
}

/* Css for quick Create */
.qcTransport{
       /* background:transparent url(images/level2Bg.gif) repeat-x scroll center bottom;*/
}

#role_popup{
    position:relative;
    left:0px;
    top:0px;
    width:95%;
    height:300px;
    overflow:auto;
    border:1px solid #999999;
    text-align:left;
    background-color:#FFFFFF;
}

.unread_email {
    font-weight:bold;
    background-color:#00FF00;
}
.delete_email {
    font-weight:bold;
    background-color:#FF5151;
}

.qualify_email {
    font-weight:bold;
    background-color:#CDB5CD;
}
                                    
/* MY SITES */

.unread_email:hover {
    font-weight:bold;
}

.tagCloud {
    border:1px solid #ddd;
}

.tagCloudTopBg {
}

.tagCloudDisplay {
    background-color:#fff;
    padding:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #000000;
}

.h2 {
    font-size:18px;
    line-height:20px;
}

.gray {
    color:gray;
}

ul {
    list-style:circle;
    line-height:20px;
    padding-left:5px;
    margin-left:20px;
    font-weight:normal;
}

.tagCloudTopBg {
    background-repeat: repeat-x;    
}

.tagCloudDisplay {
    background-color:#fff;
    padding:5px;
}

.heading2 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight:bold;
    color: #000000;
}

.settingsUI {
    text-align:left;
    background-color:#fff;
    border:2px solid #ddd;
}

.settingsTabHeader {
    text-align:left;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:22px;
    font-weight:bold;
    color:#33338c; 
    background-color:#efecec;
    padding-left:10px;
    padding-right:10px;
    border-top: #000000;
}

.settingsTabList {
    text-align:left;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight:normal;
    color:#000000;
    background-color:#fff;
    padding-left:30px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    border-left:1px solid #fff;
}

.settingsTabSelected {
    text-align:left;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight:bold;
    color:#000000;
    background-color:#ffffff;
    padding-left:30px;
    border-left:3px solid #ddd;    
    border-bottom:3px solid #ddd;    
    border-top:2px solid #ddd;    
}

.settingsSelectedUI {
    padding-bottom: 5px;
    background-color:#ffffff;
    padding:  15px 25px ; 
}

.settingsIconDisplay {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:14px;
    padding:10px;
    color:#000000;
    background-color:#ffffff;
    padding-left:10px;
}

.settingsSelUITopLine{
    border-bottom:2px dotted #999999;
}

.tableHeading{
    background:#FFFFFF;
    border:1px solid #DEDEDE;
}

.colHeader{
    background-color:#fff;

    border-left:1px solid #fff;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-weight:bold;
}

.cellLabel {
    background-color:#f5f5ff;
    border-top:1px solid #efefef;
    border-bottom:1px solid #dadada;
    color:#555555;
}

.cellText {
    color:#333333;
    border-bottom:1px solid #dadada;
}

.listTable{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.listTableRow{
    border-bottom:1px solid #eaeaea;
    border-right    :1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
}

.listRow{
    border-bottom:2px solid #eaeaea;
}

.listTableTopButtons{
    background-color:#efefff;
}

/*  Buttons */
.crmButton{
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:1px solid #555555;
    border-bottom:1px solid #555555;
    padding:7px;
}

.create{
    background-color:#768287;
    color:#fff;
    font-weight:bold;
    font-size:small;
}

.addmaterial{
    background-color:#A02F33;
    color:#fff;
    font-weight:bold;
    font-size:small;  
}

.delete {
    background-color:red;
    color:#fff;
    font-weight:bold;
}

.edit {
    background-color:green;
    color:#fff;
    font-weight:bold;
}

.save{
    background-color:#00A864;
    color:#fff;
    font-weight:bold;
    font-size:small;
}

.cancel {
    background-color: #BC0900;
    color:#fff;
    font-weight:bold;
    font-size:small;
}

.inactive{
    color:#999999;
}

.active{
    color:#229922;
}

/* Buttons ends */
textarea {
    width:95%;
    height:70px;
    border:1px solid #dadada;
}

.treeTable1{
    padding:0px;
}

.cellBottomDotLine {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    background-color:#ededed;
}

.crmFormList{
    border:1px solid #cccccc;
    width:90%;
    height:120px;
}

.cellBottomDotLinePlain {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
}

.thickBorder {
    border: 2px solid #999999;
}

.trackerHeading {
    background-color:#efefef;
}

.trackerListBullet {
    border-right:1px dotted #cccccc;
    background-color:#f9f9f9;
}

.trackerList {
    border-bottom:1px solid #eeeeee;
}

/* Table Definitions */
.crmTable {
    border:1px solid #dadada;
}

.crmTableRow {
    border-bottom:1px dotted #dadada;
    border-right:1px dotted #dadada
}

/* Inventory */
.lineOnTop {
    border-top:1px solid #999999;
}

.discountUI{
    border:3px solid #CCCCCC;
    width:250px;
    padding:5px;
    position:absolute;
    background-color:#FFFFFF;
    display:none;
}

.TaxShow{
    display:inline-table;
}

.TaxHide{
    display:none;
}

/* Inventory */

/* Email Client Classes ++++++++++++++++++++++ */

.emailSelected{
    background-color:#eaeaea;
    color:#000000;
    font-size:bold;
}

.mailClient{
    border-top:0px solid #ddd;
    border-right:0px solid #ddd;
    border-left:0px solid #ddd;
    border-bottom:0px solid #ddd;
}

.mailClientBg {
    background-color:#ddd;
    border:2px solid #dddddd;
}

.mailSubHeader {
    background:#FFFFFF;
    border-top:0px solid #ddd;
    padding:4px;
}

.mailClientWriteEmailHeader {
    font-family:arial, helvetica, sans-serif;
    font-size:20px;
    line-height:24px;
    font-weight:bold;
    background:#ddd;
    padding:10px;
    border-left:1px solid #eaeaea;
    border-top:1px solid #eaeaea;
    border-right:1px solid #939271;
    border-left:1px solid #939271;;
}

.mailClientCSSButton {
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    padding:2px;
    background-color:#c3c2b1;
}

/* Email Client Classes ends ------------------------------------ */

/* Layer Popup */
.layerPopup {
    border:2px solid #ddd;
    background:#fffff5;
    position:absolute;
}

.layerPopupHeading {
    font-family:arial, helvetica, sans-serif;
    font-size:16px;
    line-height:24px;
    font-weight:bold;
}

.layerHeadingULine {
    border-bottom:2px solid #717351;
}

.layerPopupTransport {
    background-color:#e2e5ff;
}

.homePageSeperator {
    border-right:0px dotted #d3d2c1;
    background:#ffffff;
    padding-left:15px; padding-top:15px;
}

.homePageMatrixHdr {
    border-bottom:0px solid #d3d2c1;
    background:#ffffff  ;
}

.reportsListTable {
    background-color:white;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.reportGenerateTable {
    border-left:2px dotted #a5b5ee;
    border-right:2px dotted #a5b5ee;
    border-bottom:2px dotted #a5b5ee;
}

.reportCreateBottom {
    background-color:#ddf;
    border-bottom:2px solid #737251;
}

.importLeadUI{
    /*background:#fffff5 url(images/select.gif) ; */
    background-color:white;
}

a.customMnu{
    padding-left:30px;
    padding-top:5px;
    padding-bottom:5px;
    display:block;
    background-repeat:no-repeat;
    background-position:left;
    width:155px;
    color:#000000;
    text-decoration:none;
}

a.customMnuSelected{
    padding-left:30px;
    padding-top:5px;
    padding-bottom:5px;
    display:block;
    background-repeat:no-repeat;
    background-position:left;
    width:155px;
    background-color:#0099FF;
    color:#FFFFFF;
    text-decoration:none;
}

/* Drop Down Menu */
.drop_mnu{
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000000001;
    border-left:1px solid #d3d3d3;
    border-right:1px solid #d3d3d3;
    border-bottom:1px solid #d3d3d3;
    width:150px;
    display:none;
    padding:0px;
    text-align:left;
    overflow-x:hidden;
    overflow-y:hidden;
    background-color:#ffffcc;
}

a.drop_down{
    width:150px;
    text-align:left;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight:normal;
    color:#33338c;
    background-color:#fff;
    padding:2px 5px 2px 5px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #d3d3d3;
    display:block;
}

a.drop_down:Hover{
    padding:2px 5px 2px 5px;
    width:150px;
    text-align:left;
    color:#0070BA;
    font-weight:normal;
    text-decoration:underline;
    background-color:#ffffcc;
}

.bgwhite{
    background-color:white;
}

.searchUIBasic {
        border:2px solid #a5b5ee;
}

.searchUIAdv1{ 
        border-top:2px solid #a5b5ee;
        border-left:2px solid #a5b5ee;
        border-right:2px solid #a5b5ee;
}

.searchUIAdv2{ 
        border-left:2px solid #a5b5ee;
        border-right:2px solid #a5b5ee;
}

.searchUIAdv3{ 
        border-bottom:2px solid #a5b5ee;
        border-left:2px solid #a5b5ee;
        border-right:2px solid #a5b5ee;
}

.searchUIName {
}

/* Recalculate Disabling Window */

.veil{
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 10000;
    Filter: Alpha(opacity = 70);
    -moz-opacity: 0.7;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.veil_new{
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 50000;
    Filter: Alpha(opacity = 70);
    -moz-opacity: 0.7;
    text-align: center;
    vertical-align: middle;
    position: absolute;
}

.optioncontainer{
    vertical-align: middle;   
    height: 100%;
    width: 100%;   
    position: absolute;
    z-index: 90000;   
}

.options{
    vertical-align: middle;   
    margin-left: 25%;
    margin-top: 16%;
    color: #FFFFFF;
    width:650px;
    background-color: Black;
    border: 2px solid #222;    
    position: relative;
    text-align: left;
    z-index: 80000;   
}

.options h2{
    color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #373D4C;
    margin: 0;
    font-weight: normal;
}

/* Recalculate Disable Ends */
.mailSelected {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 11px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.mailSelected_select {
    background:#E1DCB3;
    background-color:#1F5EFF;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 11px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.groupname{
    width:125px;
}

.winmarkModulesdef{
    /*background-image:url(images/softedHomeMark.gif);*/
    /*background-image:url(images/softedHomeMark.gif);*/
    background-position:bottom left;
    background-repeat:repeat-x;
    /*background:#ffffff;*/
}

/*added for the hanlder of the div in the home page */
.headerrow{
    cursor:move;
}
.repBox{
    width:100px;
    border:1px solid #666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
.warning {
    color: #0070BA; /* Same as the background-color of .create Class */
}
    
.company
{
    color:#5B001F;
    font-family: Candara;
    font-size: 30px;
}
.name
{
    color:#902B8B;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style:Bold; 
    text-decoration:underline;   
}                     

.HighLightTR{
    font-weight:bold;
    background:#CEFFCE;
    background: rgb(204,221,161); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(204,221,161,1) 2%, rgba(201,222,150,1) 72%, rgba(189,221,106,1) 82%, rgba(138,182,107,1) 93%, rgba(57,130,53,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(204,221,161,1)), color-stop(72%,rgba(201,222,150,1)), color-stop(82%,rgba(189,221,106,1)), color-stop(93%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(204,221,161,1) 2%,rgba(201,222,150,1) 72%,rgba(189,221,106,1) 82%,rgba(138,182,107,1) 93%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(204,221,161,1) 2%,rgba(201,222,150,1) 72%,rgba(189,221,106,1) 82%,rgba(138,182,107,1) 93%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(204,221,161,1) 2%,rgba(201,222,150,1) 72%,rgba(189,221,106,1) 82%,rgba(138,182,107,1) 93%,rgba(57,130,53,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(204,221,161,1) 2%,rgba(201,222,150,1) 72%,rgba(189,221,106,1) 82%,rgba(138,182,107,1) 93%,rgba(57,130,53,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdda1', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

}

.AffectedTD{
    background: #db2b00; /* Old browsers */
    background: -moz-linear-gradient(top,  #db2b00 4%, #d1d1d1 4%, #f4f4f4 32%, #f4f4f4 70%, #dbdbdb 76%, #dbdbdb 85%, #d1d1d1 93%, #db2b00 94%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#db2b00), color-stop(4%,#d1d1d1), color-stop(32%,#f4f4f4), color-stop(70%,#f4f4f4), color-stop(76%,#dbdbdb), color-stop(85%,#dbdbdb), color-stop(93%,#d1d1d1), color-stop(94%,#db2b00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #db2b00 4%,#d1d1d1 4%,#f4f4f4 32%,#f4f4f4 70%,#dbdbdb 76%,#dbdbdb 85%,#d1d1d1 93%,#db2b00 94%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #db2b00 4%,#d1d1d1 4%,#f4f4f4 32%,#f4f4f4 70%,#dbdbdb 76%,#dbdbdb 85%,#d1d1d1 93%,#db2b00 94%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #db2b00 4%,#d1d1d1 4%,#f4f4f4 32%,#f4f4f4 70%,#dbdbdb 76%,#dbdbdb 85%,#d1d1d1 93%,#db2b00 94%); /* IE10+ */
    background: linear-gradient(to bottom,  #db2b00 4%,#d1d1d1 4%,#f4f4f4 32%,#f4f4f4 70%,#dbdbdb 76%,#dbdbdb 85%,#d1d1d1 93%,#db2b00 94%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2b00', endColorstr='#db2b00',GradientType=0 ); /* IE6-9 */
    font-weight:bold;
}

.PageTitle
{
    color:#186684;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style:Bold; 
    text-decoration:underline;   
    letter-spacing:1px;
}

.SubmenuTd
{
    background: rgb(203,96,179); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(222,71,172,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(100%,rgba(222,71,172,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(222,71,172,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(222,71,172,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(222,71,172,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(203,96,179,1) 0%,rgba(222,71,172,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */

    /*FOR SHADO */
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    /*FOR SHADO */
}

.SubmenuTd a{
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
}        

.MainmenuBG
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+2,a90329+20,6d0019+48,59001f+76 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
    background: #086a91 !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px; 
    height:25px;  
	
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 9px 6px -6px black;
    box-shadow: 0 9px 6px -6px black;
    -moz-border-radius: 15px;
}

.makeapproveOut
{
	background:#FFFFFF;
}
.makeapprovein
{
    background: rgb(191,210,85); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

.textboxreadonly {
	border: 2px dashed #612592;
	width: 230px;
	padding-left:3px;
	cursor:none;
}

.txtamount{
    text-align:right;	
}

input.readOnlyTextBox
{
    color: #FFFFFF;
    border-color: #FDC6CA;
    text-align:center;
    background-color:#000000
}

.error_message{ 
    box-shadow: 4px 5px 5px #888888;
    background-color:#FF0000;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.warning_message{ 
    box-shadow: 4px 5px 5px #888888;
    background-color:#F2D81C;
    color:#0000FF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
 	 
.success_message{ 
    box-shadow: 4px 5px 5px #888888;
    background-color:#008040;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
 }
 
 .wrapword{
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.content_title
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+91,6d041b+93 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 91%, #6d041b 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 91%,#6d041b 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 91%,#6d041b 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#6d041b',GradientType=0 ); /* IE6-9 */
font-size: 12px;
height : 14pt;

}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: white;
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 0.1px solid #ddd;
    font-size: 13px;
    background-color: #BE441B;
}

ul.pagination li a.active {
    background-color: #fff!important;;
    color: black;
    border: 1px solid #000;
}
ul.pagination li a.skip_page {
    color: white;
    background-color: #BE441B!important;
    pointer-events: none;
    cursor: default;
    border: 0.1px solid #ddd;
}
ul.pagination li a:hover:not(.active) 
{
    /*background-color: #4CAF50;*/
    background: rgb(239,197,202); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */

}
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
.tblTitle
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

/*
* {
  box-sizing: inherit;
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: ease;
}
/*
.btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size:16px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 auto 2em;
  max-width: 160px; 
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%; 
}*/
.btn-5 {
  color:#FFF;
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(0, 168, 100, 0);
  outline: 1px solid;
  outline-color: rgba(0, 168, 100, .5);
  outline-offset: 0px;
  text-shadow: none;
  background-color:rgba(0, 168, 100, 1);
    cursor: pointer;
  /*transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);*/
} 

.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(0, 168, 100, .5), 0 0 20px rgba(0, 168, 100, .2);
  outline-color: rgba(0, 168, 100, 0);
  outline-offset: 15px;  
}

abbr
{
    border-bottom: 1px dotted #666;
    cursor: pointer;
}

.tooltip
{
	position:absolute;
	background-color:#eeeefe;
	border: 1px solid #aaaaca;
	font-size: smaller;
	padding:4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);	
}
.form-control {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-active {
  color: #fff;
  background-color: #c60a0a;
  border-color: #c60a0a;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-warning {
    color: #fff;
    background-color: #ebb206;
    border-color: #ebb206;
}
.btn-active:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}


/* The container */
.container {
  display: inline-flex;
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}