/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}


.btn-secondary2 , .btn-secondary2:focus, btn-secondary2:hover, btn-secondary2:visited {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn2, .btn2:focus, btn2:hover, btn2:visited {
  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.375rem;
  font-size: .8rem;
  line-height: .8;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.form-control-smaller {
  display: block;
  width: 100%;
  padding: 0rem 0rem;
  
  line-height: 1;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.header-text
{       
      font-size:12px;
      font-weight:600; 
     
}
.smalltext
{
    font-size:9pt;
    font-weight:400;
}
.less-padding, .less-padding td
{   
    padding: 10px !important;    
}

.lesser-padding, .lesser-padding td
{   
    padding: 5px !important;    
}
.boxy
{
    height: 60px; 
    /*width: 100px;*/        
    width:100%;
}

.firstColumn
{
    width: 180px;
    overflow:hidden;
     white-space:nowrap;
}
.datesInJeopardy
{
    border-left: 8px solid red;
}

.middle-box
{
     align-content:center;     
     vertical-align:middle;     
}
.dashboard-date-black ,
.dashboard-date-black:hover,
.dashboard-date-black:visited 
{    
    text-decoration:none;
    display:inline-block;
    color: black;  
}
.dashboard-date-white ,
.dashboard-date-white:hover,
.dashboard-date-white:visited 
{    
    text-decoration:none;
    display:inline-block;
    color: white;  
}
.dashboard-small-button ,
.dashboard-small-button:hover,
.dashboard-small-button:visited 
{
    /*opacity: 0.3;*/
    background: rgba(0, 0, 0, 0.3);      
    font-size: 10px;
    border-radius: 3px;
    /*right top left bottom*/
    padding: 2px 2px 2px 2px;
    /*width:90px;*/
    overflow: hidden;
    text-decoration:none;
    display:inline-block;
    color: white;    
    font-weight:400;
    white-space:nowrap;
}
.dashboard-smaller-button ,
.dashboard-smaller-button:hover,
.dashboard-smaller-button:visited 
{
    /*opacity: 0.3;*/
    background: rgba(0, 0, 0, 0.3);      
    font-size: 10px;
    border-radius: 3px;
    /*right top left bottom*/
    padding: 2px 2px 2px 2px;
    /*width:49px;*/
    overflow: hidden;
    text-decoration:none;
    display:inline-block;
    color: white;    
    white-space:nowrap;
    font-weight:400;
}
.card-body-dashboard {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: .25rem;
  font-size: 20px;
}
.subnavbar {
    position: fixed;   
    z-index: 1000;
    /*width: 100%;*/
    padding-right:15px;
    
}
.topPageDiv{
    background-color:white; 
    height:10px;
}

.dropdowninvisible ,
.dropdowninvisible:hover,
.dropdowninvisible:visited 
{    
    color: white;    
   
}

.ETEditor
{
  width: 100%;
  height: 230px;
  background: white;
  border: 1px solid #efefef;
  box-shadow: 0 1px 3px #efefef;
}

.ETEditor textarea
{
  display: none;
}

.ETEditor.notSupported textarea
{
  display: block;
  width: 100%;
  height: 230px;
  padding: 10px;
  
  box-sizing: border-box;
  
  font-family: 'Avenir', sans-serif;
  font-size: 1em;
}

.ETEditor div.ETEditorMenu
{
  width: 100%;
  margin: 0;
  padding: 0;
  
  list-style-type: none;
  background: #efefef;
  
  user-select: none;
}

.ETEditor.notSupported div.ETEditorMenu
{
  display: none;
}

.ETEditor div.ETEditorMenu button
{
  display: inline-block;
  padding: 5px 20px;
  
  font-weight: bold;
  font-size: 15px;
  text-shadow: 0px 1px 0px #fff;
  border: 0;
  background: white;
  border-right: 1px solid #ddd;
  
  cursor: pointer;
}

.ETEditor div.ETEditorMenu button:hover
{
    color: rgb(45,87,91)
}

.ETEditor div.ETEditorText
{
  width: 100%;
  height: 180px;
  padding: 10px;
  box-sizing: border-box;
  color:black;
  overflow: scroll;
  outline: none;
}

.ETEditor.notSupported div.ETEditorText
{
  display: none;
}
.list-group-item-ii {
    position: relative;
    display: block;
    padding: .75rem 0px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.notesTextbox {
    
    font-size: 14px;
    background: #fff;
    border: solid 1px #cecece;
    padding: 0px 5px;
    min-height:45px;
}
.textboxEdit
{
    width:375px;
    height: 75px; 
}
.textboxView
{
    width:375px;
    height: 45px; 
}


.responsive {
    max-width: 100%;
    height: auto;
}

/*COMMENT BOX STYLES*/

.detailBox {
   /* width:320px;*/
    width:100%;
    border:1px solid #ddd;
    /*margin:50px;*/
}
.titleBox {
    background-color:#fdfdfd;
    padding:10px;
}
.titleBox label{
  color:#444;
  margin:0;
  display:inline-block;
}

.commentBox {
    padding:10px;
    border-top:1px dotted #bbb;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:80%;
}

.taskDescription {
    margin-top:10px 0;
}
.commentList {
    padding:0;
    list-style:none;
    max-height:200px;
    overflow-y:auto;
    overflow-x:hidden;
}
.commentListCommentPage {
    padding:0px;
    list-style:none;        
}

.commentListCommentPage li {
    margin:0;
    margin-top:10px;
}
.commentList li {
    margin:0;
    margin-top:10px;
}
.commentList li > div {
    /*display:table-cell;*/
}
.commenterImage {
    width:30px;
    margin-right:5px;
    height:100%;
    float:left;
}
.commenterImage img {
    width:100%;
    border-radius:50%;
}
.commentText p {
    margin:0;
}
.commentTextBorder
{
    width: 100%;
    border-bottom: .5px solid #ddd;
    padding-bottom:5px;
}
.commentTextBorder p {
    margin:0;
}
.sub-text {
    color:#aaa;
    font-family:verdana;
    font-size:11px;
}
.actionBox {
   /* border-top:1px dotted #bbb;*/
    padding:5px 0px 10px 10px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well-comment {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f8e7d7;
  border: 1px solid #f8d2ad;
  /*background-color: #f5f5f5;
  border: 1px dashed #2d7bf6;*/
  border-radius: 4px;
  
}

.show-grid [class^="col"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}
.show-grid {
    margin: 15px 0;
}

/*Carissa's additions*/
.nowrap
{
   white-space:nowrap;
}
.img-small-rounded
{
    /*border-radius: 6px;*/
    border-radius: 50%;
    width:35px;
    height:35px;
}
.smaller
{
    font-size: 10pt;
}
.form-control-same-line {
  display: inline;  
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-same-line:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


.fraction {
  position: relative;
  width: 50pt;
  font-size: 8pt;
  display: inline-block;
  text-wrap:none;
}
.numerator {
  border-bottom: 1px solid black;
  text-align: center;
  text-wrap:none;
  
     white-space:nowrap;
}
.denominator {
  
  width: 50pt;
  text-align: center;
  text-wrap:none;
  
     white-space:nowrap;
}
.denominator {
  
  width: 50pt;
  text-align: center;
  text-wrap:none;
  
     white-space:nowrap;
}
.bg-medium{
    background-color:#e9ecef;
}

.grandTotalBackground td
{
    background: rgba(0,0,0,0.2);
}

.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
/* ****************************************************************** */
/*.usedInCalcBackground td
{
    background: #f5d8e0;
}
.calculation 
{
   color: fuchsia;
}
.totalsBackground td
{
    background: rgba(0,0,0,0.08);
    
    border-bottom: 1px solid #7D6C5A;
}

.disposition4{
    vertical-align:top;
     background-color: #f3ece3;
     padding-top:10px;padding-bottom:0px;padding-left:5px;padding-right:5px;          
     border-bottom: 1px solid #7D6C5A ;   
     color:#7D6C5A;      

}

.disposition4NoBorder{
    vertical-align:top;
     background-color: #faf7f2;
     padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;                    
     color:#7D6C5A;   
      font-size:9pt;  
}

.a1Column{
    vertical-align:top;
     background-color: #e7f1e8;
     padding-top:10px;padding-bottom:0px;padding-left:5px;padding-right:5px;          
     border-bottom: 1px solid #7D6C5A ;   
     color:#7D6C5A;      

}

.conversionNoBorder{
    vertical-align:top;
     background-color: #dae6f3;
     padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px; 
     color:#7D6C5A;   
     font-size:9pt;  
}
.conversion{
    vertical-align:top;
     background-color: #dae6f3;
     padding-top:10px;padding-bottom:0px;padding-left:5px;padding-right:5px;          
     border-bottom: 1px solid #7D6C5A ;   
     color:#7D6C5A;      

}

.a1ColumnNoBorder{
    vertical-align:top;
     background-color: #e7f1e8;
     padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px; 
     color:#7D6C5A;   
     font-size:9pt;  
}*/


.btn-targeting
{
    border:1px solid #2482f7;
    color: #2482f7;
    padding-bottom: 4px;
}


.btn-targeting:hover 
{
    border:1px solid #2482f7;
    color: #2482f7;
    background:#d9eef9;
}
.usedInCalcBackground
{
    border-left: 8px solid #ff4377;
}
.usedInCalcBackground td
{
    background: #fff1f5;
}
.calculation 
{
   color: #ff4377;
}
.totalsBackground td
{
    background-color: rgba(0,0,0,0.65);
    /*border-bottom: 6px solid #cecece;*/
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
}
.disposition4 a
{
    color: #ffffff;
    text-decoration:underline;
}
.targetingHeader
{
    margin-top:100px;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
}
.disposition4{
    vertical-align: middle;
    background-color: #f90;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #cecece;
    color: white;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif; 

}

.targetingProposalFont
{ 
    
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif; 
}

.disposition4NoBorder{
    background-color: #ffffff;
    padding-left:10px;
    padding-bottom: 6px;
    padding-top: 6px;
    color: #2f2f2f;
    font-size: 9pt;
    border-top: 1px solid #cecece;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    vertical-align: middle;
}

.a1Column{
    vertical-align: middle;  
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;    
    border-top: 1px solid #cecece;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    background-color: #f90;
    color: #fff; 

}

.conversionNoBorder{
    font-size: 9pt;
    vertical-align: middle;
    background-color: #e6e6e6;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #2f2f2f;
    border-top: 1px solid #cecece;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
}
.conversion{
    vertical-align: middle;
    background-color: #464646;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #cecece;
    color: #fff;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    line-height: 1.2rem;  

}

.a1ColumnNoBorder{   
     font-size: 9pt;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #2f2f2f;
    border-top: 1px solid #cecece;
    font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
    vertical-align: middle;
    background-color: #f5ffef;
}

.dispositionSave
{
     vertical-align:top;    
     background-color:#ffffff !important ; 
     padding-top:10px;padding-bottom:0px;padding-left:20px;padding-right:5px;
     color:#7D6C5A;     
     border-bottom: none !important ; 
     border-top: none !important ; 
     font-family: 'Maven Pro', Helvetica, Arial, sans-serif; 
}
.dispositionSave td
{
     vertical-align:top;
     background-color:#ffffff !important ; 
     padding-top:10px;padding-bottom:0px;padding-left:20px;padding-right:5px;
     color:#7D6C5A;     
     border-bottom: none !important ; 
     border-top: none !important ; 
     font-family: 'Maven Pro', Helvetica, Arial, sans-serif; 
}
/*End Carissa's additions*/