.ctext-outline {
    text-shadow:    0px 1px 0 #5f5f5f, 
                    1px 1px 0 #5f5f5f,
                    1px 0px 0 #5f5f5f,
                    0px -1px 0 #5f5f5f,
                    -1px -1px 0 #5f5f5f,
                    -1px 0px 0 #5f5f5f,
                    1px -1px 0 #5f5f5f,
                    -1px 1px 0 #5f5f5f;
}
.calign-right {
  float: right;
}

.cdisabled, .cdisabled:hover, .cdisabled:active  {
  border:1px solid rgb(100, 100, 100) !important;
  background-color: rgb(185, 185, 185) !important;
  color: rgb(150, 150, 150)!important;
  box-shadow: 0px 0px !important;
  outline: none !important;
  cursor: not-allowed;
}

.cbutton-rect {
  margin: 5px;
  padding: 5px;
  border-radius: 3px;
  border:1px solid #000;
  background-color: rgb(235, 235, 235);
  box-shadow: 1px 1px;
  outline: none;
}

.cbutton-rect:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(100, 100, 100);
}

.cbutton-rect:active {
  background-color: rgb(200, 200, 200);
  color: rgb(50, 50, 50);
  box-shadow: -1px -1px;
  outline: none;
}

/**/
.cbutton-rect-blend {
  background-color: rgb(150, 150, 150);
  border: 1px solid rgb(100, 100, 100);
  border-radius: 3px;
  color: rgb(225, 225, 225);
  box-shadow: inset 0px 0px 1px #fff;
  outline: none;
}
.cbutton-rect-blend:hover {
  background-color: rgb(175, 175, 175);
  border: 1px solid rgb(100, 100, 100);
  border-radius: 3px;
  color: rgb(235, 235, 235);
  box-shadow: inset 0px 0px 1px #fff;
}
.cbutton-rect-blend:active {
  background-color: rgb(125, 125, 125);
  border: 1px solid rgb(75, 75, 75);
  border-radius: 3px;
  color: rgb(200, 200, 200);
  box-shadow: 0px 0px 1px #fff;
}

/* blending */
.blend-white {
  background-color: rgb(255, 255, 255)!important;
  border: 1px solid rgb(215, 215, 215)!important;
  color: rgb(100, 100, 100)!important;
  box-shadow: inset 0px 0px 1px rgb(230, 230, 230)!important;
}
.blend-white:hover {
  background-color: rgb(245, 245, 245)!important;
  border: 1px solid rgb(200, 200, 200)!important;
  color: rgb(125, 125, 125)!important;
  box-shadow: inset 0px 0px 1px rgb(255, 255, 255)!important;
}
.blend-white:active {
  background-color: rgb(215, 215, 215)!important;
  border: 1px solid rgb(100, 100, 100)!important;
  color: rgb(75, 75, 75)!important;
  box-shadow: 0px 0px 1px rgb(100, 100, 100)!important;
}


/* inputs */
.cslider {
  outline:none;
  -webkit-appearance: none;
  background: transparent;
  height: 25px;
  width: 100%;
  
}

/* webkit */
.cslider::-webkit-slider-runnable-track {
 outline:none;
  -webkit-appearance: none;
  height: 9px;
  border-bottom: 1px solid rgb(200, 200, 200);
  box-shadow: 0px 1px rgb(150, 150, 150);
  background: transparent;

  width: 100%;
}
.cslider::-webkit-slider-thumb {
  
  -webkit-appearance: none;
  background-color: rgb(255, 255, 255);
  border-top: 1px solid rgb(225, 225, 225);
  border-bottom: 1px solid rgb(170, 170, 170);
  border-radius: 100%;
  box-shadow: 1px 1px 1px #000;
  width: 16px;
  height: 16px;
  cursor: pointer;
  top: 10px;
}

.cslider::-webkit-slider-thumb:hover {
  box-shadow: 1px 1px 3px #000;
}
.cslider::-webkit-slider-thumb:active {
  box-shadow: 0px 0px 2px #000;
}

/* internet explorer */
.cslider::-ms-track {
  border: 0px;
  border-width: 25px 25px transparent;
  background: transparent;
  color: transparent;
}

.cslider::-ms-thumb {
 width: 16px;
 height: 16px;
 border-top: 1px solid rgb(225, 225, 225);
 border-bottom: 1px solid rgb(225, 225, 225);
 border-left: 1px solid rgb(255, 255, 255);
 border-right: 1px solid rgb(255, 255, 255);
 border-radius: 100%;
 background-color: rgb(255, 255, 255);
 box-shadow: 1px 1px 1px #000;
 cursor: pointer;
}

.cslider::-ms-thumb:hover {
  box-shadow: 1px 1px 3px #000;
}
.cslider::-ms-thumb:active {
  box-shadow: 0px 0px 2px #000;
}

.cslider::-ms-fill-lower {
  height: 0px;
  border-bottom: 1px solid rgb(225, 225, 225);
  border-top: 1px solid rgb(170, 170, 170);
}

.cslider::-ms-fill-upper {
  height: 0px;
  border-bottom: 1px solid rgb(225, 225, 225);
  border-top: 1px solid rgb(170, 170, 170);
}


/* end range css */

.ccollapse-parent-text {
    padding: 7px;
    margin: 7px;
}
.ccollapse-parent:hover {
	background-color: rgb(255, 255, 255);
}

.ccollapse-parent {
    background-color: rgb(245, 245, 245);
    color: rgb(100, 100, 100);
    font-size: 14px;
    font-weight: bolder!important;
    cursor: pointer;
}
.ccollapse { 
    display: none;
}
.cmenu-body {
    margin: 5px;
    padding: 5px;
}

.cno-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none; 
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cdropdown {
    position: absolute;
    z-index: 100;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 5px;
    background-color: rgb(215, 215, 225);
}

.cshadowed {
	box-shadow: 1px 1px 1px #000;
}