/*    --------------------------------------------------
    :: Login Section
    -------------------------------------------------- */
#login {padding-top: 50px;height: 35em;}
#login .form-wrap {width: 50%;margin: 0 auto;margin-top: 5em;}
#login h1 {color: #2fb56a;font-size: 20px;text-align: center;font-weight: bold;padding-bottom: 20px;}
#login .form-group {
    margin-bottom: 25px;}
#login .checkbox {margin-bottom: 20px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;}
#login .checkbox.show:before {content: '\e013';color: #1fa67b;font-size: 17px;margin: 1px 0 0 3px;position: absolute;pointer-events: none;font-family: 'Glyphicons Halflings';}
#login .checkbox .character-checkbox {width: 25px;height: 25px;cursor: pointer;border-radius: 3px;border: 1px solid #ccc;vertical-align: middle;display: inline-block;}
#login .checkbox .label {color: #6d6d6d;font-size: 13px;font-weight: normal;}
#login .btn.btn-custom {font-size: 14px;margin-bottom: 20px;}
#login .forget {font-size: 13px;text-align: center;display: block;}
/*    --------------------------------------------------
    :: Recuperar Section
    -------------------------------------------------- */
#recuperar {padding-top: 50px;height: 35em;}
#recuperar .form-wrap {width: 50%;margin: 0 auto;margin-top: 5em;}
#recuperar h1 {color: #2fb56a;font-size: 20px;text-align: center;font-weight: bold;padding-bottom: 20px;}
#recuperar .form-group {
    margin-bottom: 25px;}
#recuperar .checkbox {margin-bottom: 20px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;}
#recuperar .checkbox.show:before {content: '\e013';color: #1fa67b;font-size: 17px;margin: 1px 0 0 3px;position: absolute;pointer-events: none;font-family: 'Glyphicons Halflings';}
#recuperar .checkbox .character-checkbox {width: 25px;height: 25px;cursor: pointer;border-radius: 3px;border: 1px solid #ccc;vertical-align: middle;display: inline-block;}
#recuperar .checkbox .label {color: #6d6d6d;font-size: 13px;font-weight: normal;}
#recuperar .btn.btn-custom {font-size: 14px;margin-bottom: 20px;}
#recuperar .forget {font-size: 13px;text-align: center;display: block;}

/*    --------------------------------------------------
    :: Inputs & Buttons
    -------------------------------------------------- */
