.Blue_Light {
  background: #2980B9;
}
.Red_Light {
  background: #E36159;
}
.Orange {
  background: #E78140;
}
.Cyan {
  background: #2BAAB1;
}
.Purple {
  background: #734BA9;
}
.Navy {
  background: #4A5B7D;
}
.Green_Light {
  background: #27AE60;
}
.Blue {
  background: #2980B9;
}
.Dark {
  background: #535353;
}
.Pink {
  background: #CF5CB5;
}

.backgrounds a#bg1 {
    background-image: url(../../../images/modern/css/background/bg1.png);
}

.backgrounds a#bg2 {
    background-image: url(../../../images/modern/css/background/bg2.png);
}

.backgrounds a#bg3 {
    background-image: url(../../../images/modern/css/background/bg3.png);
}

.backgrounds a#bg4 {
    background-image: url(../../../images/modern/css/background/bg4.png);
}

.backgrounds a#bg5 {
    background-image: url(../../../images/modern/css/background/bg5.png);
}

.backgrounds a#bg6 {
    background-image: url(../../../images/modern/css/background/bg6.png);
}

.backgrounds a#bg7 {
    background-image: url(../../../images/modern/css/background/bg7.png);
}

.backgrounds a#bg8 {
    background-image: url(../../../images/modern/css/background/bg8.png);
}

.backgrounds a#bg9 {
    background-image: url(../../../images/modern/css/background/bg9.png);
}

.backgrounds a#bg10 {
    background-image: url(../../../images/modern/css/background/bg10.png);
}

.background-header a#bg11 {
    background-image: url(../../../images/modern/css/background/bg11.png);
}

.background-header a#bg12{
    background-image: url(../../../images/modern/css/background/bg12.png);
}

.background-header a#bg13 {
    background-image: url(../../../images/modern/css/background/bg13.png);
}

.background-header a#bg14 {
    background-image: url(../../../images/modern/css/background/bg14.png);
}

.background-header a#bg15 {
    background-image: url(../../../images/modern/css/background/bg15.png);
}

.backgrounds-images a#bg16 {
    background-image: url(../../../images/modern/css/background/bg16.jpg);
}

.backgrounds-images a#bg17 {
    background-image: url(../../../images/modern/css/background/bg17.jpg); 
}

.backgrounds-images a#bg18 {
    background-image: url(../../../images/modern/css/background/bg18.jpg); 
}

.backgrounds-images a#bg19 {
    background-image: url(../../../images/modern/css/background/bg19.jpg);
}

.backgrounds-images a#bg20 {
    background-image: url(../../../images/modern/css/background/bg20.jpg);
}

.probg {
padding: 10px 20px;
border: 3px solid rgba(232, 232, 232, 0.33);
border-radius: 2px;
width:70%;
}

.color-picker{
  position: fixed;
  left: -239px;
  top: 220px;
  width: 239px;
  background: #e6e6e6;
  z-index: 300;
}

.color-picker-menu {
	width: 100%;
}

.options-settings {
  position: fixed;
  top: 265px;
  width: 239px;
  background: #e6e6e6;
  left: -239px;
  z-index: 300;
}

.color-picker a.handle{
  position: absolute;
  top: 0;
  left: 239px;
  width: 40px;
  height: 40px;
  text-align:center;
  background:#2A2A2A;
  z-index:500;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.options-settings a.options-button {
  position: absolute;
  top: 0;
  left: 239px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 40px;
  height: 40px;
  text-align:center;
  background:#2A2A2A;
  z-index:500;
}

.color-picker a.handle i, .options-settings a.options-button i {
  color:white;
  font-size:20px;
  line-height: 40px;
}

.color-picker .settings-header, .options-settings .settings-header {
  background: #3c3c3c;
  height: 40px;
  padding: 21px 34px 0 34px;
}

.color-picker .settings-header h3, .options-settings .settings-header h3 {
  color: #fff;
  font-size: 15px;
  line-height: 0;
  margin: 0px;
  padding: 0;
  padding-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.color-picker .section, .options-settings .section {
  padding: 5px 30px;
  border-bottom: 2px solid #cccccc;
  overflow:hidden;
}

.color-picker-menu .section {
  padding: 15px 20px;
  overflow:hidden;
}

.options-settings .section .form-group {
    margin-bottom: 8px;
}

.cBox.cBox-inline {
    display: inline-block;
}

.color-picker .section h4, .options-settings .section h4 {
  font-size: 16px;
  text-transform: none;
  color: #3c3c3c;
  line-height: 16px;
  padding: 0 0 0 0px;
  text-align:left;
}

.color-picker .section i, .options-settings .section i  {
  font-size: 16px; 
  margin-right:5px; 
}

.color-picker span, .options-settings span {
  font-size: 13px;
  color: #9a9a9a;
}

.color-picker .colors a, .color-picker-menu .colors a {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right:5px;
  float: left;
  border:2px #BEBEBE solid;
  cursor: pointer;
}

.color-picker .colors a.active, .color-picker-menu .colors a.active {
  border: 2px solid #777;
}

.options-settings .option a {
  display: block;
  width: 80px;
  height: 30px;
  float: left;
  border: 1px solid #BEBEBE;
  margin: 10px 0px 10px 5px;
  background-color: #fff;
  line-height: 2;
  text-align: center;
}

.options-settings .option a.active {
  border: 2px solid #BEBEBE;
}

.options-settings .checkbox input[type="checkbox"] {
  margin-left: 0px;
}