

body {
}

/*General*/
.invisible
{
    display:none;
}

.page-view-chart
{
    padding: 0px;
    width: 68%;
    float: left;
    padding: 0px;
    overflow: hidden !important
}

.chartViewerFrame {
    height: calc(100vh - 57px) !important;
    width: 100% !important;
    border: 0;
}

.page-view-coding
{
    width:482px !important;
    float:left;
     overflow: hidden !important;
}
.route-chart
{

}

.divCodingContainer
{
    float:left;
}

.MeasureContainer
{
    float:left;
    /*margin-top:10px;*/
    width:100%;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    border-bottom: 1px solid #A0A0A0;
    border-top: 1px solid #A0A0A0;
}

.MeasureContainerHeight
{
    height: calc(100vh - 260px) !important;
}
.CustomMeasureContainerHeight
{
    height: calc(100vh - 280px) !important;
}

.div-coding-header-container
{
     float:left;
     width:auto;
     height: auto;
     overflow: hidden;
     padding:5px 10px 5px 10px;
}


.codingMainContent
{
    
}

.divSplitter
{
    height: calc(100vh - 60px) !important;
    overflow:hidden !important;
    border: none !important;
}

.divSplitter .k-splitbar {
    width: 0px;
    border-width: 0;

}

.codingMainButtonsContainer
{
    float:left;
    width:100%;
    text-align: center;
}

.button-med a
{
    width:90px;
    margin: 0 5px 0 0;
}

.button-lrg button
{
    width:100px;
    margin: 0 5px 0 0;
}

.divCenterNested
{
    padding:10px;
    width:auto;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
    display: inline-block;
}


.screeningHeader
{
    color: Black;
    border: solid 1px #a0a0a0;
    background-image: url(../img/icons/BtnBackground.gif);
    background-repeat: repeat-x;
    text-align: left;
    height: 20px;
    line-height: 10px;
    margin: 0px 0px 0px 0px;
    clear:both;
    vertical-align:middle !Important;
}

.measureHeaderLabels
{
    font-size: 13px;
    font-weight:bold;
    float:left;
    margin: 5px 0px 0px 0px;
    padding-left: 10px;
}

.spanStatus
{
    float: right;
    margin-top: 0px;
}


.complete-item
{
    background-color:#E0F8EC;
}

.coding-highlight
{
    background-color: #FFFF00 !important;
}

/*.codingMainContent label
{
     font-size: 25px;
    font-weight: bold !important;
}*/


/*Global*/
.coding-main-fieldset
{
   /*clear:both;*/
   margin: 10px; 
}

.coding-sub-fieldset
{
   /*clear:both;*/
   /*margin: 5px;*/ 
}

 /*label.codinglabelright
 {
     text-align:right;
     width:auto;
     height:17px;
 }


  label.codinglabelleft
 {
     text-align:left;
     width:auto;
     height:17px;
 }*/

  /*.coding-label-filter
  {
     width:auto;
     height:17px;
  }*/



 .div-coding-image img
  {
      border: 0;
      display: block;
      margin: auto auto;
      
  }

 .div-coding-image label
  {
     float:none;
     text-align:center;
     width:auto;
     display: block;
     margin: auto auto;
      
  }

 .div-coding-image
  {
      width:auto;
      float:left;
  }

.div-right
{
    width:auto;
    float:right;
}

.div-left
{
    width:auto;
    float:left;
    padding-right: 8px;
}

.divMeasure,
.MeasureContainer
{
    width:100%;

}

.container
{
    width:auto;
    padding:7px;
}

.div-coding-control,
.div-coding-control-inline,
.div-coding-control-inline-row
{
   display:inline-block;
   float:left;
}

.div-coding-control-inline-row
{
    margin-top: 5px;
}

.div-coding-control  label
{
    width:auto;
    text-align:left;
    display:block;
    float:none;

}

.div-coding-control-inline label,
.div-coding-control-inline-row label
{
    width:auto;
    text-align:right;
    display:inline-block;
    float:none;
    padding-right: 3px;

}

.div-coding-control .divLabelForControl1  
{
    display:block;
}

.div-coding-control .widget-label-filter2,
.div-coding-control-inline .widget-label-filter2,
.div-coding-control-inline-row .widget-label-filter2
{
    float:right;
}

/*.div-coding-control .widget-label-filter2 label,
.div-coding-control-inline .widget-label-filter2 label,
.div-coding-control-inline-row .widget-label-filter2 label
{
    height:auto !important;
}*/



.div-coding-control  .k-datepicker,
.div-coding-control-inline  .k-datepicker,
.div-coding-control-inline-row .k-datepicker
{
  width: 100px;
}


.divMeasure label,
.coding-label,
.coding-label-red
{
    height:17px;
    margin:5px 0px 0px 0px;
}

.coding-label-red
{
   color:red;
}

.div-coding-input-sm input
{
    width: 50px;
    padding: 0px 5px 0px 5px;
}

.div-coding-input-sm-2 input
{
    width: 80px;
    padding: 0px 5px 0px 5px;    
}

.div-coding-input-med input
{
    width: 100px;
    padding: 0px 5px 0px 5px;    
}

.div-coding-input-med-2 input
{
    width: 200px;
    padding: 0px 5px 0px 5px;    
}

.div-coding-input-xlrg-3 input
{
    width: 300px;
    padding: 0px 5px 0px 5px;    
}

.div-coding-dropdown-xlrg-3 .k-dropdown,
.div-coding-dropdown-xlrg-3 .k-multiselect
{
    width: 300px;
}

