div { 
    font-family: var(--custom_font);
} 

div[elname="recordcontainerwrapper"] { 
    border-bottom:   1px solid #eee; 
    box-sizing:   border-box;
    height:  100%;
    width: 100%;
} 

.record-container .scroll-fix { 
    border-bottom:  1px solid #eee; 
    height:  100%;
    padding-top: 20px;
} 

.view-outer-wrapper .reportfullwidth .record-container .scroll-fix { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
} 

.record-container { 
    -webkit-box-sizing:   border-box; 
    -moz-box-sizing:   border-box; 
    box-sizing:   border-box;
    clear:  both; 
    padding:  0;
    position:  relative;
} 

.summary-type-report .record-container-fix { 
    width: 100%!important;
} 

.record-container.record-container-fix { 
    padding: 0 15px;
} 

.view-outer-wrapper .reportfullwidth .record-container { 
    height: 100%;
} 

.reportfullwidth { 
    height:  -webkit-calc(100% /*\*/ /**/ - /*\*/ /**/ 94px); 
    height:  -moz-calc(100% /*\*/ /**/ - /*\*/ /**/ 94px); 
    height:  calc(100% /*\*/ /**/ - /*\*/ /**/ 94px);
    margin: 0;
} 

.view-outer-wrapper .reportfullwidth.zc-summary-report-live { 
    background: #f2f4f5;
} 

