/*VARIABLE-LAYOUT*/
div.var-container
{
  background:           #FFF;
  margin:               0;
  padding:              0;
  border:               2px solid #CCC;
  border-radius:          3px;
  -webkit-border-radius:    3px;
}
div.var-heading
{
  margin:       0;
  padding:      0;
  border-bottom:      1px solid #CCC;
}
div.var-heading>h2
{
  margin:           0;
  padding:          0;
  height:           30px;
  line-height:        30px;
  padding-left:       10px;
  padding-right:      10px;
  font-size:            14px;
  font-weight:          600;
  background-color:     #f1f1f1;
  white-space:        nowrap;
  overflow-x:           hidden;
}
div.text-input-ctr , div.combo-input-ctr
{
  padding:    0;
  margin:     0;
}
.text-edit , .combo-edit
{
  border-radius:          0px !important;
  -webkit-border-radius:  0px !important;
  border:                 1px solid transparent;
  padding-left:           10px !important;
  padding-right:          10px !important;
}
.combo-edit
{
  cursor:           pointer !important;
}
.var-disabled-label
{
  display:          block;
  height:           30px;
  line-height:        30px;
  padding-left:       10px !important;
  padding-right:      10px !important;
  color:            #444;
  background-color:   #EEE;
  width:            100%;
  cursor:           default;
}
.disabled-combo
{
  cursor:       default !important
}
div.checkbox-var
{
  margin:               0;
  padding:              0;
  height:               30px;
  line-height:          28px;
  padding-left:         3px;
  padding-right:        10px;
  padding-top:          3px;
  font-size:            14px;
  font-weight:          600;
  background-color:     #f1f1f1;
  white-space:          nowrap;
  cursor:               pointer;
  border:               none;
  border:               2px solid #CCC;
  border-radius:        3px;
  -webkit-border-radius:3px;
}
input.custom-check
{
  display:      none;
}
.check-title
{
  display:      inline-block;
  padding:      0;
  margin:       0;
  padding-left: 18px;
  margin-top:   -4px;
  overflow-x:   auto !important;
}
@media screen and (max-width: 450px)
{
    .check-title
    {
      padding-left: 12px !important;
    }  
}

.checking-box
{
  height:           20px;
  width:            20px;
  padding:          0;
  margin:           0;
  float:                left;
  text-align:           center;
  font-size:            16px;
  line-height:            16px;
  background-color:       #CCC;
  border:               2px solid #666;
  border-radius:          2px;
  -webkit-border-radius:    2px;
}
.box-checked
{
  border:           2px solid #367FA9;
  background-color:   #3C8DBC;
  color:            #FFF;
}
.disabled-check
{
  cursor:       default !important;
}
.disabled-checking-box
{
  height:             20px;
  width:              20px;
  padding:            0;
  margin:             0;
  float:              left;
  text-align:         center;
  font-size:          16px;
  line-height:          16px;
  background-color:     #EEE;
  border:             2px solid #CCC;
  border-radius:        2px;
  -webkit-border-radius:2px;
  cursor:             not-allowed !important;
  color:              #555 !important;
}
.var-spacer
{
  padding:      0;
  margin:       30px;
  display:      block;
  height:       30px;
  border:       none;
  visibility:   hidden;
}

/*SPECIALIZED ERROR NOTICE - TO BE FULLY TESTED*/
.popOut-error
{
  background:#db0909;
  color:#FFF;
  position:absolute;
  top:-28px;
  right:30px;
  opacity:.88;
  padding:2px 4px;
  border-radius:3px;
  min-width:60px;
  height:20px;
  text-align:center;
  line-height:17px;
}
.trianglePointer
{
  width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 10px 0 10px;
    border-color: #db0909 transparent transparent transparent;
    position: relative;
    bottom: -1px;
    margin-left:auto;
    margin-right:auto;
}
/*SPECIALIZED ERROR NOTICE - TO BE FULLY TESTED*/

/*VARIABLE-LAYOUT-END*/