.div-coding-dropdown-xlrg-2 .k-dropdown,
.div-coding-dropdown-xlrg-2 .k-multiselect
{
    width: 415px;
}

/*.div-coding-dropdown-xlrg-3 .k-multiselect .k-button
.div-coding-dropdown-xlrg-2 .k-multiselect .k-button
{
 width: auto !important;
}*/

.div-coding-dropdown-xlrg .k-dropdown,
.div-coding-dropdown-xlrg .k-multiselect
{
    width: 240px;
}

.div-coding-dropdown-lrg .k-dropdown,
.div-coding-dropdown-lrg .k-multiselect
{
    width: 150px;
}


.div-coding-dropdown-med .k-dropdown,
.div-coding-dropdown-med .k-multiselect
{
    width: 100px;
}

.div-coding-dropdown-sm .k-dropdown,
.div-coding-dropdown-sm .k-multiselect
{
    width: 50px;
}

/*.coding-label label
{

    height:17px;
    margin:5px 0px 0px 0px;
}*/

.div-coding-row
{
    width: 100%;
    float: left;
}

.div-mrp label,
.div-ppc label
{
    min-width: 140px;
}

.div-coding-fieldset 
{
   padding-top:5px;
}

/*.div-coding-button-complete,
.div-coding-button-overread,
.div-coding-button-overreadqa
{
    padding-top:10px;
}*/


/*.div-coding-label
{
    float:left;
    height:inherit;
}*/

.div-coding-checkbox .widget-checkbox
{
    float:left;
    margin: 8px 2px 0px 0px !important;
}

.div-coding-checkbox 
{
   display:inline-block;
   float:left;
}

.div-coding-height
{
    margin-left:auto;
    margin-right:auto;
}

legend
{
    font-size:13px;
    color:blue;
    margin:0px;
    border: none;
    width:auto;
    padding:0px 5px 0px 5px;
}

.div-coding-exclusion-note textarea,
.div-coding-generic-note textarea
{
    width:415px;
    height:100px;
}

.div-coding-abstractor-note textarea
{
    width:700px;
    height:100px;
}

.div-coding-overread-note textarea,
.div-coding-reject-note textarea
{
    width:400px;
    height:100px;
    float: left;
}

.div-coding-block
{
    width:50%;
    float:left;
}

.div-coding-label-block
{
    margin-top:20px;
}

.div-coding-label-block-2
{
    margin-top:5px;
}

.div-coding-label-block label
{
    font-weight:bold;
}

.exclusion-info label
{
    font-style:italic;
    color:red;
}


.exclusion-review label
{

}

#grdExclusionManager .k-grid-content,
#grdAbstractorNotes .k-grid-content {
    height: 150px !important;
    float:left;
}

/*#grdExclusionManager .k-grid,{
     width: 300px !important;
}*/

.codingGrid,
.codingGridLrg
{
    margin-top: 10px;
    float: left;  
    font-family: Calibri, sans-serif;
    font-size: 12px;
    font-weight: 400;

}

.codingGrid .k-grid-content {
    height: 150px !important;
    
}

.codingGridLrg .k-grid-content {
    height: 250px !important;
    
}
.codingGrid .k-grid,
.codingGridLrg .k-grid{
    width: 420px !important;
}


.exclusionManagerDialog
 {
    width: 1000px;
}

.codingRejectDialog
{
    width: 400px;
}

.codingAbstractorNotesDialog {
    width: 750px;
}

.codingAbstractorNotesDialog label{
    height: 17px;
}



.codingHR 
{
    float:left; 
    width:96%; 
    margin:10px 2% 10px 2%;
}


.codingGridImage
{
    border:none;
    cursor:pointer;
    display: block;
    margin: auto;
    width: 13px;
}



.codingAdmin
{
    color: Red !important;
}

/*.codingDeleteImg
{
    border: none !important;
    background-image: url(../img/icons/delete.png) !important;
    background-repeat:no-repeat !important; 
    height:20px;
    background-color:transparent !important;
    width:auto;
    min-width: 20px !important;
}*/

/*.coding-grid-image
{
    width: 25px !important;
}*/

.codingDeleteImg .k-i-close
{
    display:none !important;
}

.codingValidationImg
{
    background-color:transparent !important;
}

.deleteCol
{
    width:25px;
}

.W34label2
{
    font-style:italic;
    color:red;
}

.invalidDate input[type="text"]
{
    background-color:#F5E099!important;
}


.div-coding-custom-label
{
    width:100%; 
    text-align:center;
    float:left;
}

.div-coding-custom-label label
{
   float:none; 
   /*margin-top:5px;*/
   font-size:13px; 
   color:Red;
   height: 17px;
}

.grdCompliantValue{
     color: #04B404 !important;
     font-weight: bold;
} 

.exclusion-measures
{
    color:red;
}


.divControlsCDCRDEE,
.divControlsCDCNP
{
    float: left;
}

.spn-coding
{
    float:right;
}

.CorrespondenceToolTip {
  position: relative;
}

.CorrespondenceToolTip .k-tooltip {
  visibility: hidden;
  bottom: 20px; 
  position: absolute;
  z-index: 1;
}

.CorrespondenceToolTip:hover .k-tooltip {
  visibility: visible;
}


.coding-spinner-blocker {
    z-index: 10001;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    width: 465px;
}

/*.k-animation-container
{
     z-index: 99999 !important;

}*/