.view-outer-wrapper { 
    height: 100%; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

.zc-report-embed .content_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #fff;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 

body.zc-report-embed .content_wrapper { 
    position: inherit; 
    height: 100%;
} 

body { 
    color:   #000; 
    height:   100%;
    margin:  0; 
    padding:  0; 
    font-size:  14px; 
    font-weight:  normal; 
    line-height:  1.42857143; 
    background-color:  #fff;
    font-family: var(--custom_font);
} 

html { 
    height:   100%;
    min-height:  100%;
    font-family: var(--custom_font);
} 

:root { 
    --custom_font: Lato,sans-serif;
} 

.row { 
    margin-left: -15px; 
    margin-right: -15px;
} 

.summary-wrapper { 
    margin: 0;
} 

:before,:after { 
    -webkit-box-sizing:  border-box; 
    -moz-box-sizing:  border-box; 
    box-sizing:  border-box;
} 

.clearfix,.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after { 
    content: " "; 
    display: table;
} 

.clearfix:after,.container:after,.container-fluid:after,.row:after { 
    clear: both;
} 

:selection { 
    background-color: #cce2ff;
} 

:selection,body { 
    color: rgba(0,0,0,.87);
} 

.col-sm-6 { 
    position: relative; 
    min-height: 1px; 
    padding-left: 15px; 
    padding-right: 15px;
    
} 

@media (min-width: 768px){ 
  .col-sm-6 { 
    float:  left;
    width: 50%;
  } 
}     

@media (min-width: 480px){ 
  .col-sm-6 { 
    float:  left;
   
  } 
}     

.p0 { 
    padding: 3%;
     position: relative; 
   height: 50%; 
    width: 70%; 
    top: 3%;
    left: 0%
} 

div[class*="col-"] { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
} 

.record-summary { 
    border-color: #ededee;
} 

.summary-wrapper .record-summary  { 
    display:  block; 
    background:  white; 
    border:  1px solid #eaeaea; 
    padding:  0; 
    margin:  0 20px 20px 0; 
    font-size:  14px;
    border-color: #ededee;
} 

.record-summary  { 
    -webkit-box-shadow:  0 1px 1px rgba(0,0,0,.1); 
    -moz-box-shadow:  0 1px 1px rgba(0,0,0,.1); 
    box-shadow:  0 1px 1px rgba(0,0,0,.1); 
    border:  0; 
    cursor:  default;
    -webkit-transition:  box-shadow .2s ease-in-out,top .2s ease-in-out; 
    -moz-transition:  box-shadow .2s ease-in-out,top .2s ease-in-out; 
    transition:  box-shadow .2s ease-in-out,top .2s ease-in-out; 
    position:  relative; 
    padding:  10px; 
    box-sizing:  border-box; 
    -webkit-box-sizing:  border-box; 
    -moz-box-sizing:  border-box;

} 

.record-summary:hover  { 
    -webkit-box-shadow: 0 4px 20px 0 rgba(168,182,191,.6); 
    box-shadow: 0 4px 20px 0 rgba(168,182,191,.6); 
    -moz-box-shadow: 0 4px 20px 0 rgba(168,182,191,.6); 
    top: -4px;
} 

.record-field { 
    padding: 0; 
    min-height: 40px; 
    height: auto; 
    line-height: 40px; 
    border-bottom: 1px solid #f3f3f3; 
    margin: 0; 
    display: table; 
    table-layout: fixed; 
    width: 100%; 
    background: #fff;
} 

.record-summary .record-field  { 
    border-color: #ededee; 
    background-color: #f9fafa; 
    font-size: 14px;
} 

.summary-wrapper .record-summary .record-field  { 
    border-color: #ededee; 
    background-color: #f9fafa;
} 

.record-summary .record-field  { 
    background: #fff;
} 

.record-field:last-child { 
    border-bottom: none;
} 

.record-field .record-label-name  { 
    display: table-cell; 
    vertical-align: top; 
    text-align: left; 
    margin: 0; 
    padding: 10px 15px 10px 15px; 
    min-height: 40px; 
    float: none; 
    width: 50%; 
    background: white; 
    line-height: 21px; 
    height: auto; 
    white-space: normal; 
    word-break: break-word; 
    box-sizing: border-box;
} 

.record-summary .record-field .record-label-name  { 
    border-color: #ededee; 
    background-color: #f9fafa; 
    color: rgba(0,0,0,0.9);
} 

.summary-wrapper .record-summary .record-field .record-label-name  { 
    border-color: #ededee; 
    background-color: #f9fafa; 
    color: rgba(0,0,0,0.9);
} 

.record-summary .record-field .record-label-name  { 
    background: #fff; 
    text-align: left;
} 

.record-field .record-summary-data  { 
    display:  table-cell; 
    vertical-align:  top; 
    text-align:  left; 
    margin:  0; 
    float:  none; 
    width:  50%; 
    padding:  10px 15px 10px 15px; 
    min-height:  40px; 
    border-left:  1px solid #f3f3f3; 
    background:  white; 
    line-height:  normal; 
    height:  auto; 
    white-space:  normal; 
    word-break:  break-word; 
    word-wrap:  break-word; 
    box-sizing:  border-box;
    border: 0;
} 

.record-field .record-summary-data.zc-conditional-label  { 
    padding: 0;
} 

.record-summary .record-field .record-summary-data  { 
    border-color: #ededee; 
    color: rgba(0,0,0,0.9);
} 

.summary-wrapper .record-summary .record-field .record-summary-data  { 
    border-color: #ededee; 
    color: rgba(0,0,0,0.9);
} 

label { 
    font-family: var(--custom_font);
} 

.record-summary .record-field .record-label-name label  { 
    font-weight:  normal;
    font-size: 14px; 
    color: #000; 
    line-height: 21px;
} 

.record-field .record-summary-data label  { 
    white-space: pre-line; 
    display: inline;
} 

.record-field .record-summary-data.zc-conditional-label label  { 
    width: 100%;
} 

.record-summary .record-field .record-summary-data label  { 
    font-size: 14px; 
    color: #000; 
    line-height: 21px;
} 

.record-field .record-summary-data label > *  { 
    width: auto!important;
} 

.record-field .record-summary-data.zc-conditional-label .zc-conditionalformat  { 
    width: 100%!important; 
    min-height: 40px; 
    padding: 11px 15px 12px 15px; 
    box-sizing: border-box;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-L1fII.style-L1fII {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}  
#style-XdONd.style-XdONd {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}  
#style-nIrdA.style-nIrdA {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}
#style-BARso.style-BARso {
    display: table;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}
/*This datalist for Inactive*/
#style-BAR.style-BAR {
    display: table;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #000000;
    background-color: #f33535;
}

#style-itRLL.style-itRLL {
    display: table;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}  
#style-fTe1Q.style-fTe1Q {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}  
#style-fY43G.style-fY43G {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}  
#style-tHwFJ.style-tHwFJ {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}  
#style-dOdpf.style-dOdpf {  
    display:table;  
   width:100%;  
   height:100%;  
   font-weight:bold;  
   color:#000000;  
   background-color:#ffffff;  
}