.datagrid_holder {
    width:50%;
     float: left;
}

.datagrid_holder_full {
    width:100%;
     float: left;
    margin-bottom: 30px;
}

.datagrid_holder h2, .datagrid_holder_full h2 {
    position: relative;
    display: inline-block;
    margin: 10px 0 0 10px;
    padding-top: 5px;
     font-family: 'HelveticaLTStd-Bold';
    font-weight: normal;
        font-size: 1em !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,1c1c1c+100 */
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(28,28,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
    border-radius:  10px 10px 0px 0px;
    height: 38px;
}
.datagrid_table_holder {
    background-color: #FFF;
    margin-left: 10px;
    margin-right:5px;
    border: 1px solid #808080; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px;
}
.action_icons{
    vertical-align: middle!important;
}
.action_icons img{
      float: left;
}
.action_icons div{
  float: left;
}
.datagrid {
    position: relative;
margin:10px;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid { font-family: 'HelveticaLTStd-Light' !important; font-size:1em !important; background: #fff; overflow: hidden; border: 1px solid #B4B4B4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}

.datagrid table td, .datagrid table th { padding: 4px 10px; }

.datagrid table tbody td { color: #191919; border-left: 1px solid #C1CCD1; font-weight: normal; }

.datagrid table tbody .alt td { background: #F0F0F0; color: #191919; }
.datagrid table tbody td:first-child { border-left: none; }

.datagrid table tbody td:first-child { background: #FF0000; color: #FFF; border-bottom:1px solid #FFF ; font-family: 'HelveticaLTStd-Bold'; width: 120px !important;}
.datagrid table tbody tr:last-child td { border-bottom: none; }


.attachments {
       position: relative;
margin:10px;
    background-color: #FFF;
    margin-left: 10px;
    margin-right:5px;
}
.attachments table { border-collapse: collapse; background-color:#F0F0F0; border-top: 2px solid #484848;text-align: center;} 
.attachments { font-family: 'HelveticaLTStd-Light' !important; font-size:.8em !important; background: #fff; overflow: hidden;}

.attachments table td { padding: 5px; margin: 0}
.attachments .icons table tbody td { color: #000; width:70px !important; text-align: center; height: 60px;}
.attachments .desc table tbody td { color: #000; font-weight: normal;   text-align: center; height: 15px; }

.attachments h2 {  position: relative;
    display: inline-block;
    color: #FFF;
    padding: 10px 10px 0px 10px;
    margin:20px 0px 0px 0px;
    font-family: 'HelveticaLTStd-Bold';
    font-weight: normal;
    font-size: 1em !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,1c1c1c+100 */
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(28,28,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
    border-radius:  10px 10px 0px 0px;
    height: 32px;
 } 
a.view_list {
    background: url("/images/icons/View_Grey.svg");
    background-position: left;
    background-repeat: no-repeat;
    color:#B2B2B2!important;
    width: 125px;
    height:35px;
    padding-left: 20px;
}
a.view_list:hover {
    background: url("/images/icons/View_Red.svg");
    background-repeat: no-repeat;
    color:#FF0000!important;
}
a.action_list {
    background: url("/images/icons/Action_Grey.svg");
    background-position: left;
    background-repeat: no-repeat;
    color:#B2B2B2!important;
    width: 125px;
    height:35px;
    padding-left: 22px;
}
a.action_list:hover {
    background: url("/images/icons/Action_Red.svg");
    background-repeat: no-repeat;
    color:#FF0000!important;
}
a.archive_list {
    background: url("/images/icons/Archive_Grey.svg");
    background-position: left;
    background-repeat: no-repeat;
    color:#B2B2B2!important;
    width: 135px;
    height:35px;
    padding-left: 20px;
}
a.archive_list:hover {
    background: url("/images/icons/Archive_Red.svg");
    background-repeat: no-repeat;
    color:#FF0000!important;
}