a img { border:none; }
a:focus, input:focus, button:focus { outline: none; box-shadow: none;  }

h1.colored { color:#91ab51; font-size:32px; font-weight:500; }
aside h2 { color:#933; }

h2 { font-weight:200;  }


#email-table { margin-top:10px;  }

#email-table tr:nth-child(2n) td {

     background-color:rgba(231, 214, 172, 0.2);
}

#email-table tr:hover td {

    background:rgba(145, 171, 81, 0.4);
    transition: background-color 0.4s ease-in-out;
}



#email-table .note, 
#email-table .status,
#email-table .subject {

    max-width:130px;
    overflow:hidden;
}

#email-table .attachments {

    min-width:100px;
}


.contain-email-body { height:160px;  width:300px; overflow-x:hidden; overflow-y:auto; }



#email-actions { width:128px;  }
#email-actions button {

    width:90%;
    margin:5px;

}

.burgundy { background-color: rgba(153, 61, 71, 1); }
.teal { background-color:rgba(28, 71, 96, 1); }
.sage { background-color:rgba(102, 123, 123, 1); }
.cream { background-color:rgba(231, 214, 172, 1); }
.rust { background-color:rgba(186, 102, 74, 1); }


.table-top {

    background-color:rgba(28, 71, 96, 1); 
    
}




.table-top th { 
    height:32px;
    line-height:32px;
    color:#FFF;
    text-align:center;
    border-right:1px dotted rgba(255,255,255,0.8);
}

.table-top th:first-child {
    border-top-left-radius: 28px;
}

.table-top th:last-child {
    border-top-right-radius: 28px;
}



img.tinymce { width:500px; }
.left-image  { float:left; padding:7px 10px 7px 0; width:340px !important; height:auto !important; }
.right-image { float:right; padding:7px 0 10px 7px; width:340px !important; height:auto !important; }

.table { display:table; }
.row { display:table-row; }
.column, .cell { display:table-cell; vertical-align:top; text-align:left;  }

.shadow { -moz-box-shadow: 0 0 3px 3px #222; -webkit-box-shadow: 0 0 3px 3px #222; box-shadow: 0 0 3px 3px #222; }

 #logout, #responder, #wrapper, #logo, div.center {

	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}


.apollo-form .column { padding:5px; }
.apollo-form .right { text-align: right; }
.apollo-form .row:nth-child(2n) .column { background:#FAFAFA; }
.apollo-form span.required { color:#933; }


#email-table { width:600px;  max-width:600px;  }

table.pretty-table {  border-collapse:collapse; }
table.pretty-table td { padding:6px; border:1px solid rgba(1,1,1,0.1);  vertical-align: top;}




#overlay{   
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #91ab51 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}