@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); :root { --hight-color:#003a5c; --main-color:#1F4965; --midd-color:#1F58A7; --low-color:#617FAA; --theme-color :#639BE6; --extra-color:#b9bb18; --theme-gray:#F8F4F8; --theme-gray-h:#eeeeee; --special-font:'Ubuntu',sans-serif; --theme-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15); --theme-shadow-hover: 0 2px 8px 0 rgba(0, 0, 0, .3); } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent !important;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 6px 8px;vertical-align: middle;} .btn-header> {display: block;} .btn-header>a { font-size: 18px; display: block; margin: 0px; margin-top: 12px; margin-right: 10px; color: #686868 !important; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; position: relative;} .btn-header>a:hover, .full-screen #fullscreen a {color: #333 !important;} .btn-header>a .be-count { display: block; position: absolute; right: -6px; top: 1px; height: auto; width: auto; padding: 0px 2.6px; background: #da5757; line-height: 11px; color: #fff; border-radius: 50%; border: 1px solid #686868; font-size: 11px; font-family: "Open Sans",Sans-Serif; text-align: center; -webkit-box-shadow: 0px 0px 2px 0px transparent; box-shadow: 0px 0px 2px 0px transparent;} .btn-header>a:hover .be-count {-webkit-box-shadow: 0px 0px 2px 0px #fff;box-shadow: 0px 0px 2px 0px #fff;} .btn-header>:first-child>a { margin-right: 10px;} @media (max-width: 979px) { .btn-header>a { position: absolute; right: 50px; width: auto !important; height: auto !important; top: 11px; margin: 0px !important; line-height: inherit !important;} } /* =========================== L O G I N ===========================*/ .smart-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .smart-form input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .smart-form input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .smart-form input:-moz-placeholder { /* Firefox 18- */ color: #fff; } body .form-control, body .select2-container--default .select2-search--dropdown .select2-search__field {font-family: var(--ubuntu); font-size: 14px; border-color: #e9ecef; padding: 8px 15px; border-radius: 8px; height: auto; min-height: 38px; box-shadow: 0 0 0 0 transparent;} body .form-control:focus, body .select2-container--default .select2-search--dropdown .select2-search__field:focus {box-shadow: 0 0 0 4px var(--aya-blue-rgba); border-color: var(--aya-blue);} body .select2-container--default .select2-selection--single { font-family: var(--ubuntu); font-size: 14px; border-color: #e9ecef; padding: 8px 15px; padding-right: 18px; border-radius: 8px; height: 38px; display: flex; align-items: center;} body .select2-container--default .select2-selection--single .select2-selection__rendered {padding-left: 0;} body .select2-container--default .select2-selection--single .select2-selection__arrow {top: 0; bottom: 0; height: auto;} {right: 20px; background-color: #888888; border-radius: 50%; width: 18px; height: 18px; color: #fff; position: absolute; top: calc(50% - 9px); display: flex; align-items: center; justify-content: center; font-size: 19px; float: none; font-family: var(--open-sans); font-weight: 600; line-height: 0;} body .select2-container--default .select2-selection--single .select2-selection__arrow b, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {} body .select2-container--default .select2-selection--single .select2-selection__clear {right: 20px; background-color: #888888; border-radius: 50%; width: 20px; height: 20px; color: #fff; position: absolute; transition: var(--ease-out); display: flex; float: none; align-items: center; justify-content: center; font-family: var(--open-sans); font-size: 18px; font-weight: 600; top: calc(50% - 10px); line-height: 0; padding-bottom: 2px;} body .select2-container--default .select2-selection--single .select2-selection__clear:hover {opacity: .8;} body .select2-container--default .select2-search--dropdown .select2-search__field {outline: 0; background: var(--theme-color-content); transition: var(--ease-out);} body .select2-container--default .select2-search--dropdown .select2-search__field:focus {background: #fff;} body .select2-dropdown {border-radius: 6px; border-color: #e9ecef; box-shadow: var(--theme-shadow);} body .select2-dropdown .select2-search--dropdown {padding: 6px;} body .select2-dropdown .select2-search--dropdown > input {padding: 8px !important;} body .select2-dropdown .select2-results {} body .select2-container--default .select2-results > .select2-results__options {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} body textarea.form-control {padding: 8px !important} body select:focus {border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important} select > option {} select > option:last-of-type {border-bottom-left-radius: 7px; border-bottom-right-radius: 7px} body .input-group {} body .input-group > .input-group-addon {border-top-left-radius: 7px;border-bottom-left-radius: 7px;} body .input-group > .input-group-addon ~ input { border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important; z-index: auto !important;} body .input-group ~ .help-block {color: #fff !important;left: 15px; bottom: 100%; top: inherit;} #fullscreen_menu {display: none;} @media (max-width: 979px) { .btn-header>a {margin-right:10px !important;} .userBanner .header-dropdown-list {width: auto !important; position: absolute !important; right: 0px; top: 0px; padding: 10px !important;} .userBanner > .header-dropdown-list > li:first-child > a {padding: 0px !important} .userBanner > .header-dropdown-list > li:first-child > a label, .userBanner > .header-dropdown-list > li:first-child > a b {display: none;} .userBanner > .header-dropdown-list > li:first-child > a i {position: relative !important; top: 0px !important; right: 0px !important; font-size: 22px !important; background: transparent !important; color: var(--extra-color) !important;} .userBanner .header-dropdown-list .dropdown-menu {left: initial !important;border-top-left-radius: 5px !important;} } /* =========================== E N D L O G I N ===========================*/ .input-group > input.form-control:first-child {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;} .input-group > input.form-control + .input-group-btn {} .input-group > input.form-control + .input-group-btn button {border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; box-shadow: none !important;} .input-group > .input-group-btn:first-child button {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; box-shadow: none !important;} .input-group > .input-group-btn + input.form-control {border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .drop_not_close {float: left;} .drop_not_close > .dropdown-menu {border-radius: 6px; padding: 10px; border:1px solid #ccc; box-shadow: var(--theme-shadow);/*min-width: 200px*/} .drop_not_close:not(.show) > .dropdown-menu {display: none !important;} .drop_not_close.show > .dropdown-menu {display: block !important;} .dropdown-menu.place_left {left: 0px; right: inherit;} .dropdown-menu.place_right {right: 0px; left: inherit;} /* NUEVOS ESTILOS PARA LOGIN */ .background_container {position: fixed; right: 50%; left: 0; height: 100%; background-image: url(../img/login_back.jpg);background-size: cover; background-position: center right; background-repeat: no-repeat; z-index: -1;} .form_container {float: right; width: 50%; padding: 1em 2em; display: -webkit-box; display: -ms-flexbox; justify-content: center; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; height: 100vh; position: relative;} .form_container > div {width: 300px; margin: 0 auto;padding: 1em 0; padding-bottom: 2em;} .form_container.change > div {width: 400px;} .header_logo {position: relative;padding: 0 2em;} .header_logo > img {width: 100%; height: auto; max-width: 245px; margin: 0 auto;display: block;} .form_login fieldset > div.form-group {margin-bottom: 26px !important;position: relative; display: flex;justify-content: center;} .form_login fieldset > div.form-group > div {position: relative;width: 100%;} .form_login fieldset > div.form-group > div > span {position: absolute; height: 42px; width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; color:var(--aya-blue-l);} .form_login fieldset > div.form-group > div > input {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; text-align: center; height: 42px !important; border-radius: 21px !important; background-color: #F9F9F9 !important; border: 1px solid #EEF5F8 !important; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; outline: none !important;} .form_login fieldset > div.form-group > div > input:focus {background-color: #fff !important} .form_login fieldset > div.form-group > div > b {display: none;} .form_login fieldset > div.form-group > div + label[id*="-error"] {position: absolute; margin: 0; bottom: 100%; font-size: 12px; font-weight: normal; text-align: center; display: flex; padding: 4px 8px; BACKGROUND: #E7F0F6; line-height: 12px; border-radius: 10px; margin-bottom: 2px; justify-content: center;} .form_login fieldset > div.form-group > div + label[id*="-error"]:after {content: ""; position: absolute; top: 100%; display: block; border: 4px solid transparent; border-top-color: #E7F0F6;} .form_login fieldset > div.form-group + .alert {text-align: center; border-radius: 9px; padding: 10px; margin-top: -8px;} .form_login fieldset > button {display: block; width: 100%; margin-bottom: 14px;} .form_login fieldset > a {display: block; color: var(--aya-gray-dark); font-family: var(--ubuntu); font-weight: 500; font-size: 14px; text-align: center;} .form_login fieldset > a:hover {opacity: .85;} .enviroment_label {position: absolute; margin: 0; bottom: 2em; font-size: 10px; text-transform: uppercase; font-weight: normal; display: flex; align-items: center; justify-content: center; padding: 2px 5px; border-radius: 10px; background: var(--aya-purple-rgba); color: #555;} .enviroment_label span {font-size: 16px; margin-right: 5px;} .welcome_title {text-align: center; margin: 2em auto; margin-top: 3em; font-weight: 600; letter-spacing: .5px; color: #555660; position: relative; text-transform: uppercase;} .welcome_title:before {content: ""; position: absolute; z-index: -2;height: 1px; width: auto; left: 2em; right: 2em; background: #EEF5F8; top: calc(50% - .5px);} .welcome_title:after {content: ""; position: absolute; z-index: -1; height: auto; width: 120px; left: calc(50% - 60px);top: 0;bottom: 0; background: #fff;} .form_container.change .welcome_title {margin: 10px 0; margin-top: 25px;} .form_container.change .welcome_title:after {width: 200px; left: calc(50% - 100px);} .footer_login {margin-top: 3em; padding: 0 1em;text-align: center;} .footer_login > * {display: block; margin: 0 auto;} .footer_login > img {max-height: 45px;} html:not(.DEMO) .footer_login > img {max-height: 30px;} .footer_login > small {margin-top: 6px;} .circle_sm {top: -70px;left: -70px;position: absolute; opacity: .7; z-index: -1; -webkit-animation: float_sm 5s ease-in-out infinite; animation: float_sm 5s ease-in-out infinite;} .circle_lg {bottom: -210px;right: -200px;position: fixed; opacity: .5; z-index: -1; -webkit-animation: float_lg 6s ease-in-out infinite; animation: float_lg 6s ease-in-out infinite;} @-webkit-keyframes float_sm { 0% {-webkit-transform: translatey(20px);transform: translatey(20px);} 50% {-webkit-transform: translatey(0px);transform: translatey(0px);} 100% {-webkit-transform: translatey(20px);transform: translatey(20px);} } @keyframes float_sm { 0% {-webkit-transform: translatey(20px);transform: translatey(20px);} 50% {-webkit-transform: translatey(0px);transform: translatey(0px);} 100% {-webkit-transform: translatey(20px);transform: translatey(20px);} } @-webkit-keyframes float_lg { 0% {-webkit-transform: translatey(15px);transform: translatey(15px);} 50% {-webkit-transform: translatey(0px);transform: translatey(0px);} 100% {-webkit-transform: translatey(15px);transform: translatey(15px);} } @keyframes float_lg { 0% {-webkit-transform: translatey(15px);transform: translatey(15px);} 50% {-webkit-transform: translatey(0px);transform: translatey(0px);} 100% {-webkit-transform: translatey(15px);transform: translatey(15px);} } @media (max-width: 1199.98px) { .background_container {right: 480px;} .form_container {width: 480px;} } @media (max-width: 991.98px) { .background_container {right: 380px;} .form_container {width: 380px;} .welcome_title {margin: 1.5em 0; margin-top: 2em;} #frmLogin fieldset > div.form-group {margin-bottom: 20px !important;}¿ } @media (max-width: 767.98px) { .background_container {display: none;} .form_container {width: 100%;padding: 1em;} } /* NUEVOS ESTILOS PARA LOGIN */ /* = = = Contenido Regular dle Sistema = = = */ .regContainer {width: 100%; float: left; position: relative; margin: 0px;background: #fff;border-radius: 20px;padding: 1em; box-shadow: var(--aya-shadow-l);} > *.regContainer:last-of-type {margin-bottom: 2em;} .mainMenu + .regContainer, .regContainer + .regContainer {margin: 0;margin-top: 2em;} .regContainer > i {position: absolute; right:10px; top:10px; z-index: 1; color:#fff;} .regContainer .headerTitle {width: 100%; padding: 10px; display: block; position: relative;} .headerTitle.toogleDivMat {overflow: hidden;} .headerTitle.toogleDivMat:hover {cursor: pointer;} .headerTitle.toogleDivMat:before {content: ""; position: absolute; left: -5px; top: -5px; border-radius: 10px; width: calc(100% + 10px); height: calc(100% + 10px); background: transparent; opacity: 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;} .headerTitle.toogleDivMat:hover:before, #toggleICON:hover ~ .headerTitle.toogleDivMat:before {opacity: 1; -webkit-box-shadow: 0px 0px 25px 5px rgba(255, 255, 255, 0.35) inset; box-shadow: 0px 0px 25px 5px rgba(255, 255, 255, 0.35) inset;} .regContainer .headerTitle h2 {font-size: 20px; line-height: 20px; margin: 0px;} .regContainer .mainContainer {width: 100%; display: block; position: relative; padding: 15px 5px; float: left; border: 0px; height: auto; min-height: 40px;} .regContainer .mainContainer > * {padding: 0px;} .regContainer .mainContainer > .row {margin: 0; } .regContainer .mainContainer > * > div[class^="col-"]:first-child, .regContainer .mainContainer > * > div[class^="col-"]:nth-child(2), .regContainer .mainContainer > * > div[class^="col-"]:nth-child(3), .regContainer .mainContainer > * > div[class^="col-"]:nth-child(4) {margin-top: 0px; margin-top: 0px;} .regContainer .mainContainer > * > legend { margin-bottom: 15px;padding: 0px; padding-bottom: 5px; border-bottom:1px solid #d8d8d8 !important;font-weight: 500; } .regContainer .mainContainer legend { border-bottom: 1px solid #d8d8d8; } .regContainer .mainContainer .radio { margin-left: 15px; } .regContainer .mainContainer .form-group label {margin-bottom: 6px; font-weight: 600; font-size: 14px;} .regContainer .mainContainer .form-group label ~ input:after { content:"" !important; display: block !important;position: absolute !important; left: -5px !important; height: 100% !important; width: 2px !important;background-color: red !important; top:0px !important; display: none !important; } @media(max-width: 767px) { .regContainer ~ .regContainer {margin-top: 2em;} #compTABS > .tab-pane {padding:2em .5em !important;} } .regContainer .mainContainer #menuF { display: block; position: absolute; width: 285px; padding: 5px 10px; background-color: var(--hight-color); right: -30px; top: 22px; color: #fff;-webkit-box-shadow: 5px 5px 10px 0px rgba(68, 68, 68, 0.2);box-shadow: 5px 5px 10px 0px rgba(68, 68, 68, 0.2); -webkit-transition: -webkit-box-shadow; transition: -webkit-box-shadow; -o-transition: box-shadow; transition: box-shadow; transition: box-shadow, -webkit-box-shadow; -webkit-animation-delay: 0s; animation-delay: 0s; z-index: 99; font-size: 12px !important; -webkit-transition: height .5s; -o-transition: height .5s; transition: height .5s; } .regContainer .mainContainer #menuF:before { content: ""; position: absolute; right: 0px; top: -5px; width: 0; height: 0; border-bottom: 5px solid var(--hight-color); border-right: 20px solid transparent; z-index: -1; } .regContainer .mainContainer #menuF:hover { /*ox-shadow: 5px 5px 10px 0px rgba(68, 68, 68, 0.64);transition: .3s;*/ } .regContainer .mainContainer #menuF b { position: relative; } .regContainer .mainContainer #menuF b:after { content: ""; display: block;position: absolute; width:calc(200% - 20px); background-color: #3a3633; height: 1px; left: 0px; top: 10px;z-index: -1; } .regContainer .mainContainer #menuF b b { background-color: var(--hight-color); padding-right: 10px; } .regContainer .mainContainer #menuF i { font-weight: 700;color: #3a3633; font-size: 16px;position: absolute;right: 12px;top: 7px; } .regContainer .mainContainer #menuF i:hover { cursor: pointer; } .regContainer .mainContainer #menuF.hidenM .contMenu { display: none !important;height: 0px; -webkit-transition: height .5s; -o-transition: height .5s; transition: height .5s; -webkit-animation-delay: .3s; animation-delay: .3s; } .regContainer .mainContainer #menuF.showM .contMenu { display: block !important;height: auto; -webkit-transition: all; -o-transition: all; transition: all; -webkit-animation-delay: 0s; animation-delay: 0s; } .regContainer .mainContainer #menuF > .contMenu > div { margin-bottom: 10px; } .regContainer .mainContainer #menuF > .contMenu legend { margin: 5px 0px !important; border-bottom: 0px; font-size: 12px; color: #fff; position: relative; padding:0px; } .regContainer .mainContainer #menuF > .contMenu .form-group { padding: 0px; margin: 0px; position: relative; } .regContainer .mainContainer #menuF > .contMenu .form-group:before { content: ""; height: calc(100% - 2px); width: 1px; background-color: #484848; position: absolute; left: 1px; top: -5px; } .regContainer .mainContainer #menuF > .contMenu .form-group label { font-size: 12px; margin:0px; padding: 0px; position: relative; margin-left: 7px; padding-left: 5px; display: block; } .regContainer .mainContainer #menuF > .contMenu .form-group label:before { content: ""; width: 5px;height: 1px; background-color: #484848; left: -5px; top: 9px; position: absolute; } .regContainer .mainContainer #menuF > .contMenu .form-group input[type="checkbox"] { margin:0px; position: absolute;right: 0px; top: 3px; right: 1px; } .regContainer .mainContainer #menuF > .contMenu .form-group input[type="checkbox"]:after, .regContainer .mainContainer #menuF > .contMenu .form-group input[type="checkbox"]:before { display: none; } #opcCAMP *[class="rowName"], #opcCAMP *[name="divSelect"] select,#opcCAMP *[name="divChecked"] input, #opcCAMP .infoCAMP,#opcCAMP.showOPCC span { display: none !important; } #opcCAMP.showOPCC [class="rowName"], #opcCAMP.showOPCC [name="divSelect"] select, #opcCAMP.showOPCC .infoCAMP { display: block !important; } #opcCAMP *[class="rowName"] { margin-top: 12px; } #opcCAMP *[name="divChecked"] { margin:0px !important; } #opcCAMP.showOPCC { text-align: left; height: 64px; padding-top:5px; } .labelOPCC { height: 49px; width: 100%; padding: 10px; border: 1px dashed; border-radius: 5px; text-align: center; padding-top: 24px; margin-bottom: 0px; margin-top: 10px !important; } #opcCAMP { text-align: center; } #opcCAMP span { position: absolute; width: calc(100% - 27px); left: 0px; padding-top: 5px; font-weight: 700; top: -1px; margin: 14px; margin-top: 16px !important; padding-bottom: 25px; background-color: #d8d8d8; z-index: -1; border-radius: 5px; } .labelOPCC:hover, .labelOPCC:hover ~ span, #opcCAMP span:hover { cursor: pointer; opacity: .8; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } #opcCAMP.showOPCC .labelOPCC { width: 18px; height: 18px; padding: 2px; display: inline; border: 0px; position: absolute; overflow: hidden; background-color: transparent; right: 13px; top: 0px; color: transparent; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; font-size: 10px !important; border-radius: 50%; -webkit-transition: .0s; -o-transition: .0s; transition: .0s; } #opcCAMP.showOPCC .labelOPCC:hover { background-color: #3a3633 !important; } #opcCAMP.showOPCC .labelOPCC { opacity: 1; } #opcCAMP.showOPCC .labelOPCC:before { content: "\f00d"; font-size: 14px !important; font-weight: 700; color: #ec5c5c; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: transparent; width: auto !important; height: auto !important; } #opcCAMP.showOPCC .labelOPCC:hover:before { color: #eaeaea; font-size: 12px !important; } .footerBTN button, .footerBTN a.btn, .footerBTN .btn { margin-top: 10px; } @-moz-document url-prefix() { .regContainer .mainContainer #selectInfo div[class^="col-"] *, .regContainer .mainContainer .selectInfo div[class^="col-"] * { margin-top: 6px; } #opcCAMP.showOPCC { height: 65px; } } div[name="divSelect"] { padding-bottom: 5px; margin-top: 0px !important; padding: 0px; } div[name="divSelect"] > * { margin-top: 0px !important } #selectInfo #addCAMP, #selectInfo #removeCAMP { display: block; padding: 10px; background-color: gray; color: #fff; border-radius: 5px; } .regContainer .mainContainer #selectInfo hr, .regContainer .mainContainer .selectInfo hr { float:left;width: 100%;border-color: #e2e2e2; } .regContainer .mainContainer #selectInfo input[type="checkbox"] { margin-top: 10px; margin-left: 20px; } .regContainer .mainContainer #selectInfo input[type="checkbox"]:after { content: ""; display: block; position: absolute; width: 10px; height: 1px; margin-left: -15px; background-color: #bbb; float: left; margin-top: 6px; } .regContainer .mainContainer #selectInfo input[type="checkbox"]:before { content: ""; display: block; position: absolute; width: 1px; height: 7px; margin-left: -15px; background-color: #bbb; float: left; margin-top: 0px; } .regContainer .mainContainer #selectInfo input[type="checkbox"] ~ b { padding-left: 5px; margin-top: -20px !important; display: block; position: absolute; margin-left: 32px; font-weight: 500; } .regContainer .mainContainer #selectInfo .selectHeader > label { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0px; } .regContainer .mainContainer #selectInfo .selectHeader div.infoCAMP { position: absolute; left: -2px; top: -2px; } .regContainer .mainContainer #selectInfo .selectHeader div.infoCAMP > i { font-size: 14px; color: #3276b1; margin-top: 4px; } .regContainer .mainContainer #selectInfo .selectHeader div.infoCAMP > i ~ label { display: none; color: #484848; font-size: 12px; background-color: #eaeaea; border: 1px solid #bfbfbf; padding: 5px 10px; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 270px; height: auto; word-break: break-word; margin-left: -5px; margin-top: 4px; border-radius: 2px; } .regContainer .mainContainer #selectInfo .selectHeader div.infoCAMP > i:hover ~ label { display: block; } .regContainer .mainContainer table:not(.pd_table_scroll), .dt_on_modal {width: 100% !important; margin: 0px !important;border:0px !important; } .regContainer .mainContainer .dataTables_paginate { margin-top: 20px; } .regContainer .footerBTN { width: 100%; float: left; margin-top: 20px !important; } .footerBTN button, .footerBTN a.btn, .footerBTN .btn-default, .modal-footer button, .btn_family { position: relative; border-radius: 20px !important; cursor: pointer !important; transition: var(--ease-out); box-shadow: var(--aya-shadow-l); font-size: 13px;} .footerBTN button > i , .footerBTN a.btn > i , .footerBTN .btn-default > i , .modal-footer button > i , .btn_family i {margin-right: 4px;} .footerBTN button ~ button,.footerBTN .btn-default ~ .btn-default, .btn_family ~ .btn_family {margin-left: 5px;} .footerBTN .btn-group > button ~ button,.footerBTN .btn-group > .btn-default ~ .btn-default {margin-left: 0px;} .footerBTN .btn-group > a.btn-default ~ a.btn-default {margin-left:5px;} .btn-group > button {border-radius: 0px !important;margin-left: 0px;} .btn-group > button:first-of-type {border-top-left-radius: 20px !important;border-bottom-left-radius: 20px !important;} .btn-group > button:last-of-type {border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;} @media (max-width: 575.98px) { .footerBTN > button, .footerBTN > .btn-group > *, .footerBTN > .btn-group, .footerBTN .btn, .footerBTN > button ~ div { width: 100%; margin-left: 0px !important; } } .regContainer .mainContainer .dataTables_paginate .pagination>.active>a { color: #fff; } .regContainer .mainContainer .pagination>li>a, .pagination>li>span { } .select2-container { display: block; width: auto !important; } *::-webkit-scrollbar {} *::-webkit-scrollbar-track {} *::-webkit-scrollbar-thumb {} aside#left-panel nav ul li a:active { background:transparent !important; color: #fff; } body.menu-on-top li.active>a { font-weight: normal !important; } .bgCLASS { margin-top: 10px; border-radius: 2px; padding: 5px 10px; } .bg-danger { border: 2px solid #f1c4c4 !important; } [class*="bg-"] > label, [class^="bg-"] > label { margin:0px; } .form-group { margin-bottom: 20px !important; position: relative; } .inbox-info-bar .form-group input, .inbox-info-bar .select2-container-multi .select2-choices, .inbox-info-bar .select2-selection--multiple { border-color: #ccc!important; } body nav ul li .navMENU:after { color: #019dfc !important; top: 10px !important; right: -3px !important; left: inherit; font-size: 12px !important; } body nav ul li:hover .navMENU:after { color: transparent !important;} /*body nav ul li .navMENU:before { content: ""; display: block; position: absolute; height: 10px; width: 10px; border-radius: 50%; background-color: orange; right: 0px; top:0px; }*/ nav ul li .navMENU ~ ul { padding: 0px; border: 0px; background-color:var(--hight-color) !important; left: calc(50% - 100px); margin-top: 0px; } body nav ul li .navMENU ~ ul li:hover a:before { content: ""; position: absolute; height: 1px; width: 0px; left: 5px; bottom: 5px; background-color: var(--hight-color); display: block; -webkit-transition: all .3s ease !important; -o-transition: all .3s ease !important; transition: all .3s ease !important; } body nav ul li .navMENU ~ ul li:hover a:before { width: 25%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu-on-top nav ul ul li a:hover, .menu-on-top nav ul ul li:hover>a, .menu-on-top nav ul ul ul li a:hover { background-color: inherit; } * > .btn:active { left: 0px; top:0px; } .menu-on-top nav>ul ul li::before, .menu-on-top nav>ul>li>ul::before {display: none !important;} /* = = = Fin Contenido Regular dle Sistema = = = */ /* = = = Elemtos del Sistema Mod = = = */ input[type=file] { padding: 0px; background-color: transparent; border:0px; -webkit-box-shadow: none; box-shadow: none; margin: 0px; margin-top: 5px; } .modal-open .modal {padding: 1em;} .modal.fade.in {overflow: auto;} .modal-body .bootstrap-dialog-message li {list-style: none;} .modal-body label { font-weight: 700; font-family: var(--special-font); -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0px; } .modal-body div[class^="col-"] { padding: 0px 5px; } .modalUSER { max-width: 800px; width: auto; } .modal-footer { display: table; width: 100%; text-align: center; } .modal-footer button[class*="-success"] {} .modal-footer button[class*="-danger"] {} @media (max-width: 767px) { .regContainer .mainContainer {padding-left: 0px !important; padding-right: 0px !important;} .regContainer .footerBTN {display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; margin-top: 10px !important;position: relative;} .footerBTN > button, .footerBTN > .btn-group > * {width: auto; margin-top: 10px !important; position: relative;} .footerBTN > .btn-group {margin-left: 5px !important;} } @media (max-width: 575.98px) { /*html body header#header {box-shadow: none !important;border-bottom: 1px solid #ddd !important;} body.smart-style-0:before {display: none;}*/ .regContainer {} .regContainer ~ .regContainer {} .regContainer .footerBTN {padding: 0px 15px !important; padding-top: 15px !important;} .regContainer .footerBTN:before {content: ""; position: absolute; height: 1px; top: 0; left: 15px; right: 15px; background: #ddd;} .footerBTN > button, .footerBTN > .btn-group > *, .footerBTN > .btn-group {width:100%; margin-left: 0px !important;} .footerBTN > button > i, .footerBTN > .btn-group > * > i, .footerBTN .btn i { position: absolute; left: 10px; top:0px; height: 100%; display: flex; align-items: center;} } @media (max-width: 600px) { .modal-body, .modal-header { padding: 10px; } } #hide-menu>:first-child>a { padding: 0px; position: relative; margin-top: 8px !important; border: 0px; border-radius: 0px; background: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; } #hide-menu>:first-child>a:hover { cursor: pointer !important; } .hidden-menu #hide-menu>:first-child>a:hover i { color: #ccc; } #hide-menu>:first-child>a:hover i { color: #333333; } .modal-header, .modal-body {padding:0px; display:block; width: 100%; } .modal-body .row {margin: 0px; float: left; width: 100%;} .modal-header { background-color: transparent; border: 0px !important; padding: 0px 30px !important; padding-bottom: 2em !important; position: relative; text-align: center; } .modal-header .close {position: absolute; right: 0px; top: 0px; box-shadow: none !important;} .modal-header .close i {font-size: 26px;} .modal-header .close > span[aria-hidden="true"], div.bootstrap-dialog div.bootstrap-dialog-header button[class="close"] {content: "";} .modal-header .close > span[aria-hidden="true"]:before, div.bootstrap-dialog div.bootstrap-dialog-header button[class="close"]:before { content: "close"; font-size: 26px; position: absolute; right: 0px; top: 0px; background: #fff; font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;} .modal-header:before {content: ""; height: 80px; width: 16px; position: absolute; left: -36px; top: -26px; z-index: -1; background-color: #ff4843; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .modal-header.label-primary:before { background-color: #2f9dfb; } .modal-title { font-size: 20px; line-height: 20px; margin: 0px; color: var(--aya-gray-dark) !important;} textarea[name="description"] { height: 116px; } @media (max-width: 979px) and (min-width: 768px) { #hide-menu i { font-size: 20px !important; } } .pre_contCAT {} .pre_contCAT .subNav {max-height: 140px;} /* = = = Fin Elemtos del Sistema Mod = = = */ /* = = = CONTENEDOR CONTADOR/TOGGLE = = = */ .contTOGGLE > span[title="Remover"] i, .contTOGGLE .contOPC > a > i {z-index: 1; display: inline; height: 100%; width: 100%; position: absolute; left: 0px; right: 0px; font-size: 20px; color: #686868;} .contTOGGLE > span[title="Remover"] i:before, .contTOGGLE .contOPC > a > i:before {content: "\f1f8"} .contTOGGLE div > legend, .contMOT legend, .contGRUPO legend, #snbModal .agregar-disciplinas > label, #contInfo legend { display: block; width: auto; position: relative; padding: 3px 6px !important; line-height: initial; background-color: #3a3633; color: #fff; font-size: 12px !important; margin-top: 10px; float: left; height: 25px; margin-bottom: -1px !important; font-weight: 700; } .contTOGGLE div > legend > button, #snbModal .agregar-disciplinas > label i, #contInfo legend button { position: absolute !important; width: 26px; height: 24px; right: -26px; top: 0px; left: inherit !important; border-radius: 0px; } #snbModal .agregar-disciplinas > label { overflow: visible; } #snbModal .agregar-disciplinas > label i { color: #fff; background-color: #739e73; border-color: #659265; padding: 7px; } #snbModal .agregar-disciplinas > label i:hover { color: #fff; background-color: #5b835b; border-color: #4c6e4c; } .contTOGGLE div > legend > button:nth-child(2) { right: -52px; } .contTOGGLE div > legend > button {border-radius: 0px !important; box-shadow: none !important;} .contTOGGLE div > legend > button:last-of-type {border-top-right-radius:6px !important;} .contTOGGLE div > legend > button > i { display: block; } .contTOGGLE div > legend > button:hover { cursor: pointer !important; } .subCOUNT > div:last-child { margin-bottom: 0px !important; } /* .subsCOUNT > div:last-child, .subsCOUNT, .subCOUNT, .subCOUNT > div { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }*/ @media (max-width: 992px) { .container {width: calc(100% - 50px);} } @media (max-width: 667px) { .container {width: calc(100% - 20px);} } .contOPC, .subOPC { position: absolute; width: auto;float: left; display: block; } .contTOGGLE .contOPC { right: 0px; } .contTOGGLE .contOPC > a { position: absolute; right: -20px; top: -10px; } .contTOGGLE .contOPC > a > i{ background-color: #3a3633; color: #fff; border-radius: 1px; padding: 3.5px 5px; border: 1px solid #3a3633; display: block; z-index: 1; font-size: 12px; } .subCOUNT div[class^="col-"] { margin-bottom: 10px; padding: 0px 5px; } .subCOUNT .subOPC, #snbModal .subOPC { right: 0px; top:-1px; } .subsCOUNT .subOPC { right: -1px; } .subCOUNT .subOPC > a, .subCOUNT .subOPC > button, #snbModal .contenidoDisicplina a { padding: 5px; border-radius: 2px; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; text-align: center; width: 24px; height: auto; display: block; margin-right: -25px; position: relative; margin-bottom: 1px; } #snbModal .contenidoDisicplina a { border-radius: 2px !important; padding: 3px 5px; } .subCOUNT .subOPC > a > i, .subCOUNT .subOPC > button > i { display: block; color: #fff; } .subsCOUNT { float: left; width: calc(100% + 17px); display: block; position: relative; padding: 0px; margin-left: -9px;counter-reset: listStyle; margin-bottom: -1px; } .subsCOUNT > div { background-color: #3a3633; width: 100%; position: relative; display: block; float: left; border: 1px dashed #3a3633; border-left: 2px solid #3a3633; padding: 10px 5px !important; padding-bottom: 5px !important; margin-bottom: 0px; counter-increment: listStyle; font-size: 12px; } .subsCOUNT > div:before { position: absolute; top: -.5px; left: -17px; color: white; font-weight: bold; padding: 0px 2px; line-height: 16px; min-width: 16px; text-align: center; background-color: #3a3633; font-size: 10px; content: counter(listStyle, lower-alpha); } .subsCOUNT > div:after { content: ""; display: block; position: absolute; margin: 0 7.5px; width: calc(100% - 15px); height: 1px; background-color: rgba(255, 255, 255, 0.06); left: 0px; top: 0px; border-radius: 1px; } .subsCOUNT > div div label { color: #fff; } .subsCOUNT > div div[class^="col-"] .form-control { height: 25px; border-radius: 2px !important; } @media(max-width: 767px) { .contTOGGLE > div > legend {margin-left: -11px;} .subCOUNT { margin-left: -11px !important; margin-right: -10px !important; width: calc(100% + 22px) !important; border-radius: 0px !important;} } .subNav_contpaq {width: calc(100% - 20px); margin: 10px 0px; margin-left: 10px; border: 1px dashed #1c79b2; border-left: 20px solid #1c79b2; float: left; padding: 10px; background: #453f4196; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .subNav_contpaq li {float: left;width: 50%; list-style: none;} .subNav_contpaq li a { width: 100% !important; padding: 0px 10px;} .subNav_contpaq img {position: absolute; display: block !important; height: 22px !important; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 75px; left: -14px; padding: 0px;} /* = = = Fin CONTENEDOR CONTADOR/TOGGLE = = = */ /* = = = Usuarios = = = */ .cont3Panel {position: relative; padding: 0px !important; width: 50%; padding-right: 10px !important} .cont3Panel > label {margin-top: 10px;} .treePanel { overflow-y: auto; max-height: 250px; min-height: 100px; padding: 5px; position: relative; border: 1px solid #e9ecef; border-radius: 4px; } .treePanel .treeSearch { width: calc(100% - 4px); display: block; margin: 3px auto; margin-bottom: 10px; padding: 6px 10px; height: auto; min-height: auto; background: #f3f3f3; float: inherit !important; } .treePanel .jqx-tree-dropdown-root {margin: 0px; padding: 0px; width: 100% !important;} .treePanel .select2-container {display: block!important;} .treePanel .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .treePanel .select2-container--default .select2-results__option[role=group] { padding: 0; } .treePanel .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .treePanel .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } @media(max-width: 767px) { .cont3Panel {padding: 0px; width: 100%;} body #header .userBanner {right: 0px; bottom: -33px !important; width: 50px !important; height: 50px !important; padding-top: 5px; -webkit-box-shadow: none; box-shadow: none; position: absolute; padding: 0px; top: 0px;} } .modal-body fieldset { padding: 0px !important } .modalUSER .modal-footer { padding: 0px !important; padding-top: 10px !important; } .modal-footer {padding: 0px !important; padding-top: 2em !important; border:0px !important;} .bootstrap-dialog-footer-buttons {display: flex;flex-wrap: wrap; /*flex-direction: column-reverse;*/} .bootstrap-dialog-footer-buttons > button {text-transform: lowercase;} .bootstrap-dialog-footer-buttons > button:first-letter {text-transform: uppercase;} .modal-footer > button, .bootstrap-dialog-footer-buttons > button {display: block; margin: 0 auto !important; width: 100%; max-width: 300px; text-transform: uppercase;} .modal-footer > button ~ button {margin-top: 6px !important;} .modal-footer button[class*="-danger"], .bootstrap-dialog-footer-buttons > button[class*="-default"] { background: transparent !important; border-color: transparent !important; transition: var(--ease-out); box-shadow: none; color: var(--aya-green) !important;} .modal-footer button[class*="-danger"]:hover, .bootstrap-dialog-footer-buttons > button[class*="-default"]:hover {filter: brightness(.85); text-decoration: underline;} .bootstrap-dialog-footer-buttons > button[class*="-default"] {order: 2;margin-top: 6px !important;} /*.hidden-menu-mobile-lock body.smart-style-0 aside#left-panel { padding-top: 0px; margin-top: 49px; z-index: 999; height: calc(100% - 49px); }*/ /*.hidden-menu-mobile-lock body.smart-style-0 aside#left-panel nav>ul>li>a { margin: 0px; border-bottom: 1px dotted #585858 !important; }*/ @media (max-width: 979px) { .menu-on-top aside#left-panel nav { height: auto !important; } /*.hidden-menu-mobile-lock body.smart-style-0 aside#left-panel nav>ul>li>a {border-bottom: 0px !important;}*/ } .tblHOVER { overflow: auto; } .modalUSER .has-error .help-block{ position: absolute; top: -5px; left: 5px; border-radius: 4px; background-color: #b94a48; color: #fff; padding: 2px 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } @media (max-width: 480px) { .modalUSER form [class^="col-"] { width: 100%; } } #mainContainer #frmAlumno .has-error > li:last-child { list-style: none; position: absolute; padding: 5px 10px; border-radius: 5px; top: -10px; height: 38px; width: calc(100% - 20px); z-index: 1; left: 10px; font-size: 12px; line-height: 14px; border-color: #953b39; color: #fff; background-color: #c26565; text-shadow: none; min-width: 200px; } #mainContainer #frmAlumno .has-error > li:last-child:before { content: "\f0d7"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #c26565; position: absolute; left: 8px; bottom: -15px; font-size: 25px; } #mainContainer #frmAlumno .has-error > li:last-child span { color: #fff !important; } /* = = = Fin Usuarios = = = */ /* = = = Alumnos = = = */ #compTABS { float: left; width: 100%; padding: 0px; } #compTABS > *, #compTABS > .tab-pane > .contTABS { float: left;width: 100%; } #compTABS > .tab-pane > .contTABS > form > div {padding: 0;} #compTABS > .nav-tabs { border: 0; padding: 2px .5em;} .panel-collapse #compTABS > .nav-tabs {} #compTABS > .nav-tabs li {margin: 0} #compTABS > .nav-tabs li ~ li {margin-left: 8px;} #compTABS > .nav-tabs li.active {} #compTABS > .nav-tabs li:before, #compTABS > .nav-tabs li:after {} #compTABS > .nav-tabs li:before {} #compTABS > .nav-tabs li:after {} #compTABS > .nav-tabs li.active:before {} #compTABS > .nav-tabs li.active:after {} #compTABS > .nav-tabs li:hover {} #compTABS > .nav-tabs li a { text-transform: inherit; color: var(--bs-gray) !important; border: 0; border-radius: 20px; font-weight: 600; transition: var(--ease-out); box-shadow: 0 0 0 2px #e9ecef; cursor: pointer; font-size: 13px !important; margin: 0 2px;} #compTABS > .nav-tabs li a:hover {background: #eee; opacity: .85;} #compTABS > .nav-tabs li a:before, #compTABS > .nav-tabs li a:after {} #compTABS > .nav-tabs li a:before {} #compTABS > .nav-tabs li a:after {} #compTABS > .nav-tabs li.active a {color: var(--gray-dark) !important; box-shadow: 0 0 0 1.5px var(--aya-green) !important;} #compTABS > .nav-tabs li.active a:before, #compTABS > .nav-tabs li.active a:after {} #compTABS > .nav-tabs li.active a:before {} #compTABS > .nav-tabs li.active a:after {} #compTABS > .tab-pane {border: 0px !important; padding: 2em 1em;} #compTABS > .contTABS , #compTABS .contTABS > div { padding: 0px; } #compTABS > .tab-pane > legend { float: left; } #compTABS > .tab-pane > span { margin-bottom: 10px; position: relative; float: left; } #compTABS > .tab-pane > .contTABS { margin-bottom: 20px; padding: 1em 0px; } .panel-group .panel {border-radius: 10px; overflow: hidden; border: 1px solid #ddd;} .panel-default>.panel-heading {border: 0px; border-radius: 0px;} .panel-group .panel+.panel {margin-top: 15px;} .panel-default>.panel-heading a {display: block;} .posFIXED {position: fixed !important; } @media(max-width: 877px) { #tabsInternas.tab_w_fix li {float: initial; margin: 0px !important; width: 100%; padding: 0;} #tabsInternas.tab_w_fix li ~ li {margin-top: 4px !important} .tab_w_fix .tab-content .active {width: 100% !important; padding-left: 10px !important; margin-left: 0px !important; border:0px; } #tabsInternas.tab_w_fix { position: absolute; margin: 0px; z-index: 9; top: 15px; border: 0px; right: -20px; padding: 10px; background: var(--aya-blue); border-radius: 10px; box-shadow: var(--aya-shadow); width: 150px;} #tabsInternas.tab_w_fix.posFIXED {right: 10px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } #tabsInternas.tab_w_fix:before {content: "Seccion"; display: block; width: 100%; text-align: left; font-size: 18px; font-family: var(--special-font); font-weight: 600; margin: 0px; margin-bottom: 10px; color: #fff; } #tabsInternas.tab_w_fix:after {display: none;} #tabsInternas.tab_w_fix li.active {} #compTABS > .nav-tabs.tab_w_fix li.active a, .nav>li>a:focus, .nav>li>a:hover {background: #fff !important; box-shadow: 0 0 0 2px inset transparent !important; } #tabsInternas.tab_w_fix li>a {background: transparent !important; box-shadow: 0 0 0 2px inset #e9ecef; text-align: center; color: #fff !important;} #compTABS > .nav-tabs.tab_w_fix li:before, #compTABS > .nav-tabs li:after, #compTABS > .nav-tabs li a:before, #compTABS > .nav-tabs li a:after {display: none;} #tabsInternas.tab_w_fix li:last-of-type {} } /* = = = Fin Alumnos = = = */ /* = = = Periodoinsreins = = = */ div[name="mainContainerIns"] , div[name="mainContainerReins"], .countELEMENT { counter-reset: section; } .periodoValidacion { padding: 0px !important; } * > .contTOGGLE:before {counter-increment: section; font-weight: 600; font-size: 16px; content: counter(section) ".-";font-family: 'Ubuntu', sans-serif;} .contentFieldsReins ~ div, .contentFieldsIns ~ div { margin-top: 10px !important; padding: 0px; padding-left: 10px; } .contentFieldsReins ~ div legend, .contentFieldsIns ~ div legend, .asigAulas .contMOT legend, .asigAulas .contGRUPO legend, .contTOGGLE > div > legend, #contInfo legend { margin-bottom: -1px; padding-bottom: 5px; border-bottom: 1px solid #d8d8d8; font-size: 14px; font-weight: 700; } .animateFade, div[class="div_inputAportacion"], .contDatos, .contenidoDisicplina { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .contenidoDisicplina, .infMotivos .criteriosMan > div, .subCOUNT > div, #snbModal .contenidoDisicplina { background-color: #fff !important; margin: 0px; border: 1px dashed #989898; border-left: 2px solid #3a3633; padding: 7px; width: calc(100% - 20px) !important;padding-bottom: 0px; margin-bottom: 10px; float: left; position: relative; /* opacity: .85; */ -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .contenidoDisicplina:hover, .infMotivos .criteriosMan > div:hover, .subCOUNT > div:hover { opacity: 1; } .criteriosMan, #contenedor-disciplinas, .contMOT #div_catalogoMotivos, .subCOUNT { float: left; width: 100%; background-color: #fff; padding: 10px; padding-left: 20px; border: 1px solid #d8d8d8; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; /*max-height: 355px; overflow: auto;*/ } #contenedor-disciplinas { counter-reset: section; } body div.periodoValidacion > .contentManualIns:first-child, body div.periodoValidacion > .contentManualReins:first-child { margin-top: 0px !important; position: relative; } .container_to_toggle {padding: 1em 0px 0px; margin-top: 1em; border-top: 1px solid #eee;} .toggleBar {width: 30px; height: 22px; position: relative; float: right; text-align: center; vertical-align: middle; cursor: pointer;} .toggleBar i {z-index: 1; display: inline; height: 100%; width: 100%; position: absolute; left: 0px; right: 0px; font-size: 20px;color: #686868;} .toggleBar:hover i {cursor: pointer; color: #333;} .toggleBar i.fa-plus:before {content: "\f078"} .toggleBar i.fa-plus.fa-minus:before {content: "\f077"} .contentManualReins, .contentManualIns, .contTOGGLE { float: left; width: 100%; position: relative; margin: 1em 0px; padding: 1em; border-radius: 10px; -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,.2); box-shadow: 0px 2px 7px rgba(0,0,0,.2); -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;} .contentManualIns > label, .contentManualReins > label, body .aspSection > label, .contTOGGLE > label {font-size: 16px; margin: 0px;} .contentManualReins > div:before, .contentManualIns > div:before { width: 100%; height:1px; background-color: #484848; display: block;float: left; } .contentFieldsIns_criterios > div , .contentFieldsReins_criterios > div { padding:3px 5px !important; } #contenedor-disciplinas .contenidoDisicplina:before, .infMotivos .criteriosMan > div:before, .subCOUNT > div:before { counter-increment: section; content: "" counter(section) ""; position: absolute; top: -1px; left: -16px; color: white; font-weight: bold; padding: 0px 2px; min-width: 16px; text-align: center; background-color: #3a3633; font-size: 10px; } .contenidoDisicplina:before, .infMotivos .criteriosMan > div:nth-child(n+102):before { left: -19px; padding: 0px; } span[title^="Remover"], div[name="div_preseleccionados"] .div_showCompleteInfo {position: absolute; right: 4px; top: 0px; } span[title^="Remover"] {position: relative; z-index: 2; display: block; float: right; height: 22px; width: 30px; text-align: center;} span[title^="Remover"]:hover i {color: #333;} span[title^="Remover"] > *, .div_showCompleteInfo i {color: #ec5c5c !important; } button[name*="btnAgregarValidacionIns"], button[name*="btnAgregarCriterioIns"], button[name*="btnAgregarValidacionReins"], button[name*="btnAgregarCriterioReins"] { margin-left: 10px; } @media (max-width: 979px) { .contentFieldsIns_criterios > *:nth-child(3), .contentFieldsIns_criterios > *:nth-child(4) ,.contentFieldsIns_criterios > *:last-child,.contentFieldsReins_criterios > *:nth-child(3), .contentFieldsReins_criterios > *:nth-child(4) ,.contentFieldsReins_criterios > *:last-child { width: 33.33%; } } @media (max-width: 550px) { .contentFieldsIns_criterios > *:nth-child(2), .contentFieldsIns_criterios > *:first-child, .contentFieldsReins_criterios > *:nth-child(2), .contentFieldsReins_criterios > *:first-child { width: 100%; } .contentFieldsIns_criterios > *:nth-child(4) ,.contentFieldsIns_criterios > *:last-child, .contentFieldsReins_criterios > *:nth-child(4) ,.contentFieldsReins_criterios > *:last-child { width: 50%; } .contentFieldsIns_criterios > *:nth-child(3), .contentFieldsReins_criterios > *:nth-child(3) { width: 100%; } } .tipoInscripcionNombre > label, .tipoReinscripcionNombre > label { position: relative; } .tipoInscripcionNombre > label:before, .tipoReinscripcionNombre > label:before, .divCATE > label:before { content: ""; display: block !important; position: absolute; height: 7px !important; width: 7px !important; right: -12px; top: 2px !important; border-radius: 2px !important; } #contREINS > div:last-child [class^="contenttipo"]:first-child [class^="tipo"] label:before { background-color: #5cb85c; } #contREINS > div:last-child [class^="contenttipo"]:nth-child(2) [class^="tipo"] label:before { background-color: #d9534f; } #contREINS > div:last-child [class^="contenttipo"]:nth-child(3) [class^="tipo"] label:before { background-color: #f0ad4e; } #contREINS > div[class^="contentFields"], div[class^="contentFieldsTipo"] { float: left;width: 100%; padding-bottom: 10px; } div[class^="contentFieldsTipo"] { padding-bottom: 0px; } /* = = = Fin Periodoinsreins = = = */ /* = = = Documentos = = = */ div.divPasos { float: left; width: 100%; background-color: #fff; padding: 10px; padding-bottom: 5px; padding-left: 20px; border: 1px solid #d8d8d8; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 5px; } div#asigUser div:first-child legend { margin-top: 0px; } div#asigUser div legend { margin-top: 25px; margin-bottom: 10px; } .divPasos .divRemover { padding: 0px;border-left: 2px solid #3a3633; margin-bottom: 5px; position: relative; } #validaciones, #firmas { counter-reset: section; } .divPasos .divRemover:before { counter-increment: section; content: "" counter(section) ""; position: absolute; top: 0px; left: -16px; color: white; font-weight: bold; padding: 0px 2px; min-width: 16px; text-align: center; background-color: #3a3633; font-size: 10px; } .divPasos .divRemover div[title^="Remover"] { position: absolute; right: -3px; top: 0px; } .divPasos .divRemover div[title^="Remover"] a i { padding: 5px; border-radius: 2px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; text-align: center; width: 24px; height: auto; display: block; margin-right: -25px; position: relative; margin-bottom: 1px; } label[for="txtEntrada"] ~ span.select2, label[for="txtDocumento"] ~ .select2, label[for="txtTipo"] ~ .select2, label[for="txtPlantel"] ~ .select2 { width: 100% !important; } .divPasos .divRemover .select2-container--default .select2-selection--multiple {border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .divPasos .divRemover .select2 { width: calc(100% - 15px) !important } #validaciones > button, #firmas > button { margin-left: 10px; } /* = = = Fin Documentos = = = */ /* = = = Preseleccionados = = = */ #div_aspirantesPreseleccionados legend { margin-bottom: 0px; font-weight: 700; font-size: 14px; padding-top: 10px; border-bottom: 0px !important; } #aspirantesPreseleccionados, #div_aspirantesPreseleccionados #divResultados { float: left; width: 100%; background-color: #fff; padding: 10px; padding-left: 20px; border: 1px solid #d8d8d8; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; padding-bottom: 5px; } #datatable_tabletools.tablePreSel tbody { counter-reset: section; background-color: #fff; border-radius: 2px; } #datatable_tabletools.tablePreSel tbody tr { counter-increment: section; } #datatable_tabletools.tablePreSel tbody tr:first-child td > div { margin-top:10px; } #datatable_tabletools.tablePreSel tbody tr:last-child td > div { margin-bottom:10px; } div[name="div_preseleccionados"], div[name="divResultados"] .basicInfo { background-color: #fff !important; margin: 0px; border: 1px dashed #989898; border-left: 2px solid #3a3633; padding: 5px 0px; padding-right: 15px; padding-top: 10px; margin-top: 5px; padding-left: 10px; position: relative; float: left; width: 100%; border-radius: 0px; } div[name="div_preseleccionados"]:before, div[name="divResultados"] .basicInfo:before { content: "" counter(section) ""; position: absolute; top: -1px; left: -16px; color: white; font-weight: bold; padding: 0px 2px; min-width: 16px; text-align: center; background-color: #3a3633; font-size: 10px; } span.div_showCompleteInfo i.deletePreseleccionado:hover { cursor: pointer; } div[name="div_preseleccionados"] label, div[name="divResultados"] .basicInfo label, .basicInfo ~ .completeInfo div[class^="col-"] label { display: block; } div[name="div_preseleccionados"] div[class^="col-"] label:nth-child(2), div[name="divResultados"] .basicInfo div[class^="col-"] label:nth-child(2), .basicInfo ~ .completeInfo div[class^="col-"] label:nth-child(2) { font-weight: normal !important; } div[name="divResultados"] .basicInfo div[class^="col-"] ,.basicInfo ~ .completeInfo div[class^="col-"] { padding: 0px 7px; } div[name="divResultados"] .basicInfo div[class^="col-"] { margin-bottom: 5px; } #divResultados .headerTemplate { padding: 0px; } .basicInfo ~ .completeInfo, div[class="div_inputAportacion"] { background-color: #f5f5f5 !important; width: 100%; float: left; display: none;padding: 10px;border:1px solid #d8d8d8; border-top: 1px solid #d8d8d8; margin-top:0px;position: relative; } .basicInfo ~ .completeInfo:before, div[class="div_inputAportacion"]:before { content: ""; display: block; position: absolute; width: 2px; height: calc(100% + 2px); left: -1px; background-color: #eaeaea; top: -1px; } .basicInfo ~ .completeInfo:before { background-color: #57889c; } div[class="div_inputAportacion"]:before { background-color: #739e73; } div[class="div_inputAportacion"] { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 0px; } #datatable_tabletools.tablePreSel tbody tr td:first-child { display: none; } #datatable_tabletools.tablePreSel>tbody>tr:nth-of-type(odd) { background-color: transparent; } #datatable_tabletools.tablePreSel>tbody>tr>td { border:0px; padding: 0px; padding-left: 10px; } .dataTables_wrapper > div:first-child { display: none; } .dataTables_wrapper .row { margin:0px; } .dataTables_wrapper .row > div { padding: 0px; } .dataTables_wrapper .row div.headerTemplate { width: calc(100% - 19px); margin-bottom: 5px; } .dataTables_wrapper .row:nth-child(2) { overflow: auto; } .dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb { background-color: var(--hight-color); } .dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar { height: 7px; } .dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-track { background-color: #f9f9f9; } .dataTables_wrapper .row table thead tr {} .dataTables_wrapper .row table thead tr { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .dataTables_wrapper .row table thead tr th.sorting_asc { color: #fff;position: relative; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.25)), to(rgba(58,54,51,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(58,54,51,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.25)),to(rgba(58,54,51,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(58,54,51,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(58,54,51,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(58,54,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#3a3633',GradientType=0 ); } .dataTables_wrapper .row table thead tr th.sorting_desc { color: #fff;position: relative; background: -webkit-gradient(linear, left top, left bottom, from(rgba(58,54,51,1)), to(rgba(255,255,255,0.25))); background: -webkit-linear-gradient(top, rgba(58,54,51,1) 0%, rgba(255,255,255,0.25) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(58,54,51,1)),to(rgba(255,255,255,0.25))); background: -webkit-linear-gradient(top, rgba(58,54,51,1) 0%,rgba(255,255,255,0.25) 100%); background: -o-linear-gradient(top, rgba(58,54,51,1) 0%,rgba(255,255,255,0.25) 100%); background: linear-gradient(to bottom, rgba(58,54,51,1) 0%,rgba(255,255,255,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3633', endColorstr='#40ffffff',GradientType=0 ); } .dataTables_wrapper .row table thead tr th.sorting_desc:before,.dataTables_wrapper .row table thead tr th.sorting_asc:before { font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block!important; position: absolute; color: #fff; right: 10px; font-size: 15px; top:19px; line-height: 0px; font-weight: 700; } .dataTables_wrapper .row table thead tr th.sorting_desc:before { content: "\f107"; } .dataTables_wrapper .row table thead tr th.sorting_asc:before { content: "\f106"; } .dataTables_wrapper .row table thead tr th, .dt_on_modal thead tr th { font-size: 11px; border-bottom: 0px; font-family: var(--ubuntu); } .dataTables_wrapper .row table thead tr th:first-child, .dt_on_modal thead tr th:first-child {border-top-left-radius: 10px; } .dataTables_wrapper .row table thead tr th:last-child, .dt_on_modal thead tr th:last-child {border-top-right-radius: 10px; } table.twdoble_head_row {} table.twdoble_head_row thead tr:last-of-type th:first-child {border-top-left-radius: 0px; } table.twdoble_head_row thead tr:last-of-type th:last-child {border-top-right-radius: 0px; } table.twdoble_head_row .sides_borders {position: relative; border-radius: 0px !important} table.twdoble_head_row .sides_borders:before { content: ""; position: absolute; left: 0px; top: 5px; bottom: 5px; right: 0px; border-left: 1px solid #eee; border-right: 1px solid #eee; } table.twdoble_head_row .sides_borders ~ .sides_borders:before {border-left:0px;} .twpagination {} .twpagination .dataTables_wrapper > div:first-child {padding: 10px; padding-bottom: 0px;} .twpagination .dataTables_wrapper .row table thead tr th:first-child, .twpagination .dataTables_wrapper .row table thead tr th:last-child {border-radius: 0px;} .dt_on_modal tbody tr td {font-size: 13px;} body .preAdd .basicInfo { border-color:#aeccae !important; background-color: #dff9df !important; padding: 13px 10px; border:1px solid; } body .preAdd .basicInfo:before { background-color:#739e73 !important; } .preAdd .basicInfo div[class^="col-"]:nth-child(n+7) { display: none; } .preAdd .basicInfo div[class^="col-"]:last-child { display: block !important; } .basicInfo div.div_showCompleteInfo { position: absolute; right: -33px; width: auto; top: -1px; } .basicInfo div.div_showCompleteInfo button { padding: 5px; display: block; min-width: 26px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-bottom: 2px; } .basicInfo div.div_showCompleteInfo button:first-child { margin-top: 0px; } .aspSection .contDatos .rowName { margin-top: 10px !important; } @media (max-width: 767px){ .aspSection .contDatos .selectHeader { width: 50%; } } @media (max-width: 500px){ .aspSection .contDatos .selectHeader { width: 100%; } } /* = = = Fin Preseleccionados = = = */ body .contentFieldsIns_criterios .bottom, body .contentFieldsReins_criterios .bottom { float: none !important; display: block !important; } *, :after, :before { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /* = = = Aspirantes = = = */ .aspSection { position: relative; width: 100%; float: left; margin: 10px 0px !important; margin-bottom: 15px !important; } body .aspSection .toggleBar { margin-top: 10px; } body .aspSection > label { font-size: 12px !important; padding-left: 30px; left: -25px; } body .aspSection > label, .aspSection:before { -webkit-box-shadow: -3px 2px 10px 2px rgba(0, 0, 0, 0.23); box-shadow: -3px 2px 10px 2px rgba(0, 0, 0, 0.23); } .contDatos { position: relative; display: block; width: 100%; padding-top: 25px; float: left; padding-left: 10px; } /* = = = Fin Aspirantes = = = */ /* = = = Snb= = = */ #snbModal #contenedor-disciplinas, #snbModal .contenidoDisicplina { position: relative; float: left; margin:0px; width: 100%; margin-bottom: 5px; } #contenedor-disciplinas > *:last-child .contenidoDisicplina { margin-bottom: 0px; } #snbModal #contenedor-disciplinas { position: relative; display: block; padding: 10px; padding-left: 20px; max-height: 245px; overflow: auto; background-color: #eaeaea; } #snbModal > [class^="col-"] { margin-bottom: 10px; float: left; width: 100%; } #snbModal > [class^="col-"] .note-editor { margin-bottom: 0px; } #snbModal .panel-body { max-height:150px; } .agregar-disciplinas i:hover { cursor: pointer; } /* = = = Fin Snb= = = */ /* = = = Validar CERT = = = */ #valCERT { } #accordion div[id^="collapse"] .inbox-download, #accordion div[id^="collapse"] .inbox-info-bar, .panel-default div[id^="collapse"] .inbox-download { border-bottom: 0px; padding: 0px; margin: 0px; } #valCERT div[id^="collapse"] .inbox-download ul { margin:0px; padding: 0px; } #valCERT div[id^="collapse"] .inbox-download ul li { margin: 0px; width: 33.33%; float: left; padding: 0 10px; } #valCERT #collapse1 .inbox-download-list li>:first-child { -webkit-box-shadow: none; box-shadow: none; } #valCERT #collapse1 .inbox-download-list li>:first-child { border-top:0px; } #valCERT #collapse1 .inbox-download-list li>:first-child strong, #valCERT #collapse1 .inbox-download-list li>:first-child br, #valCERT #collapse1 .inbox-download-list li>:first-child img, #valCERT #collapse2 .inbox-download-list li > :first-child br { display: none; } #valCERT #collapse1 .inbox-download-list [name="fileInfo"] > div label { margin: 0px; padding: 0px; background-color: transparent; margin-top: 20px } #valCERT div[id^="collapse"] .inbox-download-list li>:first-child, #valCERT div[id^="collapse"] .inbox-download-list li>:nth-child(2) { width: 100%; border: 0px; padding: 15px 0px; -webkit-box-shadow: none; box-shadow: none; } #valCERT div[id^="collapse"] .inbox-download-list li>:first-child { border-top: 1px solid #d8d8d8; } .progress { height:15px; background-color: transparent; border:0px; padding:0px 5px; } #valCERT div[id^="collapse"] .inbox-download-list li>:nth-child(2) { border:0px; -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0px; padding-top: 0px; margin-bottom: 10px; } #valCERT div[id^="collapse"] .inbox-download-list li > * { padding: 10px; background-color: transparent; } #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > * { float: left; padding: 0px; text-align: left; } #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > div:first-child { padding: 0px; margin-right: 5px; } #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > div img, #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > div img { height: 90px; } #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > div > label { margin-top: 25px; font-weight: normal; position: relative; margin-bottom: 0px; padding-left: 5px !important; } #valCERT #collapse2 .inbox-download-list [name="fileInfo"] > div > label:first-child:before, #valCERT #collapse2 .inbox-download-list [name="fileInfo"] > div > label:last-child:before, #valCERT #collapse3 .inbox-download-list [name="fileInfo"] > div > label:first-child:before, #valCERT #collapse3 .inbox-download-list [name="fileInfo"] > div > label:last-child:before, #valCERT #collapse1 .inbox-download-list [name="fileInfo"] > div label:before { position: absolute; left: 0px; top: -20px; background-color: var(--hight-color); color: #fff; padding: 2px 5px; font-size: 10px; font-weight: 500; display: block; height: auto; width: auto; } #valCERT #collapse1 .inbox-download-list [name="fileInfo"] > div label:before { content: "Folio" } #valCERT #collapse2 .inbox-download-list [name="fileInfo"] > div > label:first-child:before, #valCERT #collapse3 .inbox-download-list [name="fileInfo"] > div > label:first-child:before { content: "Archivo"; } #valCERT #collapse2 .inbox-download-list [name="fileInfo"] > div > label:last-child:before, #valCERT #collapse3 .inbox-download-list [name="fileInfo"] > div > label:last-child:before { content: "Código HASH"; } #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > div label, #valCERT div[id^="collapse"] .inbox-download-list [name="studentInfo"] > div label { display: block; text-align: left; padding: 0px; } #valCERT div[id^="collapse"] .inbox-download-list [name="studentInfo"] label { margin-top: 10px; margin-bottom: 0px; } #valCERT div[id^="collapse"] .inbox-download-list [name="studentInfo"] > div span { padding-left: 5px; } @media (max-width: 1200px) { #valCERT div[id^="collapse"] .inbox-download ul li { width: 50%; } } @media (max-width: 610px) { #valCERT div[id^="collapse"] .inbox-download ul li { width: 100% } } @media (max-width: 670px) { #valCERT div[id^="collapse"] .inbox-download-list li>:first-child, #valCERT div[id^="collapse"] .inbox-download-list li>:nth-child(2) { width: 100%; } } @media (max-width: 450px) { #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > * { width: 100%; text-align: center; } #valCERT div[id^="collapse"] .inbox-download-list [name="fileInfo"] > div:first-child { margin: 10px; } } /* = = = Fin Validar CERT = = = */ .form-horizontal .form-group { margin: 0px; } /* = = = Asignacion Aulas = = = */ .asigAulas ul { float: left; width: 100%; margin-bottom: 25px; } .asigAulas ul li:first-child { display: none; } @media(max-width: 810px) { .asigAulas ul li {width: 50% !important} } @media(max-width: 560px) { .asigAulas ul li {width: 100% !important} .asigAulas ul li label {width: 100%;} .asigAulas ul li span {position: absolute;top:0px; right: 10px; display: block;} } .asigAulas ul li { float: left; width: 33%; padding-top: 5px; } .asigAulas ul li span { display: block; font-weight: normal; text-align: left; padding-left: 10px; } .asigAulas .contMOT, .asigAulas .contGRUPO { margin-top: 20px; padding: 0 5px; } .asigAulas .contMOT legend, .asigAulas .contGRUPO legend { margin-bottom: 0px; border:0px; padding: 3px 10px; padding-right: 15px; } .asigAulas .contMOT { padding-right: 15px; } .contGRUPO #div_infoAulas { float: left; width: 100%; background-color: #fff; border:2px solid #3a3633; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .asigAulas .contGRUPO #div_infoAulas > div { width: 100%; float: left; } .asigAulas .contGRUPO #div_infoAulas > div:first-child { background-color: #3a3633; padding:0px; } .asigAulas .contGRUPO #div_infoAulas > div:first-child > div { line-height: 12px; font-size: 11px; color: #fff; font-weight: 700; padding: 5px 6px; } /*.asigAulas .contGRUPO #div_infoAulas > div > div:first-child, .asigAulas .contGRUPO #div_infoAulas > div > div:nth-child(2) { width: 15%; } .asigAulas .contGRUPO #div_infoAulas > div > div:last-child { width: 30%; }*/ .asigAulas .contGRUPO #div_infoAulas > div > div { display: block; float: left; padding: 2px 5px; text-align: center; width: 100%; } .asigAulas .contGRUPO #div_infoAulas > div > div { width: calc(100% / 6); text-transform: capitalize; } .motButton { width: 100%; display: block; float: left; position: relative; } .motButton { text-align: center; padding: 10px 0px; border-top: 1px solid #d8d8d8; } .contMOT #div_catalogoMotivos > div { width: 25%; float: left; height: auto; margin: auto; margin-top: 5px; padding: 5px !important; } .contMOT #div_catalogoMotivos > div:last-child { padding: 0px; } .contMOT #div_catalogoMotivos > div > div { text-align: center; width: 100%; position: relative; } .contMOT #div_catalogoMotivos > div > div> .count { padding: 5px; background-color: #fff; font-size: 16px; font-weight: normal; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; margin-top: -5px; padding-top: 7px; border-bottom: 1px solid #d8d8d8; } .contMOT #div_catalogoMotivos > div > div> .btn-group button{ width:calc(50% + .5px); border-top-right-radius: 0px; border-top-left-radius: 0px; font-size: 12px; padding:4px 0px; border-top: 0px !important; } .contMOT #div_catalogoMotivos > div > div > * { width: 100%; } .contMOT #div_catalogoMotivos > div > div > *:first-child { background-color: #3a3633; margin: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 1px 0px; color: #fff; font-size: 11px; -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; } .contMOT #div_catalogoMotivos > div > div > *:last-child { background-color: #739e73; border-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; display: block; min-height: 5px; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu, .infMotivos .dropdown-menu { background-color: #fff !important; min-width: inherit; width: auto; margin-top: 9px; border-top: 4px solid #739e73; border-radius: 2px; width: 100%; padding: 0px; } .infMotivos .dropdown-menu { left: 0px; right: inherit; width: auto !important; margin-bottom: 50px; } .infMotivos .dropdown-menu input[type=radio] { display: none; } .infMotivos .dropdown-menu:before { right: 45% !important; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu:before, .infMotivos .dropdown-menu:before { content: "\f0d8"; font-family: FontAwesome; display: block; height: auto; line-height: normal; width: auto; position: absolute; right: 24px; font-size: 20px; color: #739e73; top: -18px; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu li, .infMotivos .dropdown-menu li { padding: 2px 5px; font-size: 12px;text-align: center; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu li:first-child, .infMotivos .dropdown-menu li:first-child { padding:5px; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu li:first-child label, .infMotivos .dropdown-menu li:first-child label { font-weight: 700; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu li:nth-child(2):hover, .contMOT #div_catalogoMotivos > div > div .dropdown-menu li:nth-child(3):hover, .infMotivos .dropdown-menu li:nth-child(2):hover,.infMotivos .dropdown-menu li:nth-child(3):hover { background-color: #d8d8d8; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu li:nth-child(2):hover label, .contMOT #div_catalogoMotivos > div > div .dropdown-menu li:nth-child(3):hover label, .infMotivos .dropdown-menu li:nth-child(2):hover label, .infMotivos .dropdown-menu li:nth-child(3):hover label{ cursor: pointer; } .contMOT #div_catalogoMotivos > div > div .dropdown-menu label, .infMotivos .dropdown-menu label { margin:0px; text-align: center; font-weight: normal; } .contMOT #div_catalogoMotivos { margin:0px; width: 100%; padding: 5px; padding-bottom: 10px; } .infMotivos div > legend{ margin:0px !important; } .infMotivos .criteriosMan { width: 100% !important; margin:0px !important; border-top: 0px !important; counter-reset: section; } .infMotivos .criteriosMan > div { padding: 5px; } .infMotivos .criteriosMan > div > div { padding: 3px 5px; } .infMotivos .criteriosMan > div:hover, .infMotivos .criteriosMan > div:focus, .infMotivos .criteriosMan > div:active { -webkit-transition: border .3s; -o-transition: border .3s; transition: border .3s;background-color: #f3f3f3 !important; border:1px solid #d8d8d8;border-left:2px solid #3a3633; } .infMotivos .criteriosMan > div > div.funkyradio { float: right; text-align: right; max-height: 42px; padding-top: 14px; } .infMotivos .criteriosMan > div > div label:first-child { margin-bottom: 0px; } .infMotivos .criteriosMan > div > div label:last-child { font-weight: normal; padding-left: 5px; margin:0px; display: block; } body div#campoBUSC { width: 100% !important; margin: 0px !important; margin-top: -10px !important; padding-top: 10px !important; border: 0px !important; background-color:#3a3633 !important; float: left !important; display: block !important; } body div#campoBUSC { background-color: #3a3633 !important; padding: 0px !important; margin: 0px -20px !important; margin-top: -10px !important; width: calc(100% + 30px) !important; } body div#campoBUSC:before { display: none; } body div#campoBUSC > label:first-child, body div#campoBUSC > i { display: block; float: left; color: #fff; background-color: var(--hight-color); padding: 8px 20px; margin: 0px; padding-top: 10px; font-weight: normal; } body div#campoBUSC > i { display: none !important; } body div#campoBUSC > div { width: calc(100% - 101.05px) !important; float: left; padding: 5px 10px; padding-top: 8px !important; } body div#campoBUSC > div > div { width: 33.33%; float: left; padding: 0px 5px; } body div#campoBUSC > div > div:hover label { color: #fff !important; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } body div#campoBUSC ~ hr { width: 100%; float: left; margin:10px 0px; border-top:2px solid var(--hight-color); } #campoBUSC > div > div > label { color: #c0bbb7; margin-bottom: 0px !important; font-size: 12px; margin-right: 5px; font-weight: normal !important; } #campoBUSC > div > div > input { border: 0px; background-color: #c0bbb7; border-bottom: 1px solid #c0bbb7 !important; color: #3a3633 !important; width: 55%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 1px 5px; border-radius: 2px; } #campoBUSC > div > div > input:focus { width:calc(100% - 76px); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; color: #c0bbb7; border-color: #fff !important; background-color: #fff !important; } @media (max-width: 979px) { body div#campoBUSC > div > div { width: 50%; } body div#campoBUSC > div { width: calc(100% - 34px) !important; padding:5px; } body div#campoBUSC > label { display: none !important; } body div#campoBUSC > i { display: block !important; padding: 11px 10px; } } /* = = = Fin Asignacion Aulas = = = */ .funkyradio div { clear: both !important; overflow: hidden !important; } .funkyradio label { width: 100% !important; border-radius: 3px !important; border: 1px solid #D1D3D4 !important; font-weight: normal !important; } .funkyradio input[type="checkbox"]:empty { display: none !important; } .funkyradio input[type="checkbox"]:empty ~ label { position: relative !important; text-indent: 3.25em !important; cursor: pointer !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .funkyradio input[type="checkbox"]:empty ~ label:before { position: absolute !important; display: block !important; top: 0 !important; bottom: 0 !important; left: 0 !important; content: '' !important; width: 2.5em !important; background: #D1D3D4 !important; border-radius: 3px 0 0 3px !important; height: auto !important; } .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label { color: #888 !important; } .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before { content: '\2714' !important; text-indent: .9em !important; color: #C2C2C2 !important; } .funkyradio input[type="checkbox"]:checked ~ label { color: #777 !important; } .funkyradio input[type="checkbox"]:checked ~ label:before { content: '\2714' !important; text-indent: .9em !important; color: #333 !important; background-color: #ccc !important; } .funkyradio input[type="checkbox"]:focus ~ label:before { -webkit-box-shadow: 0 0 0 3px #999 !important; box-shadow: 0 0 0 3px #999 !important; } .funkyradio-success input[type="checkbox"]:checked ~ label:before { color: #fff !important; padding-right: 10px; background-color: #5cb85c !important; } .infMotivos .funkyradio label { width: 105px !important; float: right; height: 25px; padding: 3px 6px; background-color: #fff; text-align: center; } .infMotivos .funkyradio .funkyradio-success label:before { padding-top: 2px; padding-right: 10px; } @media(max-width: 550px) { .infMotivos .funkyradio label { width: 100% !important; } } /* = = = Filestyle = = = */ .filestyle ~ div.bootstrap-filestyle { width: 100%; } .filestyle ~ div.bootstrap-filestyle > input{ float: right; width: calc(100% - 95px); position: absolute; right: 0px; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important } .filestyle ~ div.bootstrap-filestyle > .group-span-filestyle { float: left; width: auto; } .filestyle ~ div.bootstrap-filestyle > .group-span-filestyle > label:first-child { padding: 6px; width: 97px; background-color: var(--hight-color); color: white; border-color: #01253a; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 0px; top:0px !important; left: 0px !important; } .filestyle ~ div.bootstrap-filestyle > .group-span-filestyle > label:first-child:hover { background-color: #f9f9f9; border-color: #ccc; margin: 0px; color: #000; } .filestyle ~ div.bootstrap-filestyle > .group-span-filestyle .icon-span-filestyle { display: none; } /* = = = Fin Filestyle = = = */ /* = = = Reglamento = = = */ /* = = = Fin Reglamento = = = */ /* = = = Firma = = = */ .checkFIRMA { padding: 0PX; margin: 0px; margin-top: -10px; background-color: #5cb85c; border-color: #4cae4c; color: #fff; border-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; float: right; margin-bottom: 10px; padding-left: 10px } .checkFIRMA > ul, .checkFIRMA > ul li { margin: 0px; } .checkFIRMA label { margin-bottom: 0px; } .checkFIRMA i { margin:0 5px; } .contFIRMA { float: left; position: relative; width: 100%; height: auto; } /*.contFIRMA > legend { display: block; width: auto; position: relative; padding: 3px 10px; line-height: initial; background-color: var(--hight-color); color: #fff; font-size: 13px !important; margin: 0px !important; font-weight: 700; border:0px !important; min-width: 70px; float: left; }*/ .contFIRMA > legend {margin: 20px 0px !important; margin-top: 50px !important;} .contFIRMA #containerF { position: relative; width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; width: 100%; position: relative; padding: 0px; text-align: center; background-color: #3a3633;border-top:1px solid #c0bbb7; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 340px; } #lblinput > div:nth-child(n+1) { display: none !important; } #lblinput:hover { cursor: pointer; } .contFIRMA #containerF > img { width: 1000px; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); } .contFIRMA #containerF #containerB { width: 100%; position: relative; max-width: 340px; height: 171px; margin: 0 auto; text-align: left; margin-top: 52px; } .contFIRMA #containerF #containerB > #infoFIRMA { padding: 2px 5px; width: 100%; position: absolute; background-color: #57889c; color: #fff; left: 0px; top: -19px; text-align: center; z-index: 2; font-size: 12px; } .contFIRMA #containerF #containerB a, .contFIRMA #containerF #containerB label { position: absolute; z-index: 1; left: -29px; width: 30px; height: 30px; border-radius: 0px; padding: 6px 9px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; top: 10px; display: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .contFIRMA #containerF #containerB label:last-child { top:42px; } .contFIRMA #containerF:hover #containerB a, .contFIRMA #containerF:focus #containerB a, .contFIRMA #containerF #containerB:focus a, .contFIRMA #containerF:hover #containerB label, .contFIRMA #containerF:focus #containerB label, .contFIRMA #containerF #containerB:focus label { display: block; } .contFIRMA #containerF:focus > canvas { -webkit-box-shadow: 0px 0px 10px 0px rgba(87, 136, 156, 0.56) inset; box-shadow: 0px 0px 10px 0px rgba(87, 136, 156, 0.56) inset; } .contFIRMA #containerF > canvas { border: 1px solid #d8d8d8; margin: 0 auto; display: block; position: absolute; width: 340px; z-index: 1; -ms-touch-action: none; touch-action: none; position: absolute; left:50%; top: 52px; -webkit-transform: translateX(-50%); border-bottom: 1px solid; } .contFIRMA #containerF #containerU { position: absolute; margin: 0 auto; width: 100%; text-align: center; bottom: 68px; } .contFIRMA #containerF #containerU > label { display: block; margin-bottom: 0px; } .contFIRMA #containerF #containerU > label:first-child {} .contFIRMA #containerF #containerU > label:last-child {} @media(max-width: 767px) { .contFIRMA #containerF > img { left: calc(50% - 10px); } .contFIRMA #containerF > canvas { left: calc(50% - 1.5px); } .contFIRMA #containerF #containerB { max-width: 342px; } } /* = = = Fin Firma = = = */ .switchable-wrapper { margin-left: 5px; } .dataTables_wrapper {} .dataTables_wrapper tbody {min-height: 200px;} .table-striped>tbody>tr:nth-of-type(odd) {background: var(--theme-color-content)} .table-striped>tbody>tr>td {border:0px;} .table-striped>tbody>tr:first-of-type>td {padding-top: 10px !important;} .table-striped>tbody>tr:last-of-type>td {padding-bottom: 10px !important;} table>tbody>tr>td button {min-height: 24px; min-width: 24px; border-radius: 6px;} table>tbody>tr>td .btn-xs ~ .btn-xs {margin-left: 1px;} .mainContainer .dataTables_wrapper div.row:last-child { margin: 0px; border: 0px; padding: 5px 0; padding-top: 7px; border-top: 1px solid #ddd; background: #fff;} .mainContainer .dataTables_wrapper div.row:last-child > div {} .mainContainer .dataTables_wrapper div.row:last-child > div:first-child { width: auto; padding: 0px; } .mainContainer .dataTables_wrapper div.row:last-child > div:last-child { width: auto; float: right; } .mainContainer .dataTables_wrapper div.row:last-child > div:first-child div.dataTables_info { padding: 6px 10px !important; color: #5a5a5a; font-style: normal; font-weight: 500; font-family: var(--ubuntu); font-size: 12px; color: #98979B; } .mainContainer .dataTables_wrapper div.row:last-child > div:last-child { width: auto; float: right; padding: 0px; } .mainContainer .dataTables_wrapper div.row:last-child > div:last-child > div { margin:0px; } .dataTables_wrapper div.dataTables_paginate ul.pagination { margin:0px; } .dataTables_wrapper div.dataTables_paginate ul.pagination li {display: inline-block;} .dataTables_wrapper div.dataTables_paginate ul.pagination li ~ li {margin-left: 3px;} .dataTables_wrapper div.dataTables_paginate ul.pagination li a {font-size: 12px; padding: 3px 8px; margin: 0; border-radius: 4px; color: #98979B; border-color: var(--aya-green); transition: var(--ease-out); outline: none; font-family: var(--ubuntu); font-weight: 500;} .dataTables_wrapper div.dataTables_paginate ul.pagination li.active a {pointer-events: none; color: #fff !important; background: var(--aya-green);} .dataTables_wrapper div.dataTables_paginate ul.pagination li.previous > a, .dataTables_wrapper div.dataTables_paginate ul.pagination li.next > a { border-color: transparent; padding: 3px; color: var(--aya-green); } .dataTables_wrapper div.dataTables_paginate ul.pagination li.previous > a:hover, .dataTables_wrapper div.dataTables_paginate ul.pagination li.next > a:hover { text-decoration: underline; } .pagination>li.disabled>a {} .regContainer .pagination>li:not(.active)>a:hover {} .dataTables_wrapper div.dataTables_paginate ul.pagination li:not(.active) a:hover {} .dataTables_wrapper div.dataTables_paginate ul.pagination li:not(.active).disabled a {} body .subCOUNT .form-group { margin-bottom: 0px !important; } @media(max-width: 767px) { body .subCOUNT .form-group { margin-bottom: 0px !important; } } /* = = = Edicion de Grupos = = = */ .subCOUNT > .templateCursos:first-child { margin-top: 0px !important } .templateCursos { margin:5px 0px !important; } .div_horario input.form-control { height: 22px; border-radius: 2px !important; } .div_horario input.form-control:focus { border-color: #4cae4c; } .horario_dias { width: 100%; float: left; margin: 2px 0px; padding: 0px; list-style: none; } .horario_dias li { width: calc(100% / 7); float: left; padding-right: 5px; } .ui_periodos li { width: calc(100% / 12); } .divSemestre .ui_periodos li { width: calc(100% / 6); } .horario_dias li:last-child { padding-right: 0px; } .horario_dias li > * { width: 100%; text-align: center; color: #333 !important; background-color: #b3b2b1; border-color: #b3b2b1; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .horario_dias li > *:hover { border-color: #e6e6e6; } .horario_dias li > label.diasSLCT { color: #fff !important; background-color: #5cb85c !important; border-color: #4cae4c !important; opacity: 1; } @media(max-width: 767px) { .horario_dias li { text-align: center; padding: 0px; } .horario_dias li > label { border-radius: 0px !important; border-right: 1px solid #3a3633 !important; } body .horario_dias li:first-child > label { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; } body .horario_dias li:last-child > label { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; border-right:inherit !important; } .horario_dias li > label > *:first-child { display: none; } .horario_dias li > label.diasSLCT { border-right-color: #3a3633 !important; } .horario_dias li > label > *:last-child { display: block !important; } } [class^="divOPC"] { background-color: rgba(0,0,0,.1); position: relative; float: left; margin-bottom: 35px; border-radius: 2px; border: 1px solid rgba(0,0,0,.1); padding: 10px 0px; padding-bottom: 5px; width: 100%; border-bottom-right-radius: 0px; } [class^="divOPC"] button { position: absolute !important; right: -1px; bottom: -24px; top: inherit !important; left: inherit !important; border-top-right-radius: 0px; border-top-left-radius: 0px; padding: 2px 6px; } [class^="divOPC"] button i { margin-right: 5px; } [class^="divOPC"] ul { margin:0px; padding: 15px 20px; list-style: none; } [class^="divOPC"] ul li { position: relative; float: left; width: calc(100% / 5); padding-bottom: 10px; } [class^="divOPC"] ul li label { margin-bottom: 0px; } [class^="divOPC"] ul li label:before { content: ""; display: block; position: absolute; height: 8px; width: 8px; right: -12px; top: 2px; border-radius: 2px; border:1px solid #a6a6a6; } [class^="divOPC"] ul li:first-child label:before { background-color: #f58225; } [class^="divOPC"] ul li:nth-child(2) label:before { background-color: #c0dfd0; } [class^="divOPC"] ul li:nth-child(3) label:before { background-color: #65c094; } [class^="divOPC"] ul li:nth-child(4) label:before { background-color: #03a45e; } [class^="divOPC"] ul li:last-child label:before { background-color: #0a7542; } [class^="divOPC"] ul li span { display: block !important; padding-left: 5px; } @media(max-width: 920px) { [class^="divOPC"] ul li { width: 50%; } } @media(max-width: 567px) { [class^="divOPC"] ul li { width: 100%; } } .divOPCcampo { padding: 0px !important; background-color: transparent !important; border:0px !important; border-radius: 0px !important; margin-bottom: 0px !important; } .divOPCcampo > button { position: relative !important; margin-top: -1px; width: auto; float: left; bottom: inherit; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-left: -1px; color: #333; background-color: #fff; border-color: #ccc; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .divOPCcampo > button.btn-warning:hover { color: #fff; background-color: #c79121; border-color: #b1811d; } .divOPCcampo > button.btn-info:hover { color: #fff; background-color: #57889c; border-color: #4e7a8c; } .divOPCcampo > button:last-child { border-bottom-right-radius: 2px; } .divOPCcampo > button:first-of-type { border-bottom-left-radius: 2px !important; } /* = = = Fin Edicion de Grupos = = = */ /* = = = Modal Timetable = = = */ .modal-content {padding: 2em; border-radius: 20px; box-shadow: var(--aya-shadow); border: 0;} .timetable {background-color: #3a3633; border-radius: 4px; padding: 2px; float: left; width: 100%; margin:2em 0; flex-wrap: wrap; position: relative; } .timetable:before,.timetable:after {display: none !important;} .timetable section time { position: relative; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .timetable aside { width: 94px; margin-top: 28px !important; border-right:0px; position: relative; z-index: 1; } .timetable aside ul li:first-child { border-top-left-radius: 2px; } .timetable aside ul li:last-child { border-bottom-left-radius: 2px;border-bottom:1px solid #3a3633; } .timetable section { width: calc(100% - 94px); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } .timetable section.maxRIGTH time:after { opacity: 0; width: 0px; } .timetable section.maxLEFT time:before { opacity: 0; width: 0px; } .timetable section time:before { background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.43)); content: ""; height: auto; width: 20px; position: absolute; z-index: 10; left: 0; top: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; opacity: 1; bottom: 0; bottom: 0; } .timetable section time:after { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.43)); content: ""; height: auto; width: 20px; position: absolute; z-index: 10; right: 0; top: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; bottom: 0; } .timetable aside li, .timetable time li, .timetable .time-entry { height: 60px !important; } .timetable .time-entry { word-break: break-all; padding: 2px 5px; } .timetable .time-entry small { font-size: 10px; } .timetable section header { height: auto; } .timetable aside:before { content: ""; display: block; position: fixed; left: 110px; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgb(58, 54, 51))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgb(58, 54, 51)); background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgb(58, 54, 51)); background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(58, 54, 51)); top: 123px; height: 22px; width: 60px; display: none !important; } .timetable aside:after { content: ""; display: block; position: fixed; right: 11px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(58, 54, 51))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgb(58, 54, 51)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgb(58, 54, 51)); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(58, 54, 51)); top:123px; height: 22px; width: 60px; display: none !important; } .timetable aside ul { border-right: 5px solid #3a3633; } .timetable aside li:not(:last-of-type) { border-bottom: .5px solid #6b6b6b; text-align: center; } .timetable aside li { color: #fff; font-size: 12px; background-color: transparent; text-align: center; } .timetable section header li { background-color: #3a3633; height: 22px !important; line-height: 22px; color: #fff; text-align: center; border-left: 1px solid #6b6b6b; } .timetable header ul { border-bottom: 2px solid transparent; border-top: 3px solid transparent; } .timetable ul.room-timeline li:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(1px, #efefef), color-stop(1px, transparent)); background-image: -webkit-linear-gradient(left, #efefef 1px, transparent 1px); background-image: -webkit-linear-gradient(left,#efefef 1px,transparent 1px); background-image: -o-linear-gradient(left,#efefef 1px,transparent 1px); background-image: linear-gradient(to right,#efefef 1px,transparent 1px); background-size: 16px auto; } .timetable ul.room-timeline li:first-of-type { border-top:1px solid #3a3633; } .timetable header ul li:last-child { display: none; } .timetable aside .row-heading { padding: 6px 0px; } .timetable section header li span { -webkit-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; position: relative !important; } /* = = = Fin Modal Timetable = = = */ .txt-color-orangeDark { color:var(--hight-color) !important; } #contInfo .chartDIS { max-height: 410px; border: 2px solid #3a3633; border-radius: 2px; border-top-left-radius: 0px; } /*#contInfo legend { margin: 0px; margin-top: 20px !important; float: left; width: auto; background-color: #3a3633; display: block; color: #fff; font-weight: 700; font-size: 12px; padding: 3px 10px !important; border:0px;position: relative; padding-right: 15px; }*/ #contInfo legend:before { content: "";height: 100%; width: 5px; background-color: #b5b1ac;position: absolute; display: block;right: -5px; top:0px; } #contInfo legend:first-child:before { background-color: #0a7542; } #contInfo legend:nth-child(3):before { background-color: #0465b2; } #contInfo legend:first-child { margin:0px !important; } #contInfo .chartDIS > * { display: block;float: left; } #contInfo .chartDIS > .table-responsive { width: 70%; height: 400px; } #contInfo .chartDIS > .chart { width: 30%; height: 400px !important; padding: 10px; margin: 0px !important; background-color: #3a3633; } #contInfo .chartDIS table { border:0px; } #contInfo .chartDIS > .table-responsive thead tr { background:transparent;background-color: #3a3633 !important; } #contInfo .chartDIS > .table-responsive thead tr th { color: #b5b1ac; font-size: 11px; border-bottom: 0px; } #contInfo .chartDIS > .table-responsive tbody tr td:first-child { max-width: 300px; overflow: hidden; } #contInfo .chartDIS > .table-responsive tbody tr>td { font-size: 11px; } #contInfo .chartDIS > .table-responsive thead tr>th, #contInfo .chartDIS > .table-responsive tbody tr>td { text-align: center; } #contInfo .chartDIS > .chart > * { text-align: center; color: #fff; } #contInfo .chartDIS > .chart .caption { font-weight: 700; font-size: 14px; margin:15px 0px; } #contInfo .chartDIS > .chart .legend { padding-top: 20px; } #contInfo .chartDIS > .chart .legend .label { padding-left: 1px; padding-right: 1px; font-size: 12px; font-weight: 400; } #contInfo .chartDIS > .chart .legend .label:last-child { text-transform: lowercase; } #contInfo .chart svg:not(:root) { height: 250px !important; max-height: 250px !important; } #contInfo .chart text { fill:aliceblue; } #contInfo .chartDIS > .table-responsive::-webkit-scrollbar-track { background-color: #ffc2a5; } .chartDIS table tbody tr td { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; opacity: .7; } .chartDIS table tbody tr:hover td { opacity: 1; } .chartDIS table tbody tr td:nth-child(2) { background-color:#68b2ec;width: 132px; } .chartDIS table tbody tr td:nth-child(3) { background-color:#f5ad73;} .chartDIS table tbody tr td:nth-child(4) { background-color:#cef7e3;} .chartDIS table tbody tr td:nth-child(5) { background-color:#93f3c5;} .chartDIS table tbody tr td:nth-child(6) { background-color:#30bb79;} .chartDIS table tbody tr td:nth-child(7) { background-color:#259660;} .chartDIS table tbody tr:hover td:nth-child(2) { background-color:#0465b2;} .chartDIS table tbody tr:hover td:nth-child(3) { background-color:#f58225;} .chartDIS table tbody tr:hover td:nth-child(4) { background-color:#c0dfd0;} .chartDIS table tbody tr:hover td:nth-child(5) { background-color:#65c094;} .chartDIS table tbody tr:hover td:nth-child(6) { background-color:#03a45e;} .chartDIS table tbody tr:hover td:nth-child(7) { background-color:#0a7542;} @media (max-width: 767px) { #contInfo .chartDIS {max-height: none} #contInfo .chartDIS > .table-responsive {max-height: 400px; height: auto; overflow: auto;} #contInfo .chartDIS > * { width: 100% !important;} } #contInfo .chart path { stroke-width:2px; } div.blockMsg { width: auto !important; top: 45% !important; left: 45% !important; border: 0px !important; background-color: rgba(255, 255, 255, 0.83) !important; padding: 5px 10px !important; border-radius: 4px !important; } div.blockMsg img { margin-right: 10px; margin-left: 5px; } [class*="opacityDIV"] { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .opacityDIV5 { opacity: .5; } .opacityDIV7 { opacity: .7; } .opacityDIV8 { opacity: .8; } table tbody tr:hover [class*="opacityDIV"],[class*="opacityDIV"]:hover { opacity: 1; } select:hover { cursor: pointer; } /* = = = Planes Estudio = = = */ .colorsCATE > .divCATE > [class^="col-xs-12"] { padding: 0px; } .divCATE { width: 100%; float: left; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .divCATE > label { margin-bottom: 10px; } .divCATE > label ~ i { display: inline-block; margin-left: 15px; color: #57889c; border-color: #4e7a8c; background-color: #fff; border-radius: 50% } .divCATE > label ~ i:hover { cursor: pointer; } .colorsCATE > .divCATE:nth-child(2) > label:before { background-color: #d9534f; } .colorsCATE > .divCATE:nth-child(3) > label:before { background-color: #f0ad4e; } .colorsCATE > .divCATE:nth-child(4) > label:before { background-color: #5cb85c; } .colorsCATE > .divCATE:nth-child(5) > label:before { background-color: #1369e4; } .divCONTgroups { width: 100%; float: left; margin-bottom: 15px; } .divCONTgroups > * { float: right; } .divCONTgroups > .divGROUP { padding-right: 5px; margin-top: 23px; position: relative; width: 142.6px; text-align: center; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .divCONTgroups > .divGROUP:before { content: ""; display: block; position: absolute; right: -2px; top: 1px; height: 30px; width: 1px; background-color: #ccc; } .divCONTgroups > .divGROUP > button { color: #fff; height: 33px !important; width:36px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .divCONTgroups > .divGROUP > .fa-check, .divGROUP > label > .fa-check,.divCONTgroups > .divGROUP > .fa-plus, .divGROUP > label > .fa-plus { background-color: #28a745; border-color: #28a745; } .divCONTgroups > .divGROUP > .fa-remove, .divGROUP > label > .fa-remove { background-color: #c82333; } .campICON .fa-check:before { content: "\f067" } .campICON .fa-remove:before { content: "\f1f8" } .divGROUP { display: block; width: auto; border-radius: 4px; float: left; } .divGROUP > label { margin-bottom: 0px; } .divGROUP > * { float: left; width: auto; font-size: 12px; padding: 6px 12px; border: 1px solid #cecece; } .divGROUP > *:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: calc(100% - 36.44px); background-color: #fff; height: 32px; } .divGROUP > *:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -1px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; height: 31px; width: 35.44px; } .divGROUP > *:last-child { height: auto;width: auto; padding: 0px; } .divGROUP > *:last-child i { color: #fff; height: 30px; width: 35px; padding: 9px 10px } .divGROUP > *:last-child i.fa-remove { padding-top: 9px; } .divGROUP > *:last-child i:last-child { display: none; } input[type=checkbox]:checked ~ .divGROUP > *:last-child i:last-child { display: block; } input[type=checkbox]:checked ~ .divGROUP > *:last-child i:first-child { display: none; } .divSIDEgroup { width: calc((100% - 143px) / 2); float: left; padding: 0px 10px; } .divGROUP > label > i.fa-remove, .divGROUP > input[type=checkbox]:checked ~ label i.fa-check { display: none; } .divGROUP > input[type=checkbox]:checked ~ label i.fa-remove { display: block; } .headerRow { float: left;width: 100%; margin-bottom: 10px; margin-top: 10px; } .headerRow > label:first-child, #compTABS > .tab-pane > legend, #compTABS .contTABS legend, .contFIRMA > legend {background-color: transparent; position: inherit !important; padding: 0px; padding-bottom: 5px; margin: 0px; font-family: var(--ubuntu); font-weight: 500; color: var(--aya-gray-dark); font-size: 18px; border-bottom: 1px solid var(--theme-color-content);} #compTABS .contTABS legend {} .regContainer .headerTitle button {border-radius: 6px;} .contTABS section { height: 350px; overflow: auto; background-color: #fff; padding: 15px 5px; width: calc(100% - 5px); margin-left: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top:1px solid #d8d8d8; margin-top: -2px; } .contTABS .alert { padding-bottom: 10px !important; border: 1px solid !important; border-color: #dfb56c !important; padding-top: 10px !important; border-radius: 4px !important; } .headerRow > label ~ span, #compTABS > .tab-pane > legend ~ span {display: block; width: 100%; height: 1px; background-color: #ddd; margin-bottom: 20px; display: none; } .modal #compTABS > .tab-pane {padding: 0px; padding-bottom: 10px;} .modal #compTABS > .tab-pane .contTABS {padding: 0px; padding-left: 2em;} .divIN { display: none; } .divIN, .divOUT { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .headerRow .headerRow { margin: 10px 0px; padding-left: 5px; } .headerRow .headerRow:nth-child(3) { margin-top: 20px; } .headerRow .text-center label { margin: 5px 0px; margin-top: 10px; } .headerRow ~ .alert { width: 100%; margin: 10px 0px; margin-top: 15px; border: 2px solid #dfb56c; padding: 5px; border-radius: 4px; } .div_especialidad ~ .headerRow .headerRow:last-child { margin-bottom: 0px !important; } @media(max-width:767px) { .divOUT {display: none;} .divIN {display: block;} .divCONTgroups .divSIDEgroup:nth-child(2) {padding-right: 5px;} .divCONTgroups .divSIDEgroup:last-child {padding-left: 5px;padding-right: 0px;} .divSIDEgroup label {white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 0px !important;} .headerRow .headerRow > div:first-child {padding: 0px; } .headerRow .headerRow > div:first-child label {border-left: 3px solid var(--hight-color); padding-left: 5px; line-height: 10px; margin-left: -5px; } .modal-content {padding-left: 1em; padding-right: 1em; } } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .headerRow div[class^="criterio_"] .bloquearInputRow, div[class^="criterio_"].headerRow .bloquearInputRow, div[class^="criterio_"] .bloquearInputRow { position: absolute !important; z-index: 1 !important; margin: 0px !important; opacity: 0 !important; display: inline-block !important; } .spinLOADER {display: none !important;} .skeduler-task-placeholder > div { font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important; font-size: 11px; border-radius: 4px; padding: 5px !important; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;} .skeduler-task-placeholder > div:hover {min-height: 55px !important;} .skeduler-task-placeholder > div > div > *:last-child { position: absolute; right: 4px; bottom: 3px; display: block; padding: 2px 3px; color: #eee; padding-bottom: 3px; border-radius: 3px; line-height: 11px; border: 1px solid #545454; text-transform: uppercase; font-size: 11px; -webkit-box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.5); background: #30373c; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;} .skeduler-task-placeholder > div:hover > div > *:last-child {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);} /* = = = Materias = = = */ .modalMAT > div:first-child { width: 100%; height: 100%; padding: 10px; margin: 0px; } .modalMAT > div:first-child > div { height: 100%; } .modalMAT .modal-body { padding: 10px !important; height: calc(100% - 46px); } .modalMAT > div:first-child > div #main, .modalMAT > div:first-child > div #tabDETAIL { width: 100%; margin:0px !important; padding: 0px; } .modalMAT > div:first-child > div #main { height: 100%; overflow: auto; padding:10px; background-color: #eaeaea; } body .modalMAT > div:first-child > div #main .demo { height: 100% !important; margin:0px !important; padding: 10px !important; position: relative;background-color: #eaeaea; overflow: initial; font-size: 10px !important; } body .modalMAT > div:first-child > div #main .demo .titlePERIODO { border-radius: 2px; height: 25px; padding-top: 5px; } .modalMAT * { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .modalMAT > div:first-child > div #tabDETAIL { height: auto; padding: 0px; position: absolute; background-color: #fff;width: 165px;top: -10px; right: -10px; border:1px solid #ddd; border-radius: 10px; border-top-left-radius: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.1); box-shadow: 0px 0px 10px rgba(0,0,0,.1); } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL { width: 300px; } .modalMAT > div:first-child > div #tabDETAIL > label > span:last-child { display: none; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > label > span:first-child { display: none; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > label > span:last-child { display: block; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > section { height: 0px; overflow: hidden; padding: 0px; } .modalMAT > div:first-child > div #tabDETAIL > section { display: block; overflow: inherit; height: auto; padding: 5px; width: 100%; margin-top: -23px; text-align: center; } .modalMAT > div:first-child > div #tabDETAIL > label.btn,.modalMAT > div:first-child > div #tabDETAIL > section { float: left; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > label.btn { margin: 0px; } .modalMAT > div:first-child > div #tabDETAIL > section { margin-top: 0px; } .modalMAT > div:first-child > div #tabDETAIL > div { height: 0px !important; overflow: hidden !important; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div { height: auto !important; overflow: inherit !important; margin: 0px !important; } .modalMAT > div:first-child > div #tabDETAIL:before { display: none; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL:before, .modalMAT > div:first-child > div #tabDETAIL > section:before { content: ""; display: block; height: 50px; width: 5px; position: absolute; background-color: var(--hight-color) !important; left: -5px; } .modalMAT > div:first-child > div #tabDETAIL > section:before { height: 29px; width: 5px;z-index: 0; top:0px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div { float: left;height: auto; padding: 10px 15px; width: 100%; position: relative; padding-bottom: 0px; } .modalMAT > div:first-child > div #tabDETAIL > label.btn-xs { position: absolute;left: -31px; top: -1px; font-size: 14px; padding: 2px 7px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; z-index: 2; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:first-of-type { margin-bottom: 10px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:first-of-type > div { float: left; width: 100%; padding-bottom: 5px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:first-of-type > div * { float: left; display: block; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:first-of-type > div > label { padding-right: 5px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:first-of-type > div > span { } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child { padding: 10px 15px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child > div, .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child > div > div { float: left; width: 100%; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child > div { padding-bottom: 5px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child > div > * { float: left; display: block; font-size: 12px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child > div > div { height: 15px !important; width: 15px !important; border-radius: 2px !important; border: 1px solid #d8d8d8; margin-right: 10px; } .modalMAT > div:first-child > div #tabDETAIL.showDETAIL > div:last-child > div > span { margin-top: -1px; } /* = = = Fin Materias = = = */ /* Modulo Horarios */ .modINSCR { width: 100%; float: left; height: auto; border:2px solid #444; border-radius: 2px; padding: 0px !important; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; } .modINSCR > * { float: left; position: relative; height: 480px; background-color: #fff; } .modINSCR > section { width: 470px; overflow: auto; padding-bottom: 70px; } .modINSCR > section:first-of-type {z-index: 0;} .modINSCR > section:last-of-type {z-index: 1;} .modINSCR .btnAMPLIAR { position: absolute; content: ""; display: block; height: 961px; width: 1468px; background-color: rgba(0, 0, 0, 0.53); z-index: 1; top: 0px; left: 0px; } .modINSCR > section::-webkit-scrollbar, .modINSCR > aside::-webkit-scrollbar { width: 10px;height: 10px; } .modINSCR > section::-webkit-scrollbar-thumb, .modINSCR > aside::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: 0px 0px 9px 0px #797979 inset; box-shadow: 0px 0px 9px 0px #797979 inset; } .modINSCR > section::-webkit-scrollbar-track, .modINSCR > aside::-webkit-scrollbar-track { background-color: #fafafa; border: 1px solid #aaa; -webkit-box-shadow: 0px 0px 5px 0px rgba(170, 170, 170, 0.8); box-shadow: 0px 0px 5px 0px rgba(170, 170, 170, 0.8) } .modINSCR > aside { width: calc(100% - 470px); border-left: 2px solid #444; overflow: auto; } .modINSCR > aside .skeduler-container { margin-top: -475px; } .modINSCR.extended > aside .skeduler-container { margin-top: 0px; } .modINSCR > aside .divAMPLIAR {position: -webkit-sticky;position: sticky; display: block; height: 100%; width: 100%; top: 0px; left: 0px; background-color: rgba(58, 54, 51, 0.5); z-index: 5; } .modINSCR.extended > aside .divAMPLIAR { height: auto; width: auto; top: 0px; right: 0px; } .modINSCR.extended > aside .divAMPLIAR label { top:10px !important; right: 10px; left: initial !important; background-color: var(--hight-color) !important; color: #fff !important; padding: 5px 7px; } .modINSCR .divAMPLIAR #btnAMPLIAR { position: absolute; top: calc(50% - 21px); left: calc(50% - 61px); background: #3a3633; color: #b5b1ac; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.62); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.62); border:1px solid transparent; border-radius: 6px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; font-size: 13px; text-transform: uppercase; } .modINSCR .divAMPLIAR #btnAMPLIAR:hover { opacity: .8; } .modINSCR .divAMPLIAR #btnAMPLIAR > span:last-of-type { display: none; } .modINSCR.extended #btnAMPLIAR > span:first-of-type { display: none; } .modINSCR.extended #btnAMPLIAR > span:last-of-type { display: inline-block; } .modINSCR > aside .divAMPLIAR label:hover { cursor: pointer; border-color: rgba(154, 154, 154, 0.5); border-radius: 5px; background-color: #484848; } .modINSCR > aside .divAMPLIAR label i {margin-left: 8px;} .modINSCR.extended section { width: 600px; border-bottom: 2px solid #444;} .modINSCR.extended aside { width: 100%; border-top:5px solid #444; } .modINSCR > #infoINSCR { width: 100%; height: auto; background-color: #444; padding: 10px; border-top-right-radius: 4px; border-top-right-radius: 4px; } .modINSCR > #infoINSCR legend { font-size: 13px; color: #eee; font-weight: 700; margin: 5px 0px; border: 0px; padding: 0px; margin-bottom: 15px; } .modINSCR > #infoINSCR label { width: calc(100% / 6); text-align: center; color: #eee; font-size: 12px; float: left; margin: 5px 0px; margin-bottom: 10px; } .modINSCR > #infoINSCR label div { display: inline-block; height: 15px; width: 20px; margin-left: 10px; border-radius: 4px; margin-bottom: -3px; } .modINSCR.extended > #infoINSCR { display: block; width: calc(100% - 600px); text-align: center; background-color: #444444; float: right; height: 480px !important; } @media(max-width: 800px) { .modINSCR.extended > #infoINSCR {width: calc(100% - 550px);} .modINSCR.extended section {width: 550px;} } @media(max-width: 750px) { .modINSCR > * {width: 100% !important; border:1px solid #444 !important;} .modINSCR.extended > #infoINSCR {height: auto !important;padding-bottom: 25px !important;} .extended > #infoINSCR label {height: auto !important; padding: 10px 0px !important; width: 33% !important;} .extended > #infoINSCR label:nth-child(5), .extended > #infoINSCR label:nth-child(6) { width: 50% !important; } .modINSCR > section, .modINSCR > aside {height: 450px;} } .extended > #infoINSCR legend { font-size: 14px; margin: 20px 0px; } .extended > #infoINSCR label { width: 100%; font-size: 13px; margin: 0px; height: calc((100% - 130px) / 5); padding: 32px 0px; position: relative; } .modINSCR .modCAT > * { float: left; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; width: 100%; padding: 5px; padding-left: 10px; padding-bottom: 20px; } .modCAT { float: left; width: 100%; position: relative; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .modCAT.staticH { height: 22px; overflow: hidden; } .staticH > label { border-bottom: 0px !important; } * > .staticH:last-child { height: 23px !important; } * > .staticH:last-child label { border-bottom: 1px solid #3a3633 !important; } .nameCAT, .divMAT.divACTIVE, .divMAT.divACTIVE *, .modCAT:hover * { opacity: 1; } /*.modCAT > * , .divMAT > * {opacity: .8; }*/ * > .modCAT > .divMAT.divACTIVE { border: 1px solid rgb(0, 132, 247); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .divMAT.divACTIVE~.divMAT.divACTIVE { border-top:0px; margin-top: -1px; } .modINSCR .nameCAT { padding: 2px 5px; margin: 0px; font-size: 12px; background-color: var(--hight-color); color: #fff; width: 100%; position: relative; overflow: hidden; padding-right: 27px; border-top:1px solid #3a3633; border-bottom: 1px solid #3a3633; } .modINSCR .nameCAT .nombre_categoria {display: block;width: 100%;} .modINSCR .nameCAT span > span { width: 22%; display: inline-block; text-align: center; font-size: 11px; font-weight: 400; text-transform: capitalize; } .modINSCR .nameCAT span > span:nth-child(1) { width: calc(100% - 200px); white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden; height: 12px; } .modINSCR .nameCAT span > span:nth-child(2) { max-width: 80px; } .modINSCR .nameCAT span > span:nth-child(3) { max-width: 120px; } .modINSCR .nameCAT:hover, .modINSCR .nameMAT:hover { cursor: pointer; } .modINSCR .nameCAT:before,.modINSCR .nameMAT:before { display: block;content: ""; height: 100%; width: 100%; position: absolute; top:0px; left:0px; opacity: .3; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+48,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(48%, rgba(0,0,0,0)), to(rgba(0,0,0,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(48%, rgba(0,0,0,0)),to(rgba(0,0,0,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .modINSCR .nameMAT:before { opacity: .3; } .modINSCR .nameCAT:hover:before,.modINSCR .nameMAT:hover:before { -webkit-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s; } .modINSCR .nameCAT:hover:before { opacity: .5; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .modINSCR .nameMAT:hover:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+32,4f4f4f+100&0+41,0+41,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, rgba(0,0,0,0)), color-stop(41%, rgba(10,10,10,0)), to(rgba(79,79,79,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 32%, rgba(10,10,10,0) 41%, rgba(79,79,79,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, rgba(0,0,0,0)),color-stop(41%, rgba(10,10,10,0)),to(rgba(79,79,79,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 32%,rgba(10,10,10,0) 41%,rgba(79,79,79,0.65) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 32%,rgba(10,10,10,0) 41%,rgba(79,79,79,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 32%,rgba(10,10,10,0) 41%,rgba(79,79,79,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a64f4f4f',GradientType=0 ); /* IE6-9 */ } .modINSCR .nameMAT > .nameMateria { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: calc(100% - 10px); } .modINSCR .toggleCAT { position: absolute; padding: 3.5px 8px; background-color: #333333; color: #fff; right: 0px; top: 0px; font-size: 14px; width: 23px; } .modINSCR .toggleCAT.fa-minus:before { content: "\f0da"; } .modINSCR .toggleCAT.fa-plus:before { content: "\f0d7"; } .modINSCR .divMAT.divOUT, .modINSCR .matHORARIO.divOUT, .modINSCR .matHORARIO.divOUT ~ .matINFO { height: 0px; overflow: hidden; border-top:0px;border-bottom: 0px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; padding: 0px; } .modINSCR .divMAT { width: 100%; border: 1px solid #aaa; padding: 0px; border-top-right-radius: 2px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; border-radius: 5px; margin-bottom: 5px; position: relative; } .modINSCR .divMAT:before { content: ""; position: absolute; display: block; width: 5px; height: 1px; top: 9px; left: -5px;background-color: #999; } .divMAT.optativa > label:after, .divMAT.especialidad_1 > label:after, .divMAT.especialidad_2 > label:after, .divMAT.virtual > label:after, .divMAT.semi_presencial > label:after, .divMAT.curso_inscrito > label i:after, .header_especialidad li[name^="Capa"], .header_especialidad li[name^="Ser"] { content: ""; position: absolute; right: 26px; top: 1px; display: block; padding: 1px 3px; border-radius: 3px; line-height: 11px; border: 1px solid #686868; text-transform: uppercase; font-size: 10px; z-index: 5; -webkit-box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.5); } .divMAT.curso_inscrito.optativa > label:after {right: 45px;} .divMAT.curso_inscrito.especialidad_1 > label:after {right: 45px;} .divMAT.curso_inscrito.especialidad_2 > label:after {right: 45px;} .divMAT.curso_inscrito.virtual > label:after {right: 45px;} .divMAT.curso_inscrito.semi_presencial > label:after {right: 45px;} * .bootstrap-datetimepicker-widget {display: block !important; height: auto !important; background-color: #fff !important} .divMAT.optativa > label:after {content: "optativa"} .divMAT.especialidad_1 > label:after {content: "capacitación"} .divMAT.especialidad_2 > label:after {content: "serie"} .divMAT.virtual > label:after {content: "curso virtual"} .divMAT.semi_presencial > label:after {content: "semi-presencial"} .divMAT.curso_inscrito > label i:after { content: "INSC"; top: -3px; z-index: 10; right: 10px; font-weight: 700; font-family: sans-serif;} .matGEN {background-color: #f5f5f5} .matOPT, .optativa,.divMAT.optativa > label:after {background-color: #ffee7d} .matCAP, .especialidad_1, .divMAT.especialidad_1 > label:after, .header_especialidad li[name^="Capa"] {background-color: #dcffca} .semi_presencial > label, .divMAT.semi_presencial > label:after, .modINSCR .semi_presencial .matHORARIO {background-color: #c3efff} .divMAT.virtual > label:after /*, .virtual > label, .modINSCR .virtual .matHORARIO*/ {background-color: #c3efff} .matINSC, .curso_inscrito > label, .divMAT.curso_inscrito > label:after, .modINSCR .curso_inscrito .matHORARIO {background: #dbe7e9;} .matATRASA, .atrasada > label, .divMAT.atrasada > label:after, .modINSCR .atrasada .matHORARIO {background: #ba7c51;} .matSATU, .saturada > label, .divMAT.saturada > label:after, .modINSCR .saturada .matHORARIO {background: #ffe5b3;} .matSER, .especialidad_2, .divMAT.especialidad_2 > label:after, .header_especialidad li[name^="Ser"] {background-color: #c3cdff} .matREP {background-color: #ff7d7d} .divMAT.curso_inscrito > label i:after { background-color: #5a5a5a; border-color: #828282; -webkit-box-shadow: -3px 0px 5px rgba(90, 90, 90, 0.65); box-shadow: -3px 0px 5px rgba(90, 90, 90, 0.65); color: #eee;} .atrasada > label > span {} .sinHORA {width: 100%; text-align: center; left: 0px; top: 0px; padding: 2px 0px; margin: 0px; color: #5a5a5a; font-size: 12px; text-transform: uppercase;} .modINSCR .nameMAT { margin: 0px;position: relative !important;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24); padding:1px 5px;padding-left: 8px; font-size: 13px; color: #5a5a5a; overflow: hidden; font-size: 12px !important; float: left; display: block; width: 100%; } .divAppendMaterias > *:last-child { margin-bottom: 0px; } .divAppendMaterias > *:last-child:after { content: ""; display: block; position: absolute; border-top-right-radius: 10px; top: 10px; left: -6px; height: 200%; width: 2px; background-color: #fff; } .divAppendMaterias { position: relative; overflow:hidden; } .divAppendMaterias:before { position: absolute; content: ""; display: block; left: 5px; height: 100%; top: 0px; width: 1px; background-color: #999; } .modINSCR .toggleMAT { position: absolute; right: 10px; top: calc(50% - 6px); } .modINSCR .matHORARIO { margin:0px; width: 100%; padding: 5px 0px; float: left; list-style: none; position: relative; background: transparent; } .modINSCR .horaDIA { float: left; width: calc((100% - 20px) / 5); text-align: center; position: relative; } .modINSCR .horaDIA:before, .modINSCR .horaDIA:after { content: ""; display: block; position:absolute; height: 100%; width: 1px; background-color: #d8d8d8; } .matHORARIO div:first-child .horaDIA:before, .matHORARIO div:last-child .horaDIA:after { display: none !important; } .modINSCR .horaDIA:before { left: 0px; top:0px; } .modINSCR .horaDIA:after { right: -1px; top:0px; } .modINSCR .dia,.modINSCR .horas_curso, .modINSCR .diaHORAS { float: left;width: 100%; margin:0px; font-weight: normal !important; font-size: 10px; } .modINSCR .dia:first-child { font-weight: 600 !important; font-size: 11px !important; margin-bottom: 2px; } .modINSCR .addMAT { height: 100%; width: 26px; background-color: #444; color: #ddd; position: absolute; top: 0px; right: 0px; text-align: center; font-size: 12px; padding:0px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .modINSCR .addMAT:hover { cursor: pointer; color:#fff; } .modINSCR .addMAT:before { position: absolute; top: calc(50% - 6px); left: 8px; } .modINSCR .addMAT.fa-minus:before { content: "\f1f8"; } .modINSCR .addMAT.fa-minus:hover { -webkit-box-shadow: 0px 0px 24px 5px rgba(255, 0, 0, 0.48) inset; box-shadow: 0px 0px 24px 5px rgba(255, 0, 0, 0.48) inset; } .modINSCR .addMAT.fa-plus:hover { -webkit-box-shadow: 0px 0px 24px 5px rgba(0, 179, 6, 0.48) inset; box-shadow: 0px 0px 24px 5px rgba(0, 179, 6, 0.48) inset; } .modINSCR .matINFO { width: 100%; background-color: #999; color: #fff; margin: 0px; padding: 0px 5px; float: left; text-align: left; } .modINSCR .matGRP,.modINSCR .matCUP, .modINSCR .matMAE,.modINSCR .matCREDITOS, .matINFO > * { padding: 2px 0px; margin:0px; float: left; height: auto; display: block; font-size: 11px; text-align: center; } .matINFO > * {width: calc(100% / 3) !important;} .matINFO > .matMAE, .matINFO > .matUBI {width: 50% !important;} .modINSCR .matGRP span,.modINSCR .matCUP span, .modINSCR .matMAE span, .modINSCR .matCREDITOS span { margin-left: 5px; } .modINSCR .matGRP span {text-transform: capitalize;} .modINSCR .matCREDITOS, .modINSCR .matGRP {padding-bottom: 0px !important;} .modINSCR .matCUP, .modINSCR .matMAE {padding-bottom: 2px !important} .modINSCR .matCREDITOS, .modINSCR .matCUP {width: 90px;} .modINSCR .matGRP {width: calc(100% - 90px); -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .modINSCR .matMAE {width: calc(100% - 90px); -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .templateINFOCURSO, .divAPPENDCURSO { float: left; width: 100%; display: block; } #t_especialidad, #t_tronco_comun,#t_optativas,#t_reprobadas, #especialidad_1,#especialidad_2, #t_cursos_actuales, #t_atrasadas_no_baja, #t_atrasadas_baja { width: calc(20% - 10px); padding:0px; margin: 0px 5px; background-color: #fff; border-radius: 5px; overflow:hidden; margin-top: 5px; border:1px solid #d8d8d8 !important; } @media(max-width: 767px) { #t_especialidad, #t_tronco_comun, #t_optativas, #t_reprobadas, #especialidad_1, #especialidad_2, #t_cursos_actuales, #t_atrasadas_no_baja, #t_atrasadas_baja { width: calc(33% - 10px); } } @media(max-width: 567px) { #t_especialidad, #t_tronco_comun, #t_optativas, #t_reprobadas, #especialidad_1, #especialidad_2, #t_cursos_actuales, #t_atrasadas_no_baja, #t_atrasadas_baja { width: calc(50% - 10px); } } #t_especialidad > legend, #t_tronco_comun > legend,#t_optativas > legend,#t_reprobadas > legend, #especialidad_1 > legend,#especialidad_2 legend, #t_cursos_actuales legend, #t_atrasadas_no_baja legend, #t_atrasadas_baja legend { margin: 0px; padding: 0px; font-size: 13px; font-weight: 700; text-align: center; background-color: #444; border:0px; color: #fff; } #t_especialidad > div, #t_tronco_comun > div,#t_optativas > div,#t_reprobadas > div, #especialidad_1 > div,#especialidad_2 > div, #t_cursos_actuales > div, #t_atrasadas_no_baja > div , #t_atrasadas_baja > div { width: 100%; } #t_especialidad > div:nth-child(3) label, #t_tronco_comun > div:nth-child(3) label, #t_optativas > div:nth-child(3) label, #t_reprobadas > div:nth-child(3) label, #especialidad_1 > div:nth-child(3) label, #especialidad_2 > div:nth-child(3) label, #t_cursos_actuales > div:nth-child(3), #t_atrasadas_no_baja > div:nth-child(3) label , #t_atrasadas_baja > div:nth-child(3) label { margin-top: 0px; } #t_especialidad > div label, #t_tronco_comun > div label,#t_optativas > div label,#t_reprobadas > div label, #especialidad_1 > div label,#especialidad_2 > div label, #t_cursos_actuales > div label, #t_atrasadas_no_baja > div label , #t_atrasadas_baja > div label { float: left; margin: 5px 0px; } #t_especialidad > div label:first-child, #t_tronco_comun > div label:first-child,#t_optativas > div label:first-child, #t_reprobadas > div label:first-child, #especialidad_1 > div label:first-child,#especialidad_2 > div label:first-child, #t_atrasadas_no_baja > div label:first-child , #t_atrasadas_baja > div label:first-child { width: 65%; padding-left: 10px; } #t_cursos_actuales > div label { width: 100%; text-align: center; } #t_especialidad > div label:last-child, #t_tronco_comun > div label:last-child,#t_optativas > div label:last-child,#t_reprobadas > div label:last-child, #especialidad_1 > div label:last-child,#especialidad_2 > div label:last-child, #t_atrasadas_no_baja > div label:last-child , #t_atrasadas_baja > div label:last-child { width: 35%; text-align: center; } #tablero ~ .regContainer .footerBTN { margin: 0px !important; padding: 0px !important; text-align: right; } #tablero ~ .regContainer .footerBTN button { width: 200px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .skeduler-main-body > div > .skeduler-task-placeholder > div { overflow-y: hidden !important; } /*==FIN Horarios==*/ #actaNacimiento input[type=checkbox]:checked ~ .divGROUP > *:last-child { background-color: #5cb85c; } #actaNacimiento input[type=checkbox]:checked ~ .divGROUP > *:last-child > *:first-child { display: none; } #actaNacimiento input[type=checkbox]:checked ~ .divGROUP > *:last-child > *:last-child { display: block; padding-top: 2px; } .checkROUND { padding-top: 5px; } .checkROUND > * { width: 50%; float: left; margin:0px; } .checkROUND > *:first-child {} .checkROUND > *:last-child { padding-left: 10px; } @media(max-width: 767px) { .regContainer .mainContainer .contTOGGLE { margin-top: 10px !important; } .checkROUND { padding-top: 10px; } .checkROUND > *:first-child { width: calc(100% - 46px); z-index: 2; } .checkROUND > *:first-child:before { content: ""; width: 100%; background-color: #ddd; height: 1px; position: absolute; top: 10px; z-index: -1; } .checkROUND > *:last-child { width: 46px; padding-top: 6px; } } /*== SWITCH CSS ==*/ .content_switchCSS { min-height: 54px; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; } .switch_inline {min-height: auto; flex-direction: row; justify-content: space-between; align-items: center;} .switch_inline + .switch_inline {margin-top: 15px !important;} .switch_inline > label {font-weight: normal !important; margin:0;} .switch_inline > input {margin: 0; width: 37px !important; right: 0;} .switch_inline > .switchCSS {margin: 0 !important;} .content_switchCSS input {position: absolute;z-index: 1;width: 100%; height: 100%; opacity: 0;cursor: pointer;} .content_switchCSS input[disabled] + .switchCSS {opacity: .5} .switchCSS, .switchCSS > span { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .switchCSS {width: 37px; height: 22px; background-color: #d8d8d8; border: 1px solid #bfbfbf; border-radius: 15px; margin: 0px !important; margin-top: 10px !important; } input:checked ~ .switchCSS { border-color: var(--aya-green); background-color: var(--aya-green); } .switchCSS > span:hover, div[class^="criterio_"] .divIN ~ .bloquearInputRow:hover { cursor: pointer; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; } .switchCSS > span, div[class^="criterio_"] .divIN ~ .bloquearInputRow { height: 20px; width: 20px; background-color: #f9f9f9; display: block; border-radius: 50%; margin-top: 0px; -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); -webkit-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 4px #888; } input:checked ~ .switchCSS > span, div[class^="criterio_"] .divIN ~ .bloquearInputRow:checked { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } .switchable-holder {height: 22px;} .switchable-holder .switchable-switcher {width: 20px; height: 20px; -webkit-transform: translateX(1px); -moz-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); transform: translateX(1px);} .switchable-holder.switchable-checked {border-color: var(--aya-green); background-color: var(--aya-green);} .switchable-holder.switchable-checked .switchable-switcher { -webkit-transform: translateX(14px); -moz-transform: translateX(14px); -ms-transform: translateX(14px); -o-transform: translateX(14px); transform: translateX(14px); } /*== FIN SWITCH CSS ==*/ .menu-on-top nav ul ul li:hover>a:after, .menu-on-top nav>ul ul>li a:after, .menu-on-top nav>ul ul>li a:hover:after, .menu-on-top nav>ul>li>a:after { font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; content: "chevron_right" !important; } .menu-on-top nav>ul>li>a:after, body nav ul li .navMENU ~ ul li:hover a:before {display: none !important;} .menu-on-top nav ul ul li:hover>a:after, .menu-on-top nav>ul ul>li a:after, .menu-on-top nav>ul ul>li a:hover:after, .menu-on-top nav>ul>li>a:after { color: white !important; right: 9px; font-size: 18px; top: 8px; } .menu-on-top nav>ul ul>li a:only-child:after, .menu-on-top nav>ul>li>a:only-child:after {display: none !important;} .div_manuales {float: right; margin-top: 15px; font-size: 13px; margin-right: 10px; color: #5a5a5a; -webkit-transition: all ease-out .6s; -o-transition: all ease-out .6s; transition: all ease-out .6s;position: relative;} .div_manuales:hover {color: #333; cursor: pointer;} .div_manuales img {height: 16px; width: auto; margin-left: 5px; margin-top: -1px;} /*== Cambios Generales ==*/ .onlyBTN {height: 54px} .onlyBTN > .btn {margin-top: 22px;} @media(max-width: 767px) { .onlyBTN {height:auto; width: 100%; text-align: left;} .onlyBTN > .btn {margin-top:5px;} .fullBTN .btn { width: 100%; padding: 4px;} .modal-backdrop {background: rgba(0, 0, 0, 0.65) !important;} } .ui-spinner {border: 1px solid #ccc;border-radius: 7px !important; } .ui-spinner-button {} .ui-spinner-button:hover {cursor: pointer;} .ui-spinner-button:after { content: ""; height: 100%; width: 1px; position: absolute; display: block; left: -1px; top: 0px; background-color: #ccc; z-index: 2;} .ui-spinner-button:before {font-size: 10px; position: absolute; height: 100%; width: 100%; margin: 0px; left: 0px; top: 0px; text-align: center; padding: 2px 0px;} .ui-spinner-down, .ui-spinner-up {} .fix_ui_spinner {} .fix_ui_spinner > div {} .fix_ui_spinner > div > label {} .fix_ui_spinner > div > span.ui-spinner {border: 0; display: block; position: relative;} .fix_ui_spinner > div > span.ui-spinner > input {padding-right: 23px !important;} .fix_ui_spinner > div > span.ui-spinner > a {position: absolute; right: 2px; width: 19px; display: flex; align-items: center; justify-content: center; height: 16.5px; z-index: 1;} .fix_ui_spinner > div > span.ui-spinner > a:first-of-type {top: 2px; border-top-right-radius: 8px;} .fix_ui_spinner > div > span.ui-spinner > a:last-of-type { bottom:2px; border-bottom-right-radius: 8px; } .fix_ui_spinner > div > span.ui-spinner > a:after {display: none !important;} .fix_ui_spinner > div > span.ui-spinner > a > span {font-size: 12px;} /*== FIN Cambios Generales ==*/ .mul_select > aside {display: block;width: 100% !important; height:0px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; overflow: hidden;} .mul_select > aside.show {height: auto;} .mul_select > aside > * {font-weight: normal;display: block;width: 100%;} /* Agregados para cambios MENU */ .dashboard_section {float: left; width: 100%; } .banner_img {background: url(../img/welcome_bg.jpg); background-size: cover; height: auto; padding:2em; padding-top: 4em; background-repeat: no-repeat; border-radius: 5px; position: relative; z-index: 1; overflow: hidden; background-position: center;} .banner_img:before {content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: var(--hight-color); z-index: -1; opacity: .7;} .welcome_section {display: block; width: 100%; max-width: 500px;} .welcome_section > * {color: #fff;} .welcome_section > label {font-family: 'Ubuntu', sans-serif;font-size: 18px; margin: 0px;} .welcome_section > h1 {font-family: 'Ubuntu', sans-serif; font-size: 38px; margin-top: 0px;} .welcome_section > p {margin: 0px; font-size: 15px; line-height: 23px;} .welcome_section > p strong:first-of-type {font-style: italic;} .welcome_section > p strong:last-of-type {text-transform: uppercase;} .sub_menu_cat_contpaq {position: relative; padding: 12px; border-radius: 5px; margin: 0 -12px; margin-top: 12px;} #aside_menu .am_section[data-m-section="catalogos"] .sub_menu_cat_contpaq {background: var(--aya-blue);} #aside_menu .am_section[data-m-section="procesos"] .sub_menu_cat_contpaq {background: var(--aya-green);} #aside_menu .am_section[data-m-section="reportes"] .sub_menu_cat_contpaq {background: var(--aya-greens);} .sub_menu_cat_contpaq > img {display: block; height: 16px; margin: 12px 0;} .sub_menu_cat_contpaq > img + a { margin-top: 12px;} .sub_menu_cat_contpaq > a {width: 100%;color: #fff !important;} .sub_menu_cat_contpaq > a:hover {opacity: .8;} .sub_menu_cat_gp {position: relative; padding: 12px 10px; border-radius: 5px; margin: 0 -12px; margin-top: 12px; border: 2px solid transparent;} #aside_menu .am_section[data-m-section="catalogos"] .sub_menu_cat_gp {border-color: var(--aya-blue);} #aside_menu .am_section[data-m-section="procesos"] .sub_menu_cat_gp {border-color: var(--aya-green);} #aside_menu .am_section[data-m-section="reportes"] .sub_menu_cat_gp {border-color: var(--aya-greens);} .sub_menu_cat_gp > a {} .sub_menu_cat_gp > a ~ a {} .alert_especial {display: none !important; position: absolute; font-size: 14px; left: 0px; top: 0px; right: 0px; bottom: 0px; font-style: italic; width: 100%; height: 100%; text-align: center; padding: 5px; color: #686868;} * > div.alert_especial:only-child {display: block !important;} @media(max-width: 767px) { body:not(#extr-page) .sistemaprueba_alert {left: calc(50% - 60px); top: calc(100% - 14px); padding: 0px !important;} .tResponsive_custom {margin-left: -1.5em; width: auto; margin-right: -1.5em; display: block; float: none;} .tResponsive_custom, .tResponsive_custom > * {-webkit-box-shadow: none !important;box-shadow: none !important;} .tResponsive_custom table.dataTable, .content_look_like.tResponsive_custom .look_like_table {display: block;} .tResponsive_custom table.dataTable > thead, .thead_look_like {display: none;} .tResponsive_custom table.dataTable > tbody, .tResponsive_custom table.dataTable > tbody {display: block;width: 100%;padding: 0px 1em;} .tResponsive_custom table.dataTable > tbody > tr, .content_look_like.tResponsive_custom .look_like_table > tbody > tr {display: block;border-radius: 10px; margin-bottom: 2em;-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,.2);box-shadow: 0px 2px 7px rgba(0,0,0,.2);} .tResponsive_custom table.dataTable > tbody > tr + tr {} .tResponsive_custom table.dataTable > tbody > tr:last-of-type {} .tResponsive_custom table.dataTable > tbody > tr > td, .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td {display: block !important;width: 100%;padding-left: 140px !important;max-width: none !important; min-height: 30px; text-align: center !important;position: relative;} .tResponsive_custom table.dataTable > tbody > tr > td:before, .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td:before {content: attr(data-label); text-align: right; position: absolute; left: 0; top: 0; width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; color: #fff; background: #639BE6 !important; font-weight: 600; padding: 0px 10px; font-family: 'Ubuntu', sans-serif;} .tResponsive_custom table.dataTable > tbody > tr > td:after, .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td:after {content: ""; height: 1px; left: 140px; right: 20px; width: auto; bottom: -1px; background: rgba(138, 138, 138, 0.12); position: absolute;} .tResponsive_custom table.dataTable > tbody > tr > td:first-child:before, .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td:first-child:before {border-top-left-radius: 10px;} .tResponsive_custom table.dataTable > tbody > tr > td:last-child:before, .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td:last-child:before {border-bottom-left-radius: 10px;} .tResponsive_custom table.dataTable > tbody > tr > td:last-child:after, .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td:last-child:after {display: none;} .content_look_like.tResponsive_custom {float: none !important; width: auto !important;margin: 0 -1em;} .table_to_scroll {padding:1em .5em;border-top: 1px solid #ddd;} .look_like_table > tbody {display: block;width: 100%;} .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .content_look_like.tResponsive_custom .look_like_table > tbody > tr > td > i {margin-right: 5px;} } @media(max-width: 997px) { html.hidden-menu-mobile-lock .pull-right.userBanner, html.hidden-menu-mobile-lock .btn-header.pull-right {display: none !important;} } .bootstrap-dialog {} .bootstrap-dialog.TYPE_WARNING {} .bootstrap-dialog .modal-header {background: transparent !important;} .bootstrap-dialog-header {} .bootstrap-dialog .bootstrap-dialog-title, .bootstrap-dialog .bootstrap-dialog-title:before { font-size: 20px !important; line-height: 20px; margin: 0px; font-family: var(--special-font); color: var(--main-color) !important;} .bootstrap-dialog .modal-header:before {} .bootstrap-dialog .bootstrap-dialog-title:before {} .bootstrap-dialog.TYPE_WARNING {} .modal-header:before {} .bootstrap-dialog .panel {background-color: #fcf8e3; border-color: #faebcc; padding: 10px; border-radius: 10px; border-style: dashed;} .bootstrap-dialog .panelError {color: #a94442; background-color: #f2dede; border-color: #ebccd1;} .btn-primary {color: #fff; background-color: #007bff; border-color: #007bff;} .btn-primary:hover {color: #fff; background-color: #0069d9; border-color: #0062cc;} .btn-info {color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .btn-info:hover {color: #fff; background-color: #138496; border-color: #117a8b;} .ui-spinner-up {color: #fff; background-color: #28a745; border-color: #28a745;} .ui-spinner-up:hover {color: #fff; background-color: #218838; border-color: #1e7e34;} .btn-warning {color: #111; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover {color: #111; background-color: #e0a800; border-color: #d39e00; } .btn-danger, .ui-spinner-down {color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover, .ui-spinner-down:hover {color: #fff; background-color: #c82333; border-color: #bd2130; } body button {transition: var(--ease-out);box-shadow: var(--aya-shadow-l);} body button:hover {filter: brightness(.85);} body .btn-default {background-color: #fff !important;color: var(--aya-gray-dark) !important} body .btn-default:hover {} body .btn-primary {background-color: var(--aya-blue) !important; border-color: transparent !important;} body .btn-primary:hover {box-shadow: 0 0 0 0.25rem var(--aya-blue-rgba);} body .btn-success, .bootstrap-dialog-footer-buttons > button[class*="btn-primary"] {background-color: var(--aya-green) !important; border-color: transparent !important; color: #fff !important;} body .btn-success:hover, .bootstrap-dialog-footer-buttons > button[class*="btn-primary"]:hover {box-shadow: 0 0 0 0.25rem var(--aya-green-rgba);} .btn_theme {color: #fff !important; background-color: var(--theme-color); border-color: var(--theme-color);} .btn_theme:hover {background-color: var(--low-color); border-color: var(--low-color);} .btn_theme_gray {color: #575757 !important; background: #F8F4F8; border-color: #EEEEEE;} .btn_theme_gray:hover {background: #EEEEEE; border-color: #EEEEEE;} button > i {font-size: inherit;} /* Banco de Reactivos */ .mc_ban_react {float: left;width: 100%; padding: 0px !important;} .mc_ban_react > * {float: left;padding: 0;position: relative;} .bacn_react_info {width: 270px; padding-right: 2em;} .header_info > .form-group {} .bacn_react_info:not(.scrolling) {transition: all ease .3s;} .bacn_react_info .count_row + .count_row {margin-top: 10px;} .bacn_react_info .count_row span {width: 37px; display: inline-block; font-weight: 700; font-size:22px; font-style: italic;text-align: right;} .bacn_react_info .count_row label {font-size: 13px;font-family:'Open Sans',Sans-Serif; padding-left: 10px; margin: 0;} .header_info {} .header_info i {font-size: inherit;transform: translateY(2px);} .header_info label {font-weight: 500;padding-left: 5px;} .bacn_react_list {width: calc(100% - 270px); padding-left: 2em;} .bacn_react_list .create_section {float: left;width: 100%;margin-bottom: 1em;} .bacn_react_list .create_section > strong {margin-bottom: 1em;display: block;} .bacn_react_list .create_section > div {margin-bottom: 10px;padding-left: 0;} .create_section.scrolling {position: absolute; z-index: 1; background: #fff; padding: 10px; padding-bottom: 0; border: 1px solid #dadada; border-top: 0;} .bacn_react_info.scrolling {position: absolute;} @media(min-width: 992px) { .create_section.scrolling {margin: 0 -26px; width: auto; padding-left: 2em; padding-right: 15px;} .bacn_react_info.scrolling {} } @media(max-width: 992px) { .create_section.scrolling {width: auto; margin: 0 -26px; margin-left: -20px; border-radius: 0; border-bottom: 1px solid #bfbfbf; margin-top: -25px;} .create_section.scrolling > div:nth-of-type(2),.create_section.scrolling > div:nth-of-type(3) {width: 50% !important; max-width: 50% !important;} } @media(max-width: 767.98px) { .create_section.scrolling {width: auto; margin: 0 -10px; margin-left: -23px;} } .toggle_section {display: none;position: absolute !important;left: 0; top: 0; color: #fff !important; border-radius: 15px !important;width: 170px; justify-content: center;} .toggle_section i {font-size: 18px; line-height: 18px; width: 18px;} .toggle_section i:before {content: "new_releases";} .toggle_section span {margin-left: 5px; font-size: 12px; font-weight: 600; overflow: hidden; transition: all ease .3s; width: auto; opacity: 1;} .expanded .toggle_section {right: 10px; left: auto; width: auto; padding: 5px;} .expanded .toggle_section i:before {content: "clear";} .expanded .toggle_section span {width: 0; margin: 0; opacity: 0;} .mc_ban_react div.buttons {padding: 0;padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end;} .mc_ban_react div.buttons > button {position: relative; padding: 3px 10px;} .mc_ban_react div.buttons > button + button {margin-left: 5px;} .mc_ban_react div.buttons > button i, .btn_w_icon > i {position: absolute; left: 7px; line-height: 0px;top: 0px; bottom: 0px;display: flex;justify-content: center; align-items: center;font-size: 16px;} .mc_ban_react div.buttons > button span, .btn_w_icon > span {margin-left: 18px;} .btn_w_icon {position: relative;} .container_categorias .btn_w_icon {padding: 3px 10px; border-radius: 6px !important} .bacn_react_list .list_section {float: left;width: 100%;} .bacn_react_list .list_section > strong {display: block;margin-bottom: 1em;} .bacn_react_list .list_section .template_reactivo > div {margin-bottom: 10px; padding-left: 0px;} .scroll_reactivos {float: left; width: auto; position: relative; overflow: auto; /*max-height: 450px; padding-right: 1em; margin-right: -1em;*/} .template_reactivo {float: left; width: 100%; padding: 20px 0;} .template_reactivo + .template_reactivo {border-top: 1px solid #eee;} .template_reactivo label {margin: 0;} .template_reactivo .inline_tags {display: flex; flex-wrap: wrap;} .template_reactivo .inline_tags i {font-size: 18px; color: var(--low-color); width: 20px; display: flex;} .template_reactivo .inline_tags span {display: flex; width: calc(100% - 20px); padding-left: 10px;} @media(max-width: 991.98px) { .bacn_react_info {padding-right: 1.5em;width: 250px;} .bacn_react_list {padding-left: 1.5em;width: calc(100% - 250px);} } @media(min-width: 768px) { .mc_ban_react {min-height: 500px;} .bacn_react_list:before {content: ""; position: absolute; width: 1px; background: #dadada; top: 46px; bottom: 0px; left: 0px;min-height: 400px;} } @media(max-width: 767.98px) { .regContainer .mainContainer > .mc_ban_react {padding-left: 1em !important;} .bacn_react_info {position: fixed; width: 235px; border-radius: 10px; padding: 1em; box-shadow: var(--theme-shadow); height: auto; top: 60px; z-index: 4; background: #f5f5f5; right: 10px; border: 1px solid #dddd;} .bacn_react_info .form-group {margin-bottom: 10px !important;} .bacn_react_info > br {display: none;} .bacn_react_info .header_info {margin: 0; font-size: 16px;} .bacn_react_info .header_info i {} .bacn_react_info .header_info label {margin: 0;} .bacn_react_info .count_row span {font-size: 18px;} .bacn_react_info .count_row label {padding-left: 5px;} .bacn_react_info > .panel_banco {margin: 0; margin-top: 20px;} .bacn_react_info > .panel_banco:last-of-type {margin-bottom: 5px;} .bacn_react_list {width: 100%; padding: 0;} .bacn_react_list .list_section {padding-top: 2em;margin-top: 1em; border-top:1px solid #dddd;} .mc_ban_react div.buttons {padding-top: 10px;} .scroll_reactivos {max-height:none;} .mc_ban_react .theme_dropdown > .dropdown-menu {position: relative;} .mc_ban_react .theme_dropdown > .dropdown-backdrop {display: none !important;} .minized_info:not(.expanded) {border: 0; height: 31px; width: 170px; border-radius: 15px; background: transparent; box-shadow: none;} .minized_info .toggle_section {display: flex; top: 10px; right: 10px;} .minized_info:not(.expanded) > *:not(.toggle_section) {height: 0 !important; overflow: hidden !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;} .minized_info > *:not(.toggle_section) {min-width: 207px;} } .panel_banco {border: 0;box-shadow: none;background: transparent;} .panel_banco .panel-heading {padding: 0;background: transparent;position: relative;} .panel_banco .panel-heading h5 * {cursor:pointer;} .panel_banco .panel-heading h5 .toggle_panel_icon {position: absolute; transition: all ease .3s; right: 0px; height: 100%; display: flex; top: 0; align-items: center; color: var(--low-color);} .panel_banco .panel-heading h5:hover .toggle_panel_icon {text-shadow: 0px 3px 3px rgba(0,0,0,.25);} .panel_banco .panel-heading h5 .toggle_panel_icon:before {content: "expand_less";} .panel_banco .panel-heading h5.collapsed .toggle_panel_icon:before {content:"expand_more";} .panel_banco .panel-collapse {border: 0} .panel_banco .panel-collapse .panel-body {padding: 0;} .tree_list_theme {padding-left: 2px; list-style: none; margin-top: 15px; margin-bottom: 0; max-height: 180px; overflow: auto;} .tree_list_theme ul {list-style: none;} .tree_list_theme ul {padding-left: 20px;position: relative;} .tree_list_theme ul:before {content: ""; position: absolute; left: 6px; width: 2px; background: #d2d2d2; top: 0px; bottom: 8px;} .tree_list_theme > ul + li:after {top: -18px;} .tree_list_theme li {position: relative;z-index: 1;} .tree_list_theme > li:before {display: none;} .tree_list_theme > li:after {content: ""; position: absolute; left: 6px; width: 2px; background: #d2d2d2; top: 16px; bottom: -11px;} .tree_list_theme li:before, .tree_list_theme li:after {z-index: -1;} .tree_list_theme li:before {content: ""; position: absolute; right: 100%; left: -12px; height: 2px; top: 0; background: #d2d2d2; bottom: 0; transform: translateY(8px);} .tree_list_theme li:last-of-type:after {content: "";} .tree_list_theme li label {font-family: 'Open Sans',sans-serif !important; font-weight: normal !important;} .checkbox_theme_label {margin: 0; position: relative; float: left; padding: 2px;} .checkbox_theme_label + .checkbox_theme_label {margin: 0;} .checkbox_theme_label > label {float: left;width: 100%;padding: 0;} .checkbox_theme_label input[type=checkbox] {display: none;} .checkbox_theme_label span { background: #aaa; display: block; border: 1px solid #aaa; font-size: 12px; text-shadow: 0 0 8px rgba(0,0,0,.2); padding: 0px 3px; border-radius: 4px; color: #fff; transition: all ease .3s; text-transform: uppercase; letter-spacing: .3px; font-weight: normal;} .checkbox_theme_label:hover span {background:#7ba97b} .checkbox_theme_label input[type=checkbox]:checked + span {background: #82C882; border-color: #28a745;} .checkbox_theme {} .checkbox_theme > label {padding-left: 25px;} .checkbox_theme input[type=checkbox] {display: none;} .checkbox_theme .check_mark {background: #fff; display: block; position: absolute; left: 0px; top: 1px; height: 15px; width: 15px; border: 2px solid #D2D2D2; border-radius: 3px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;} .checkbox_theme .check_mark:before {content: ""; height: 9px; width: 9px; background: transparent; opacity: 0; border-radius: 2px; transition: all ease .3s;} .checkbox_theme > label:hover .check_mark:before {opacity: .8; background: #A1A1A1;} .checkbox_theme input[type=checkbox]:checked + .check_mark {} .checkbox_theme input[type=checkbox]:checked + .check_mark:before {opacity: 1; background: #87d887 !important;} .dropdown .checkbox_theme {} .dropdown .checkbox_theme > label {font-weight: normal;color: #686868;} .dropdown .checkbox_theme > label:hover {color: #333;} .dropdown .checkbox_theme .check_mark {border-width: 1px;} .theme_dropdown {width: 100%; max-width: 200px;} .theme_dropdown.show {} .theme_dropdown > button {box-shadow: var(--theme-shadow) !important; border-radius: 15px !important; width: 100%; display: flex; justify-content: space-around; align-items: center; } .theme_dropdown > button span {font-style: 13px; font-family: var(--special-font);} .theme_dropdown.show > button, .theme_dropdown.open > button {border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; box-shadow: none !important;} .theme_dropdown > .dropdown-menu {width: 100%; border-color: #eee; background: var(--theme-gray);padding: 10px; box-shadow: none !important; margin: 0px; border-top: 0px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} .theme_dropdown > .dropdown-menu {border-top-left-radius: 0px; border-top-right-radius: 0px;} .theme_dropdown > .dropdown-menu li {} .theme_dropdown > .dropdown-menu li + li {margin-top: 15px;} .theme_dropdown > .dropdown-menu li input {font-size: 12px;border-color: #eee;} .theme_dropdown > .dropdown-menu li button {width: 100%; position: relative; text-align: center; padding: 4px 5px;} .theme_dropdown > .dropdown-menu li button i {font-size: 16px; position: absolute; top: 0px; left: 10px; height: 100%; display: flex; justify-content: center; align-items: center;} .theme_dropdown > .dropdown-menu li button span {font-size: 12px; font-family: var(--special-font); font-weight: 500;} .small_theme {font-weight: 600; color: var(--low-color); margin-bottom: 5px; display: block;width: 100%;} /* Banco de Reactivos FIN */ /* Creador de Evaluaciones */ .container_categorias {float: left; width: 100%; position: relative; padding-top: 75px; border-top: 1px solid #dadada;} .control_categorias {position: absolute; left: 0px; right: 0px; top: 15px; padding: 10px;z-index: 2; background: #F8F4F8; border-radius: 5px; border: 1px solid #dadada;} .control_categorias.scrolling {position: fixed;border-top-left-radius:0; border-top-right-radius: 0;box-shadow: var(--theme-shadow); z-index: 2;} .control_categorias button.btn_w_icon {width: auto;border-radius: 6px !important;} .control_categorias > button + button {margin-right: 5px;} .container_categorias .theme_dropdown {float: left; position: relative; width: auto;} .container_categorias .theme_dropdown .dropdown-menu {border: none; border-radius: 6px; padding: 10px 0; margin-top: 10px; box-shadow: var(--theme-shadow-hover) !important; background: #fafafa; min-width: 180px;} .container_categorias .theme_dropdown .dropdown-menu:before {content: ""; position: absolute; border: 6px solid transparent; border-bottom: 6px solid #fafafa; left:10px; top: -12px;} .container_categorias .theme_dropdown .dropdown-menu li {transition: all ease .3s;} .container_categorias .theme_dropdown .dropdown-menu li + li {margin-top: 5px;} .container_categorias .theme_dropdown .dropdown-menu li:hover {padding-left: 3px;} .container_categorias .theme_dropdown .dropdown-menu li a {background: transparent;font-family: var(--special-font);cursor: pointer; font-weight: 500; color: #333;} .container_categorias .theme_dropdown .dropdown-menu li a:hover {text-decoration: underline;} .panel_custom {border-radius: 10px; overflow: hidden;border:1px solid #dadada;} .panel_custom .panel-heading {background: transparent; position: relative; cursor: pointer; padding: 13px 15px;display: flex;} .panel_custom .panel-heading label {margin: 0; font-size: 14px;display: flex;} .panel_custom .panel-heading .categoria_detail {padding-left: 10px; overflow: hidden; width: auto; transition: all ease .3s; display: block; white-space: nowrap;} .panel_custom .panel-heading:not(.collapsed) .categoria_detail {width: 0;} .panel_custom .panel-heading .toggle_panel {position: absolute; right: 10px; top: 0px; bottom: 0px; font-size: 34px; display: flex; justify-content: center; align-items: center; color: var(--theme-color);} .panel_custom .panel-heading .toggle_panel:before {content: "expand_less";} .panel_custom .panel-heading.collapsed .toggle_panel:before {content: "expand_more";} .panel_custom .panel-body {padding: 13px 15px;} .container_categorias > .panel_custom {margin-bottom: 0;margin-left: 2px; overflow: visible;position: relative;z-index: 1;border-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 5px;} .container_categorias > .panel_custom + .panel_custom {margin-top: .5em;} .container_categorias > .panel_custom > div {background:#fff !important;border-radius: 5px;} .container_categorias > .panel_custom .panel-heading:not(.collapsed) {border-bottom-left-radius: 0;} .container_categorias .panel_custom:before {content: ""; position: absolute; top: 0; height: 46px; width: 6px; left: -3px; background: #ddd; z-index: -1; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .container_categorias .panel_custom.categoria:before {background:var(--midd-color);} .container_categorias .panel_custom.sin_categoria:before {background:#dc3545;} .container_categorias .panel-body > * {padding-left: 0;} .container_categorias .show_description {} .descripcion_categoria {height: 0px; padding-top: 0; margin-top: 0; overflow: hidden; border-top: 1px solid transparent;transition: all ease .3s;} .show_description .descripcion_categoria {height: auto;padding-top: 15px; margin-top: 15px; border-color: #dadada;} .observacion_categoria {height: 0px; padding-top: 0; margin-top: 0; overflow: hidden; border-top: 1px solid transparent;transition: all ease .3s;} .show_observacion .observacion_categoria {height: auto;padding-top: 15px; margin: 15px 0px; border-color: #dadada;} .reactivos_container {float: left;width: 100%;padding-top: 20px;} .reactivos_container > div {float: left;position: relative;overflow: hidden;} .panel_reactivos {width: 350px;border-bottom-left-radius: 5px} .panel_opc_list {width: calc(100% - 360px);margin-left: 10px;border-bottom-right-radius: 5px} .reactivos_container > div > label {font-size: 14px;} .reactivos_container .content_panel {height: 450px;border:1px solid #dadada;display: flex; flex-wrap: wrap; flex-direction: row; position: relative;z-index:0;overflow: hidden;} .reactivos_container .content_panel .filtros_panel { width: 100%; background: #F8F4F8; border-bottom: 1px solid #dadada; padding: 7px;} .control_info {position: relative;float: left; width: calc(100% - 270px); display: flex; flex-wrap: wrap;} .control_info > div {margin-left: 10px; border-left: 1px solid #bfbfbf;padding: 0 10px; min-height: 26px;position: relative;} .control_info > div > label {font-weight: 500 !important;margin: 0;font-size: 14px;} .control_info > div > label .count {font-size: 18px; font-style: italic; padding: 0 2px;font-weight: 600;} .panel_reactivos .msj_responsivo, .panel_reactivos .btn_responsivo {display: none;} .panel_reactivos .msj_responsivo > label {margin-bottom: 20px; font-weight: normal !important;} .panel_reactivos .msj_responsivo > button {margin-bottom: 20px; transition: none !important;display: block;} .panel_reactivos .btn_responsivo {padding: 10px 0;} .panel_reactivos .btn_responsivo button {width: 100%; padding: 7px;} .panel_reactivos .content_panel > * {min-width: 300px;} .panel_opc_list .content_panel > * {min-width: 500px;} .panel_reactivos .filtros_panel, .panel_opc_list .filtros_panel {height: 115px;} .panel_reactivos .filtros_panel {} .panel_opc_list .filtros_panel {} .panel_reactivos .content_panel {border-bottom-left-radius:5px;} .panel_reactivos .content_panel > div {min-width: 280px;} .panel_opc_list .content_panel {border-bottom-right-radius:5px;} .panel_opc_list .filtros_panel > label {font-weight: normal !important; width: 100%; padding: 0; margin: 5px 0;} .panel_opc_list .filtros_panel > label input {padding: 1px 3px !important; height: auto; border-radius: 2px !important; border-color: #ddd; display: inline; margin-left: 6px; width: 45px; text-align: center;} .reactivos_container > div small {text-transform: uppercase; font-size: 11px; font-family: var(--special-font);} .reactivos_container .drag_drop_content {padding: 7px; padding-bottom: 20px; width: 100%; height: calc(100% - 115px); overflow: auto;} .reactivos_container .drag_drop_content > * {display: block; margin: 0; font-weight: normal !important; padding: 7px 5px; line-height: 20px; font-size: 12px;} .reactivos_container .drag_drop_content > * ~ * {border-top: 1px solid #eee} .reactivos_container button[data-action^="ampliar_"] {position: absolute; right: 10px; bottom: 10px; top: inherit; left: inherit; z-index: 1;font-size: 11px; font-weight: 600;text-transform: uppercase;} .reactivos_container button[data-action^="ampliar_"] i {line-height: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .reactivos_container button[data-action^="ampliar_"] span {margin-left: 20px;} .opciones_display {width: 100%; display: flex; align-content: center; justify-content: space-between; padding: 5px 0px; padding-top: 10px; overflow: auto;} .respuesta_box {position: relative; width: 90px; display: flex; flex-wrap: wrap; justify-content: center; padding: 2px 5px;} .respuesta_box ~ .respuesta_box {margin-left: 5px;} .respuesta_box * {font-family: var(--special-font); font-weight: 500; font-size: 12px; color: #575757 !important; font-style: italic; text-align: center;} .respuesta_box input {padding: 1px 3px !important; height: auto; width: 100%; border-radius: 2px !important; border-color: #ddd;} .respuesta_box > input {margin-bottom: 5px;} .respuesta_box > .input-group {} .respuesta_box > .input-group > input {width: 40px;} .respuesta_box > .input-group > span {padding: 3px !important; background: transparent !important; border: 0 !important; padding-left: 7px !important;} .panel_reactivos.fixed {position: fixed; z-index: 3; top: 49px; left: 0; right: 0; bottom: 0; padding: 1em; background: #fff;} .panel_reactivos.fixed > label {font-size: 16px; margin-bottom: 10px;} .panel_reactivos.fixed .msj_responsivo > button {margin: 0; height: 35px; width: 35px; border-radius: 50% !important; position: absolute; left: inherit; right: 10px; top: 10px;} .panel_reactivos.fixed .msj_responsivo > button > i {position: absolute; left: 0; right: 0; font-size: 24px;} .panel_reactivos.fixed .msj_responsivo > button > span {display: none;} .panel_reactivos.fixed .btn_responsivo {display: block;} @media(min-width: 992px) { .control_categorias.scrolling {top: 0;} .reactivos_container.expanded_section {} .reactivos_container.expanded_section .panel_reactivos:not(.expanded) {width: 150px;} .reactivos_container.expanded_section .panel_opc_list:not(.expanded) {width: calc(100% - 460px);} .reactivos_container.expanded_section > .panel_reactivos:not(.expanded) .content_panel:before { content: ""; position: absolute; left: 0; top: 0; right: -1px; bottom: 0; background: linear-gradient(to right, transparent -100%,#fafafa); z-index: 1; border-right: 1px solid #dadada; } .panel_reactivos.expanded {width: 450px;} .panel_opc_list.expanded {width: calc(100% - 160px)} } @media(max-width: 992px) { .control_categorias.scrolling {top: 49px;} .control_info {} .control_info > div {} .reactivos_container > div {width: 100%;} .panel_opc_list {margin: 0; margin-top: 20px;margin-bottom: 5px;} .panel_opc_list .content_panel > * {min-width: inherit;} .panel_opc_list .content_panel {height: 500px;border-bottom-left-radius: 15px;} .panel_opc_list .filtros_panel {height: 136px;} .panel_opc_list .drag_drop_content {/*height: auto; max-height: 500px;*/} .reactivos_container button[data-action^="ampliar_"] {display: none;} .panel_reactivos {overflow: visible; border-radius: 0;} .panel_reactivos:not(.fixed) .content_panel {display: none;} .panel_reactivos .msj_responsivo {display: block;} .panel_reactivos.fixed .msj_responsivo > label {display: none;} .panel_reactivos .content_panel {height: calc(100% - 75px);border-radius: 0;} .panel_reactivos .content_panel .drag_drop_content {padding-bottom: 3em;} } @media(max-width: 767.98px) { .control_info {width: calc(100% - 115px);} .control_info > div {} .control_categorias button.btn_w_icon {width: 35px; padding: 12px 0 !important;} .control_categorias button.btn_w_icon i {left: 0; right: 0;} .control_categorias button.btn_w_icon span {display: none;} .container_categorias .panel-body > * {padding-right: 0;} } @media(max-width: 576px) { .control_categorias button.btn_w_icon {width: 26px;} .control_info {height: 26px; align-items: center; padding-left: 10px;width: calc(100% - 88px)} .control_info > div {min-height: auto !important; padding-right: 0; padding-left: 0; border-left: 0; margin-left: 0;} .control_info > div + div {padding-left: 5px;} .control_info > div label {font-size: 13px;} .control_info > div label span {font-size: inherit !important;} .container_categorias .theme_dropdown .dropdown-menu {left: -4px;} } .tec_nac_img {position: fixed; z-index: 1; left: 20px; top: 20px; height: 130px; width: auto;} @media(max-width: 767.98px) { .tec_nac_img {display: none;} } /* CSS TOOLTIP */ .css_tooltip:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 11px; line-height: 1.2;} .css_tooltip:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0;} .css_tooltip:before, .css_tooltip:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } .css_tooltip:hover:before, .css_tooltip:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* FIN CSS TOOLTIP */ /* = = = Loader = = = */ /* = = = Fin Loader = = = */ html.DEMO #app_footer > img, html.DEMO .logoCS img {content: url('../../../img/csweb.png');height: 45px; width: auto;} @-moz-document url-prefix() { html.DEMO #app_footer > img, html.DEMO .logoCS img {background-image: url('../../../img/csweb.png'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 23px 0; height: 45px; width: 88px;} } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {display: none;} /* Multiselect Panel */ .multiselectPANEL {border-radius: 8px; background: #3a3633; padding: 6px !important; margin: 15px 0 !important; display: flex; flex-wrap: wrap;} .multiselectPANEL > * {flex: 1;} .multiselectPANEL > div.msp_l {} .multiselectPANEL > div.msp_l > select {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;} .multiselectPANEL > div.msp_r {} .multiselectPANEL > div.msp_r > select {border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;} .multiselectPANEL > div.msp_m {} .multiselectPANEL > div.msp_m > select {border-radius: 0 !important} .multiselectPANEL > * > select {overflow: hidden; padding: 5px;} .multiselectPANEL > * > select > option {border-radius: 2px;} .multiselectPANEL > * > label {color: #ddd;} .multiselectPANEL > * > select {height: 200px;} .multiselectPANEL > * > select:hover {cursor: inherit;} .multiselectPANEL > * > select > *:hover {cursor: pointer;} .msp_btn {flex: none !important; width: 22px; display: flex; flex-wrap: wrap; padding-top: 23px; margin: 0 2px; flex-direction: column;} .msp_btn > * {margin: 0 !important; padding: 0; flex: 1; display: flex; justify-content: center; align-items: center;} .msp_btn > * > i {font-size: 12px;}