.menu-w ul.main-menu > li.sub-header{
    color: #6d6d6d;
   }
   .active{
    background-color: black!important "important";
   }

     .flexigrid    .btn-primary {
    background-color: #423E37;
    background-color: #423E37;
    background-image: -ms-linear-gradient(top, #423E37, #423E37);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#423E37), to(#423E37));
    background-image: -webkit-linear-gradient(top, #423E37, #423E37);
    background-image: -o-linear-gradient(top, #423E37, #423E37);
    background-image: -moz-linear-gradient(top, #423E37, #423E37);
    background-image: linear-gradient(top, #423E37, #423E37);
    background-repeat: repeat-x;
    border-color: #423E37 #423E37 #423E37;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#423E37', endColorstr='#423E37', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
        .btn-primary {
    background-color: #423E37 !important;
    background-color: #423E37 !important;
    background-image: -ms-linear-gradient(top, #423E37, #423E37) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#423E37), to(#423E37)) !important;
    background-image: -webkit-linear-gradient(top, #423E37, #423E37) !important;
    background-image: -o-linear-gradient(top, #423E37, #423E37) !important;
    background-image: -moz-linear-gradient(top, #423E37, #423E37) !important;
    background-image: linear-gradient(top, #423E37, #423E37) v;
    background-repeat: repeat-x !important;
    border-color: #423E37 #423E37 #423E37 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#423E37', endColorstr='#423E37', GradientType=0) !important;
    filter: progid:dximagetransform.microsoft.gradient(enabled=false) !important;
}
.auth-box-w .logo-w{
    padding:0px;
}
.auth-box-w{
   color:#423E37 !important;
}
.auth-box-w form .form-group .pre-icon{
    color:#423E37;
}
.element-wrapper .element-header:after{
    background-color:#333E44
}

.menu-w ul.main-menu > li .icon-w{
    color: #423E37;
}
a{
      color: #423E37;
}

.top-bar .top-icon{
    color: #423E37;
}

.os-dropdown{
     background-color:#333E44
}

.content-w{
    background-color: #f7f7f7        
}

.menu-w{
     background-color: #f7f7f7 !important
}

.menu-w .logo-w img{
    width:60px;
}

 .body:after {
   /*background-image: linear-gradient(to bottom right, #333E44, #65A8F1);*/
    background-image: linear-gradient(to right bottom, rgb(0, 0, 0), rgb(0, 0, 0)) !important;
}

.decoracion{
  width:100%;background-color: #878d90;height: 5px;margin-top: 10px;margin-bottom: 10px
}
.ifr{
	 box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -moz-transform: scale(0.80);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.89);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.80);
    -webkit-transform-origin: 0 0;
    width:110%;margin-left: 10%;height: 800px;border: 10px solid lightgray;border-radius: 25px;overflow:hidden !important
}

.thebar{
    width:50%;height: 20px;
}

  @media screen and (max-width: 767px) {
      .element-wrapper{
      	  margin:0px!important;
  		}
  }
 



        .control {
            font-family: arial;
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 5px;
            padding-top: 0px;
            cursor: pointer;
            font-size: 11px;
        }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
        .control_indicator {
            position: absolute;
            top: 0px;
            left: 0;
            height: 25px;
            width: 25px;
            background: #e6e6e6;
            border: 0px solid #000000;
            border-radius: 20px;
        }
        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #cccccc;
        }
        
        .control input:checked ~ .control_indicator {
            background: #7bbb00;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #0e6647d;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            left: 9px;
            top: 5px;
            width: 4px;
            height: 8px;
            border: solid #ffffff;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #7b7b7b;
        }
        .control-checkbox .control_indicator::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 4.536rem;
            height: 4.5rem;
            margin-left: -1.3rem;
            margin-top: -1.3rem;
            background: #2aa1c0;
            border-radius: 3rem;
            opacity: 0.6;
            z-index: 99999;
            transform: scale(0);
        }
        @keyframes s-ripple {
            0% {
                transform: scale(0);
            }
            20% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        @keyframes s-ripple-dup {
           0% {
               transform: scale(0);
            }
           30% {
                transform: scale(1);
            }
            60% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        .control-checkbox input + .control_indicator::before {
            animation: s-ripple 250ms ease-out;
        }
        .control-checkbox input:checked + .control_indicator::before {
            animation-name: s-ripple-dup;
        }
.imagenpers{

	height: 60px;
    margin-left: 25%
 
}