/* 
    Created on : Sep 29, 2015, 10:00:19 AM
    Author     : sking
*/
.mfx-block-diagram {
  height: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 0.9em;
}
@media only screen and (max-width: 601px) {
  .mfx-block-diagram {
    font-size: 0.8em;
  }
}
.mfx-block-diagram .block {
  float: left;
  height: 16%;
  text-align: center;
  font-weight: bold;
}
.mfx-block-diagram .rall {
  -moz-border-radius: 8px;
  /* FF1+ */
  -webkit-border-radius: 8px;
  /* Saf3-4 */
  border-radius: 8px;
}
.mfx-block-diagram .rtop {
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}
.mfx-block-diagram .rbot {
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mfx-block-diagram .label,
.mfx-block-diagram .label2 {
  float: left;
  clear: left;
  width: 16%;
  /*   border-right: 2px dotted #333333;*/
  height: 16%;
  text-align: center;
  font-style: italic;
  background-color: #ffffff;
}
.mfx-block-diagram .labelsep {
  float: left;
  width: 3%;
  border-right: 2px solid #aaaaaa;
  border-top: 2px solid #aaaaaa;
  border-bottom: 2px solid #aaaaaa;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  height: 16%;
  text-align: center;
  background-color: #ffffff;
  margin-right: 1%;
}
.mfx-block-diagram .block span,
.mfx-block-diagram .label span,
.mfx-block-diagram span {
  /*      position: relative;
            transform: translateY(-50%);     
            top: 30%;
      
            
            
            @media only screen and (max-width: @media-small-width)  {
               top: 10%;
            }*/
  position: relative;
  top: 30%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*      background-color: #eeeeee;*/
}
.mfx-block-diagram .v2 span {
  top: 10%;
}
.mfx-block-diagram .label2 span {
  /*      top: 10%;
            transform: translateY(-50%);   */
  position: relative;
  top: 10%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mfx-block-diagram .nl {
  clear: left;
}
.mfx-block-diagram .tsep {
  border-top: 2px solid #ffffff;
}
.mfx-block-diagram .lsep {
  border-left: 2px solid #ffffff;
}
.mfx-block-diagram .rsep {
  border-right: 2px solid #ffffff;
}
.mfx-block-diagram .bsep {
  border-bottom: 2px solid #ffffff;
}
.mfx-block-diagram .w100 {
  width: 80%;
}
.mfx-block-diagram .w90 {
  width: 72%;
}
.mfx-block-diagram .w80 {
  width: 64%;
}
.mfx-block-diagram .w75 {
  width: 60%;
}
.mfx-block-diagram .w70 {
  width: 56%;
}
.mfx-block-diagram .w60 {
  width: 48%;
}
.mfx-block-diagram .w50 {
  width: 40%;
}
.mfx-block-diagram .w40 {
  width: 32%;
}
.mfx-block-diagram .w33 {
  width: 27%;
}
.mfx-block-diagram .w33m {
  width: 26%;
}
.mfx-block-diagram .w25 {
  width: 20%;
}
.mfx-block-diagram .w30 {
  width: 24%;
}
.mfx-block-diagram .w20 {
  width: 16%;
}
.mfx-block-diagram .w10 {
  width: 8%;
}
.mfx-block-diagram .h10 {
  height: 16%;
}
.mfx-block-diagram .h20 {
  height: 32%;
}
.mfx-block-diagram .hsep {
  clear: left;
  float: left;
  width: 100%;
  height: 8px;
  background-color: #ffffff;
}
.mfx-block-diagram-r5 {
  height: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 0.9em;
}
@media only screen and (max-width: 601px) {
  .mfx-block-diagram-r5 {
    font-size: 0.8em;
  }
}
.mfx-block-diagram-r5 .block {
  float: left;
  height: 16%;
  text-align: center;
  font-weight: bold;
}
.mfx-block-diagram-r5 .rall {
  -moz-border-radius: 8px;
  /* FF1+ */
  -webkit-border-radius: 8px;
  /* Saf3-4 */
  border-radius: 8px;
}
.mfx-block-diagram-r5 .rtop {
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}
.mfx-block-diagram-r5 .rbot {
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mfx-block-diagram-r5 .label,
.mfx-block-diagram-r5 .label2 {
  float: left;
  clear: left;
  width: 16%;
  /*   border-right: 2px dotted #333333;*/
  height: 16%;
  text-align: center;
  font-style: italic;
  background-color: #ffffff;
}
.mfx-block-diagram-r5 .labelsep {
  float: left;
  width: 3%;
  border-right: 2px solid #aaaaaa;
  border-top: 2px solid #aaaaaa;
  border-bottom: 2px solid #aaaaaa;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  height: 16%;
  text-align: center;
  background-color: #ffffff;
  margin-right: 1%;
}
.mfx-block-diagram-r5 .block span,
.mfx-block-diagram-r5 .label span,
.mfx-block-diagram-r5 span {
  /*      position: relative;
            transform: translateY(-50%);     
            top: 30%;
      
            
            
            @media only screen and (max-width: @media-small-width)  {
               top: 10%;
            }*/
  position: relative;
  top: 30%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*      background-color: #eeeeee;*/
}
.mfx-block-diagram-r5 .v2 span {
  top: 10%;
}
.mfx-block-diagram-r5 .label2 span {
  /*      top: 10%;
            transform: translateY(-50%);   */
  position: relative;
  top: 10%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mfx-block-diagram-r5 .nl {
  clear: left;
}
.mfx-block-diagram-r5 .tsep {
  border-top: 2px solid #ffffff;
}
.mfx-block-diagram-r5 .lsep {
  border-left: 2px solid #ffffff;
}
.mfx-block-diagram-r5 .rsep {
  border-right: 2px solid #ffffff;
}
.mfx-block-diagram-r5 .bsep {
  border-bottom: 2px solid #ffffff;
}
.mfx-block-diagram-r5 .w100 {
  width: 80%;
}
.mfx-block-diagram-r5 .w90 {
  width: 72%;
}
.mfx-block-diagram-r5 .w80 {
  width: 64%;
}
.mfx-block-diagram-r5 .w75 {
  width: 60%;
}
.mfx-block-diagram-r5 .w70 {
  width: 56%;
}
.mfx-block-diagram-r5 .w60 {
  width: 48%;
}
.mfx-block-diagram-r5 .w50 {
  width: 40%;
}
.mfx-block-diagram-r5 .w40 {
  width: 32%;
}
.mfx-block-diagram-r5 .w33 {
  width: 27%;
}
.mfx-block-diagram-r5 .w33m {
  width: 26%;
}
.mfx-block-diagram-r5 .w25 {
  width: 20%;
}
.mfx-block-diagram-r5 .w30 {
  width: 24%;
}
.mfx-block-diagram-r5 .w20 {
  width: 16%;
}
.mfx-block-diagram-r5 .w10 {
  width: 8%;
}
.mfx-block-diagram-r5 .h10 {
  height: 16%;
}
.mfx-block-diagram-r5 .h20 {
  height: 32%;
}
.mfx-block-diagram-r5 .hsep {
  clear: left;
  float: left;
  width: 100%;
  height: 8px;
  background-color: #ffffff;
}
/** Diagram with 4 rows **/
.mfx-block-diagram-r4 {
  height: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 0.9em;
}
@media only screen and (max-width: 601px) {
  .mfx-block-diagram-r4 {
    font-size: 0.8em;
  }
}
.mfx-block-diagram-r4 .block {
  float: left;
  height: 20%;
  text-align: center;
  font-weight: bold;
}
.mfx-block-diagram-r4 .rall {
  -moz-border-radius: 8px;
  /* FF1+ */
  -webkit-border-radius: 8px;
  /* Saf3-4 */
  border-radius: 8px;
}
.mfx-block-diagram-r4 .rtop {
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
}
.mfx-block-diagram-r4 .rbot {
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mfx-block-diagram-r4 .label,
.mfx-block-diagram-r4 .label2 {
  float: left;
  clear: left;
  width: 16%;
  /*   border-right: 2px dotted #333333;*/
  height: 20%;
  text-align: center;
  font-style: italic;
  background-color: #ffffff;
}
.mfx-block-diagram-r4 .labelsep {
  float: left;
  width: 3%;
  border-right: 2px solid #aaaaaa;
  border-top: 2px solid #aaaaaa;
  border-bottom: 2px solid #aaaaaa;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  height: 20%;
  text-align: center;
  background-color: #ffffff;
  margin-right: 1%;
}
.mfx-block-diagram-r4 .block span,
.mfx-block-diagram-r4 .label span,
.mfx-block-diagram-r4 span {
  /*      position: relative;
            transform: translateY(-50%);     
            top: 30%;
      
            
            
            @media only screen and (max-width: @media-small-width)  {
               top: 10%;
            }*/
  position: relative;
  top: 30%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*      background-color: #eeeeee;*/
}
.mfx-block-diagram-r4 .v2 span {
  top: 10%;
}
.mfx-block-diagram-r4 .label2 span {
  /*      top: 10%;
            transform: translateY(-50%);   */
  position: relative;
  top: 10%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mfx-block-diagram-r4 .nl {
  clear: left;
}
.mfx-block-diagram-r4 .tsep {
  border-top: 2px solid #ffffff;
}
.mfx-block-diagram-r4 .lsep {
  border-left: 2px solid #ffffff;
}
.mfx-block-diagram-r4 .rsep {
  border-right: 2px solid #ffffff;
}
.mfx-block-diagram-r4 .bsep {
  border-bottom: 2px solid #ffffff;
}
.mfx-block-diagram-r4 .w100 {
  width: 80%;
}
.mfx-block-diagram-r4 .w90 {
  width: 72%;
}
.mfx-block-diagram-r4 .w80 {
  width: 64%;
}
.mfx-block-diagram-r4 .w75 {
  width: 60%;
}
.mfx-block-diagram-r4 .w70 {
  width: 56%;
}
.mfx-block-diagram-r4 .w60 {
  width: 48%;
}
.mfx-block-diagram-r4 .w50 {
  width: 40%;
}
.mfx-block-diagram-r4 .w40 {
  width: 32%;
}
.mfx-block-diagram-r4 .w33 {
  width: 27%;
}
.mfx-block-diagram-r4 .w33m {
  width: 26%;
}
.mfx-block-diagram-r4 .w25 {
  width: 20%;
}
.mfx-block-diagram-r4 .w30 {
  width: 24%;
}
.mfx-block-diagram-r4 .w20 {
  width: 16%;
}
.mfx-block-diagram-r4 .w10 {
  width: 8%;
}
.mfx-block-diagram-r4 .h10 {
  height: 20%;
}
.mfx-block-diagram-r4 .h20 {
  height: 40%;
}
.mfx-block-diagram-r4 .hsep {
  clear: left;
  float: left;
  width: 100%;
  height: 8px;
  background-color: #ffffff;
}
/*.mfx-block-diagram .vsep
{
   float: left; 
   width: 2px; 
   background-color: #ffffff;
}*/