.form-control {color: #212121;}
.btn-custom {color: #fff;background-color: #2fb56a;}
.btn-custom:hover,
.btn-custom:focus {color: #fff;}
/*estilos del formulario*/
/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {height: 5px;border-top: 0;background: #c4e17f;border-radius: 5px;background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
@media (min-width: 768px){
    .navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;padding-left:0px; }
}
@media (min-width: 992px){
    .menu-hide {display: none;}
}
/*Estilos de los palitos laterales*/
#oval {width: 200px;height: 25px;background: #2fb56a;background-position-x: 0%;background-position-y: 0%;-moz-border-radius: 100px / 100px;-webkit-border-radius: 100px / 100px;border-radius: 100px / 100px;left: 1157px;position: relative;transform: rotate(-24deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);background-position: 107px 3000px;bottom: 424px;}
#oval_2 {width: 200px;height: 25px;background: #fff;background-position-x: 0%;background-position-y: 0%;-moz-border-radius: 100px / 100px;-webkit-border-radius: 100px / 100px;border-radius: 100px / 100px;left: 1153px;position: relative;transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);background-position: 107px 3000px;bottom: 412px;border: solid 2px #2fb56a;}
#oval_3 {width: 200px;height: 25px;background: #fff;background-position-x: 0%;background-position-y: 0%;-moz-border-radius: 100px / 100px;-webkit-border-radius: 100px / 100px;border-radius: 100px / 100px;left: 20px;position: relative;transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);background-position: 107px 3000px;bottom: 210px;border: solid 2px #669ae1;}
#oval_4 {width: 200px;height: 25px;background: #669ae1;background-position-x: 0%;background-position-y: 0%;-moz-border-radius: 100px / 100px;-webkit-border-radius: 100px / 100px;border-radius: 100px / 100px;left: 0px;position: relative;transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);background-position: 107px 3000px;bottom: 190px;border: none;}
@media (min-width: 992px) and (max-width: 1199px) {
    #oval,#oval_2,#oval_4,#oval_3 { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #oval,#oval_2,#oval_4,#oval_3 { display: none; }
}
@media (max-width: 860px) {
    #oval,#oval_2,#oval_4,#oval_3 { display: none; }
}
/*Pagina error 404*/
.display-1 {text-align:center;color:#2fb56a !important;}
.display-1 .fa {animation:fa-spin 6s infinite linear;}
.display-3 {text-align:center;color:#df726a !important;}
.lower-case {text-align:center;}
.w3-container.w3-pale-red {text-align: center;}
.enlace {position: relative;top: 10px;}
@media (max-width:767px){
    .sidebar {margin-top: 15px;}
}
.panel-primary{border-color:#2fb56a;}
.panel-primary>.panel-heading {background-color:#2fb56a; border-color:#2fb56a; }
.treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover {color: #2466af;}
h3{color: #2fb56a;}
.content-wrapper{background-color: #fff;}
.btn-primary,.btn-primary:hover,a.btn-primary,a.btn-primary:hover {color: #ffffff;}
.btn-primary { border: 1px solid #2fb56a; border-bottom: 1px solid #2fb56a; background-color: #2fb56a; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#2fb56a), to(#2fb56a)); background-image: -webkit-linear-gradient(top, #2fb56a, #2fb56a); background-image: -moz-linear-gradient(top, #2fb56a, #2fb56a); background-image: -ms-linear-gradient(top, #2fb56a, #2fb56a); background-image: -o-linear-gradient(top, #2fb56a, #2fb56a); background-image: linear-gradient(top, #2fb56a, #2fb56a); filter: progid:dximagetransform.microsoft.gradient(startColorstr=#2fb56a, endColorstr=#2fb56a, GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
.btn-primary:hover, .btn-primary:active,.btn-primary.active, .btn-primary.disabled,.btn-primary[disabled] {background-color: #2fb56a;}

legend{border-bottom: 0px solid #fff}
fieldset {display: block;margin-left: 2px;margin-right: 2px;padding-top: 0.35em;padding-bottom: 0.625em;padding-left: 0.75em;padding-right: 0.75em;border: 1px solid #2fb56a !important;}
.font-color {background-color: #2fb56a;color: #fff;width: 100%;height: 2em;text-align: center;margin-bottom: 0px !important;font-weight: bold;line-height: 1.9em;}
.modal-header, h4{background-color: #2fb56a;color:#ffff !important;text-align: center;}
.close {background-color: #2fb56a;color:#000 !important;text-align: center;}
.modal-footer {background-color: #e4e4e4; padding: 5px;}
textarea {resize: none;}
/*Para permisos*/
.checkbox.checbox-switch {
    padding-left: 0;
}
.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}
/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: #2fb56a;
    border-color: #2fb56a;
    box-shadow: #2fb56a 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #2fb56a;
    background-color: #fff;
    border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #2fb56a;
    background-color: #fff;
    border-color: #2fb56a;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #2fb56a;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {color: #31708f;}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {color: #31708f;background-color: #bce8f1;border-color: transparent;}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {color: #31708f;background-color: #fff;border-color: #bce8f1;border-bottom-color: transparent;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {background-color: #d9edf7;border-color: #bce8f1;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {color: #31708f;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {background-color: #bce8f1;}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {color: #fff;background-color: #31708f;}
.col-calendar {position: relative;right: 0em;margin: 0px;padding: 0;border-right: 1px solid #d2d6de;width: 7.3em;margin-left: -15px;}
.input-group-addon {position: relative;height: 2.4em;}
@media (min-width:950px){
    .multiselect-datos{width: 30%;}
}
@media (max-width:949px){
    .multiselect-datos{width: 100%;}
}
.two-fields {width:100%;}
.two-fields .input-group {width:100%;}
.two-fields input  {width:30% !important;}