.display_object{display:inline-block; vertical-align:top; *display:inline; zoom:1}
.replace_image{height:0; overflow:hidden; display:block}
.box_sizing{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.blanco a{color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #fff}
.blanco a:hover{background:#fff}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit; font-weight:inherit}
del, ins{text-decoration:none}
/* li{list-style:none} */
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:400}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:n∂ormal}
sup{vertical-align:baseline}
legend{color:#000}
input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
*{outline:0; text-rendering:optimizeLegibility; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased}
img{border:0; padding:0; margin:0; display:block}
a{text-decoration:none; outline:0!important}
.space{display:block; height:5px}
/* ul{list-style:none; margin:0; padding:0} */
td{padding:0; margin:0; border-collapse:collapse}
h2{border:0; margin:0; outline:0; padding:0; vertical-align:baseline}
.border{border:1px solid red}
.bold, b{font-weight:700}
.tachado{text-decoration:line-through}
.cursiva{font-style:italic}
.regular{font-weight:400}
.center{text-align:center}
.center td{text-align:center}
.mayus{text-transform:uppercase}
.minus{text-transform:none}
.hide{display:none}
.white{background-color:#fff}
.left{float:left}
.right{float:right}
.clearfix:after{content:"."!important; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.f7{font-size:7px}
.f8{font-size:8px}
.f9{font-size:9px}
.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f17{font-size:17px}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}
.f21{font-size:21px}
.f22{font-size:22px}
.f23{font-size:23px}
.f24{font-size:24px}
.f25{font-size:25px}
.f26{font-size:26px}
.f27{font-size:27px}
.f28{font-size:28px}
.f29{font-size:29px}
.f30{font-size:30px}
.f31{font-size:31px}
.f32{font-size:32px}
.f33{font-size:33px}
.f34{font-size:34px}
.f35{font-size:35px}
.f36{font-size:36px}
.f37{font-size:37px}
.f38{font-size:38px}
.f39{font-size:39px}
.f40{font-size:40px}
.f41{font-size:41px}
.f42{font-size:42px}
.f43{font-size:43px}
.f44{font-size:44px}
.f46{font-size:46px}
.f48{font-size:48px}
.f53{font-size:53px}
.f56{font-size:56px}
.f64{font-size:64px}
.f62{font-size:62px}
.f72{font-size:72px}
@font-face{font-family:ralewaybold; src:url(../fonts/raleway-bold.eot); src:url(../fonts/raleway-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/raleway-bold.woff) format('woff'),url(../fonts/raleway-bold.ttf) format('truetype'),url(../fonts/raleway-bold.svg#ralewaybold) format('svg')}
#loader{background:#333; position:fixed; left:0; top:0; z-index:1000000000000; width:100%; height:100%; overflow:hidden; display:block}
html{overflow-x:hidden}
body{color:#666; overflow-x:hidden; background:#f5f5f5; font-family:arial}
label{display:block; font-size:14px; margin-bottom:5px}
input[type=text], input[type=password], select{width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #c7c7cc; height:32px; font-size:14px; color:#666; padding:0 11px}
input[type=file]{display:block; color:#444; font-size:11px; margin-top:10px}
textarea{width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #c7c7cc; height:100px; font-size:14px; color:#666; padding:0 11px; margin-bottom:0; resize:none}
.items{margin-top:10px}
.home{background: url(../images_cms/agsquare.png) #f5f5f5;}
.login{position:absolute; width:304px!important; left:50%;top:50%; text-align:center; transform: translate(-50%, -50%);}
.login>div{position:relative}
.login img{margin:0 auto; padding-bottom:30px}
.login input{width:100%; display:block; height:40px; line-height:40px; margin-bottom:20px; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -o-transition:.2s ease-out; transition:.2s ease-out; color:#272928; border:0; padding:0 15px 0 52px; border: 1px solid #d9dadb;}

.login input.sin_icon{ background: #fff; padding-left: 15px;}
.login input.focus{-webkit-box-shadow:1px 1px 20px 0 #000; box-shadow:1px 1px 20px 0 #000}
.login input.error{-webkit-box-shadow:inset -5px 1px 0 -2px #d93537; box-shadow:inset -5px 1px 0 -1px #d93537}
.login a.btn_form{background:#643194; display:block; margin:15px auto 0; color:#272928; font-size:13px; text-align:center; padding:12px 46px 14px 30px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -o-transition:.2s ease-out; transition:.2s ease-out; display:inline-block; vertical-align:top; *display:inline; zoom:1; color:#fff; margin:0 20px; margin-bottom:20px; font-size:14px; -webkit-box-shadow:0 4px 0 0 #301748; box-shadow:0 0px 0 0 #036394; position:relative}
.login a.btn_form:hover{-webkit-box-shadow:0 4px 0 0 #033752; box-shadow:0 4px 0 0 #033752}
.login a.btn_form:after{content:''; position:absolute; height:0; display:block; background:url(../images_cms/icos_automata.png) no-repeat 0 -472px; width:20px; padding-top:46px; top:0; z-index:1000; overflow:hidden; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -o-transition:.2s ease-out; transition:.2s ease-out; margin:0 0 0 13px; right: 16px;}
.login .usuario span{position:absolute; height:0; overflow:hidden; display:block; background:url(../images_cms/icos_automata.png) no-repeat center -362px; width:32px; padding-top:46px; top:0; z-index:100; left:10px}
.login .pass span{position:absolute; height:0; overflow:hidden; display:block; background:url(../images_cms/icos_automata.png) no-repeat center -437px; width:32px; padding-top:46px; top:0; z-index:100; left:10px}
.home_{display:block; margin:0; height:25px; font-size:11px; line-height:25px; text-align:center; background:#000; position:fixed; bottom:0; width:100%; left:0; font-weight:700}
.home_ a{color:#00d6ff}
.home_ a:hover{text-decoration:underline}
.container{display:flex;}
.container>div{display:table-cell; vertical-align:top}
.seccion1{width:238px; background:#333; position:relative}
.seccion1 .header{display:table; width:100%; background:#efefef; text-align:center}
.seccion1 .logo{height:90px; width:100%; text-align:center; background: #643194; padding-top: 10px;}
.seccion1 a{display:inline-block; vertical-align:top; *display:inline; zoom:1}
.tit1{background:url(../images_cms/menu.jpg) repeat-x; height:23px; line-height:23px; padding:0 0 0 10px}
.sombra1{background:url(../images_cms/sombra.png) repeat-y; position:absolute; top:23px; right:0; width:4px}
.accordion{width:238px; color:#FFF; font-size:15px; padding-bottom:25px}
.accordion h3{background:#333 url(../images_cms/arrow2.png) no-repeat center right; padding:0 0 0 20px; cursor:pointer; color:#999; position:relative; padding:18px 0; display:block; min-height:18px; border-left:5px solid transparent}
.accordion h3:hover{background:#3e3e3e url(../images_cms/arrow2.png) no-repeat center right; cursor:pointer; color:#999}
.accordion h3.active{background:#3e3e3e url(../images_cms/arrow1.png) no-repeat center right; color:#fff; border-left:5px solid #643194}
.accordion h3>span{font-size:15px; padding:0 30px 0 50px; display:block}
.accordion h3 div{margin:7px 0 0 10px}
.accordion h3.ico img{float:left; line-height:20px; margin:-11px 10px 0 15px; opacity:.5; filter:alpha(opacity=50); position:absolute; top:50%}
.accordion h3.active img{opacity:1; filter:alpha(opacity=100)}
.accordion p{margin:0; overflow:hidden; background:#232323; padding:15px 0 0; position: relative;}
.accordion p:before{content: ''; position: absolute; top: 0; left: 0; width: 4px; background: #905bc2; height: 100%;}
.accordion p a{color:#919191; padding:0 10px 0 20px; display:block; margin-bottom:15px}
.accordion p a:hover, .accordion p a.active{color:#fff}
.accordion p a span{display:block}
.accordion p a img{padding:10px 10px 0; display:block}
.seccion2{padding:0; width: calc(100% - 238px);}
.seccion2 .tit{height:65px; padding:30px 0 0; background:#e9e9e9; padding:25px 20px 0!important}
.seccion2 .tit h2{color:#222}
.seccion2 .tit h2 a{color:#d93537}
.franja_lila_acordeon{height:5px; background-color:#8c5c8c}
.detalle_acordeon{color:#f9f8f8}
.c_form.c_table_custom{padding:25px}
.c_form.c_table_custom>h2{padding:15px 0; color:#272928}
.contentfield{padding:0 25px 30px; background:#FFF; color:#333}
.contentfield.ini{padding-top:30px}
.contentfieldaction{padding:10px 20px 25px; background:#FFF; color:#333; text-align:center}
.contentfieldaction a{text-decoration:none; outline:0!important; background:#643194; display:block; margin:0 10px 0 0; color:#fff; font-size:14px; text-align:center; padding:9px 20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:0 0px 0 0 #272928; box-shadow:0 0px 0 0 #272928; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -o-transition:.2s ease-out; transition:.2s ease-out; display:inline-block; vertical-align:top; zoom:1}
.contentfieldaction a:hover{-webkit-box-shadow:0 4px 0 0 #033752; box-shadow:0 4px 0 0 #033752}
.contentfield img{max-width:100%; padding:2px; background-color:#272928}
.dataTables_length select{width:73px}
.dataTables_filter input[type=search]{height:28px; margin-right:.5em}
.seccion2{padding-bottom:30px}
.contentfield .items label{padding-left:12px; display:inline-block; border:#e9e9e9 solid 1px; min-width:120px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; cursor:pointer}
.contentfield .items input[type=radio], .contentfield .items input[type=checkbox]{vertical-align:middle}
.contentfield .items label span{border-left:#e9e9e9 solid 1px; padding:10px; margin-left:3px; display:inline-block; min-width:120px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0}
.contentfield .itemscheck label{padding-left:12px; padding-right:5px; display:inline-block; border:#e9e9e9 solid 1px; min-width:120px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; cursor:pointer}
.contentfield .itemscheck input[type=radio], .contentfield .itemscheck input[type=checkbox]{vertical-align:middle}
.contentfield .itemscheck label span{border-left:#e9e9e9 solid 1px; padding:10px; margin-left:3px; display:inline-block; min-width:120px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0}
.contentfield .itemscheck label:hover{color:#919299}
.load body:after{content:""; z-index:-1; position:absolute; top:0; right:0; bottom:0; left:0}
.load .bokeh{font-size:170px; width:100px; height:100px; position:relative; margin:100px auto; border-radius:50%; border:.01em solid rgba(150,150,150,.1); list-style:none; top:50%; left:50%; margin:-50px 0 0 -50px; background:url(../images_cms/logo_auto.png) no-repeat center}
.load .bokeh li{position:absolute; width:.09em; height:.09em; border-radius:50%; padding:.01em}
.load .bokeh li:nth-child(1){left:50%; top:0; margin:0 0 0 -.1em; background:#ffc848; -webkit-transform-origin:50% 260%; transform-origin:50% 250%; -webkit-animation:rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate; animation:rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate}
.load .bokeh li:nth-child(2){top:50%; right:0; margin:-.1em 0 0 0; background:#d93537; -webkit-transform-origin:-150% 50%; transform-origin:-150% 50%; -webkit-animation:rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate; animation:rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate}
.load .bokeh li:nth-child(3){left:50%; bottom:0; margin:0 0 0 -.1em; background:#d93537; -webkit-transform-origin:50% -150%; transform-origin:50% -150%; -webkit-animation:rota 1.45s linear infinite,opa 5.12s ease-in-out infinite alternate; animation:rota 1.45s linear infinite,opa 5.12s ease-in-out infinite alternate}
.load .bokeh li:nth-child(4){top:50%; left:0; margin:-.1em 0 0 0; background:#ffc848; -webkit-transform-origin:250% 50%; transform-origin:250% 50%; -webkit-animation:rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate; animation:rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate}
@-webkit-keyframes rota{to{-webkit-transform:rotate(360deg)}
}
@keyframes rota{to{-webkit-transform:rotate(360deg); transform:rotate(360deg)}
}
@-webkit-keyframes opa{12%{opacity:.8}
19.5%{opacity:.88}
37.2%{opacity:.64}
40.5%{opacity:.52}
52.7%{opacity:.69}
60.2%{opacity:.6}
66.6%{opacity:.52}
70%{opacity:.63}
79.9%{opacity:.6}
84.2%{opacity:.75}
91%{opacity:.87}
}
@keyframes opa{12%{opacity:.8}
19.5%{opacity:.88}
37.2%{opacity:.64}
40.5%{opacity:.52}
52.7%{opacity:.69}
60.2%{opacity:.6}
66.6%{opacity:.52}
70%{opacity:.63}
79.9%{opacity:.6}
84.2%{opacity:.75}
91%{opacity:.87}
}
#loader span{position:absolute; left:50%; top:50%; font-size:13px; font-family:Helvetica; font-weight:700; width:300px; text-align:center; margin:80px 0 0 -150px; text-shadow:0 0 5px #222}

*{box-sizing:border-box}
.row{margin-left:-15px; margin-right:-15px}
.row:before, .row:after{content:""; display:table}
.row:after{clear:both}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{position:relative; min-height:1px; padding-left:15px; padding-right:15px; float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
.col-pull-12{right:100%}
.col-pull-11{right:91.66666667%}
.col-pull-10{right:83.33333333%}
.col-pull-9{right:75%}
.col-pull-8{right:66.66666667%}
.col-pull-7{right:58.33333333%}
.col-pull-6{right:50%}
.col-pull-5{right:41.66666667%}
.col-pull-4{right:33.33333333%}
.col-pull-3{right:25%}
.col-pull-2{right:16.66666667%}
.col-pull-1{right:8.33333333%}
.col-pull-0{right:auto}
.col-push-12{left:100%}
.col-push-11{left:91.66666667%}
.col-push-10{left:83.33333333%}
.col-push-9{left:75%}
.col-push-8{left:66.66666667%}
.col-push-7{left:58.33333333%}
.col-push-6{left:50%}
.col-push-5{left:41.66666667%}
.col-push-4{left:33.33333333%}
.col-push-3{left:25%}
.col-push-2{left:16.66666667%}
.col-push-1{left:8.33333333%}
.col-push-0{left:auto}
.col-offset-12{margin-left:100%}
.col-offset-11{margin-left:91.66666667%}
.col-offset-10{margin-left:83.33333333%}
.col-offset-9{margin-left:75%}
.col-offset-8{margin-left:66.66666667%}
.col-offset-7{margin-left:58.33333333%}
.col-offset-6{margin-left:50%}
.col-offset-5{margin-left:41.66666667%}
.col-offset-4{margin-left:33.33333333%}
.col-offset-3{margin-left:25%}
.col-offset-2{margin-left:16.66666667%}
.col-offset-1{margin-left:8.33333333%}
.col-offset-0{margin-left:0%}

.seccion2 .tit{min-height:90px}
.table-inputs{ width:100%}
.table-inputs td{ padding:0 20px 0 0}
.accordion-trigger{ padding-bottom:20px;  border-bottom:1px solid rgba(0,0,0,.5)}
.accordion-wrapper{ display:none;  background:#f7f7f7;  border:1px solid rgba(0,0,0,.2);  padding:20px 0}
.accordion-wrapper .contentfield{ background:#f7f7f7}
.btn-primary{ border:none;  cursor:pointer;  text-decoration:none;  outline:0!important;  background:#643194;  display:block;  margin:-5px 0 0;  color:#fff;  font-size:14px;  text-align:center;  padding:9px 20px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  -moz-background-clip:padding;  -webkit-background-clip:padding-box;  background-clip:padding-box;  -webkit-box-shadow:0 0px 0 0 #272928;  box-shadow:0 0px 0 0 #272928;  -webkit-transition:.2s ease-out;  -moz-transition:.2s ease-out;  -o-transition:.2s ease-out;  transition:.2s ease-out;  display:inline-block;  vertical-align:top;  zoom:1}
.btn-primary:hover, .btn-primary:focus{ -webkit-box-shadow:0 4px 0 0 #033752;  box-shadow:0 4px 0 0 #033752}
.btn-xs{padding:2px 10px; font-size:11px; margin:0 0 5px 0}

.contentfield ul li{font-size:14px; padding: 20px 10px; position: relative;}
.contentfield ul li:nth-child(even) {background: #E4E4E4;}
.contentfield ul li:nth-child(odd) {background: #f5f5f5;}
.contentfield ul li.placeholder{background:#643194; height: 100px;}
.contentfield ul li.error{color:#a94442; background-color:#f2dede;}
.contentfield ul li label:hover{cursor:pointer;}
.contentfield ul li input[type="checkbox"]{}
.contentfield ul li p{display:inline-block}
.contentfield ul li h5{font-weight:bold; margin:15px 0 10px}
.contentfield ul li .ui-icon{float:left; margin:2px 5px 0 0}

.contentfield ul li > div{ position: absolute; width: 100%; height: 100%; background: rgba(255,255,255, .7); top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); text-align: center; transition:.2s ease-out; border:1px solid #ededed; padding-top: 9px;}
.contentfield ul li > div > div{ position: absolute; top: 50%; width: 100%; left: 0; margin-top: -15px;}
.contentfield ul li .tit_text{ display: block; text-align: left; font-weight: bold; margin-bottom: 10px;}
.contentfield ul li:hover div{ opacity: 1; filter: alpha(opacity=100);}
.contentfield ul li a{ margin: 0 5px;}

.add_sortable li{ margin-left: 20px;}
.add_sortable .ui-state-highlight{ background: #f00 !important;}
.add_sortable img{ background: none; padding: 0; max-width: initial; display: inline-block; vertical-align: middle;}
.contentfield .add_sortable ul li > div{ background: rgba(255,255,255, .9); color: #643194; font-weight: bold;}


#preguntas-wrapper .ui-icon{display:none}
#preguntas-wrapper input[type=checkbox], #preguntas-prueba input[type=checkbox] { display: none; }
#preguntas-wrapper .controls-added{display:none;}
#preguntas-prueba .controls-add{display:none;}
.error-info{ color:#a94442;  background-color:#f2dede;  padding:15px;  margin-bottom:20px;  border:1px solid #ebccd1;  border-radius:4px}

.dd{ background:#FFF;  color:#000!important;  font-size:11px;  height:70%;  opacity:.5;  overflow:auto;  position:fixed;  right:0;  top:0;  width:3%;  z-index:9999}
.dd:hover{ width:40%;  opacity:1}

.c_sortable{background:#f5f5f5; margin-top:20px; padding-bottom:25px; margin:15px}
.tit_sortable{margin-top:20px}
.c_sortable >.col-6{ height:500px;  overflow-y:scroll}
#preguntas-prueba li{list-style:decimal; padding-left:20px; cursor: ns-resize;}

.msj_bienvenida{color:#222}
.msj_bienvenida img{max-width:100%}
.msj_bienvenida div{padding:20px}
.error_box pre {
    background: #333;
    color: #CCC;
    font-family: consolas;
    font-size: 14px;
    height: 200px;
    line-height: 1.3em;
    overflow: auto;
    padding: 30px;
    max-width: 1600px;
    word-wrap: break-word;
}
.error_box pre:first-line { color: red; }


.c_iframe_respuesta .tit{padding-top:40px}
.c_iframe_respuesta ul{font-size:0; text-align:center; margin-top:40px}
.c_iframe_respuesta li{display:inline-block; vertical-align:middle; width:50%; font-weight:14px; border:1px solid #ddd; box-sizing:border-box; padding:20px; background:#e5e5e5}
.c_iframe_respuesta .color_{ background:#f5f5f5}

.c_pregunta img{max-width:100%; margin:0 auto; width:auto !important}

.cuaderno{max-width:95%; display:table; margin:40px auto}
.cuaderno>div{width:500px; display:table-row}
.cuaderno>div>*{display:table-cell; vertical-align:top}
.cuaderno .open{height:31px}
.cuaderno .open, .cuaderno .close, .cuaderno .content{width:100%}
.cuaderno .open>*, .cuaderno .close>*, .cuaderno .content>*{height:31px}
.cuaderno .topleft, .cuaderno .bottomleft, .cuaderno .a_left{width:50px}
.cuaderno .topright, .cuaderno .bottomright, .cuaderno .a_right{width:41px}
.cuaderno .c_text{padding:10px 10px 10px 30px; background:#fff; position:relative; line-height:30px}
.cuaderno .c_text>div{background:url(http://home-xt.com/clientes/saber20/_/images/cuaderno.jpg); text-align:left; font-family:arial;  font-size:16px}
.cuaderno .c_text h4{font-size:16px; margin-top:20px; font-weight:700; font-weight:bold!important}
.cuaderno .c_text h5{margin-top:20px}
.cuaderno .c_text p{margin-top:20px}
.cuaderno .content_front{height:auto!important; padding:0}
.cuaderno .content_front>div{position:relative; right:-33px; text-align:right; line-height:initial}
.cuaderno .content_front>div *{display:inline-block; vertical-align:top; *display:inline; zoom:1}
.cuaderno .content_front>div img{width:86%}
.cuaderno .content_front h2{color:#fff; font-size:99px; margin-right:7%; margin-top:10%}

.orange .topleft{background:url(../images/top_left1.png) no-repeat}
.orange .topright{background:url(../images/top_right1.png) no-repeat}
.orange .top{background:url(../images/top1.png) repeat-x}
.orange .bottomleft{background:url(../images/bottom_left1.png) no-repeat}
.orange .bottomright{background:url(../images/bottom_right1.png) no-repeat}
.orange .bottom{background:url(../images/bottom1.png) repeat-x}
.orange .a_left{background:url(../images/izq1.png) repeat-y}
.orange .a_right{background:url(../images/right1.png) repeat-y}
.orange .btn_enviar{background:#eaa751; border:3px solid #e28626; color:#fff}
.orange .btn_enviar:hover{background:#e28626}
.orange h3, .orange h5{background:#dd8430; color:#fff; padding:5px 15px; font-size:24px; font-weight:700; font-weight:bold!important}
.orange .list_pre1{border:1px solid #f3cfab}
.orange .list_pre1 li:nth-child(odd){background:#f3cfab}
.orange .list_pre1 li:nth-child(even){background:#fbf0e3}
.blue .topleft{background:url(../images/top_left2.png) no-repeat}
.blue .topright{background:url(../images/top_right2.png) no-repeat}
.blue .top{background:url(../images/top2.png) repeat-x}
.blue .bottomleft{background:url(../images/bottom_left2.png) no-repeat}
.blue .bottomright{background:url(../images/bottom_right2.png) no-repeat}
.blue .bottom{background:url(../images/bottom2.png) repeat-x}
.blue .a_left{background:url(../images/izq2.png) repeat-y}
.blue .a_right{background:url(../images/right2.png) repeat-y}
.blue .btn_enviar{background:#6c97b1; border:3px solid #1c7bb8; color:#fff}
.blue .btn_enviar:hover{background:#1c7bb8}
.blue h3, .blue h5{background:#1e7bb9; color:#fff; padding:5px 15px; font-size:24px; font-weight:700; font-weight:bold!important}
.blue .list_pre1{border:1px solid #8dbeda}
.blue .list_pre1 li:nth-child(odd){background:#8dbeda}
.blue .list_pre1 li:nth-child(even){background:#e1e9f3}
.blue_front .topleft{background:url(../images/top_left3.png) no-repeat}
.blue_front .topright{background:url(../images/top_right3.png) no-repeat}
.blue_front .top{background:url(../images/top3.png) repeat-x}
.blue_front .bottomleft{background:url(../images/bottom_left3.png) no-repeat}
.blue_front .bottomright{background:url(../images/bottom_right3.png) no-repeat}
.blue_front .bottom{background:url(../images/bottom3.png) repeat-x}
.blue_front .a_left{background:url(../images/izq3.png) repeat-y}
.blue_front .a_right{background:url(../images/right3.png) repeat-y}
.blue_front .c_text{background:#177cba}
.blue_front .c_text>div{background:0 0}
.orange_front .topleft{background:url(../images/top_left4.png) no-repeat}
.orange_front .topright{background:url(../images/top_right4.png) no-repeat}
.orange_front .top{background:url(../images/top4.png) repeat-x}
.orange_front .bottomleft{background:url(../images/bottom_left4.png) no-repeat}
.orange_front .bottomright{background:url(../images/bottom_right4.png) no-repeat}
.orange_front .bottom{background:url(../images/bottom4.png) repeat-x}
.orange_front .a_left{background:url(../images/izq4.png) repeat-y}
.orange_front .a_right{background:url(../images/right4.png) repeat-y}
.orange_front .c_text{background:#ed8c41}
.orange_front .c_text>div{background:0 0}

.list_pre1{display:table; width:100%; margin-top:30px}
.list_pre1 li{display:table; width:100%}
.list_pre1 label{display:table-row; font-size:16px}
.list_pre1 label >*{display:table-cell}
.list_pre1 label p{display:inline; margin-top:0 !important}
.list_pre1 label span{padding:10px 30px 10px 80px; width:95%}
.list_pre1 input{width:30px; text-align:left; margin:0 auto; height:15px; display:none}

.new_table_report{}
.info_user{background:#696969; text-align:center; padding:20px 0}
.info_user h2{font-size:24px}
.info_user h2 span{font-size:16px; display:block; margin-top:5px}

.table_info ul{display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));padding: 0;list-style: none;}
.table_info img{display:inline-block; vertical-align:middle; margin-top:17px; margin-bottom:5px}
.table_info span, .table_info label{display:block}
.table_info li{background: #ffc849;text-align: center}
.table_info li div{height:90px; font-size:20px}
.table_info label{background:rgba(0,0,0,.2); margin-bottom:0; padding:5px 0; color:#fff}
.table_info li.center_info{background:#e3b345}

.error_info{font-size:24px; text-align:center; padding:20px 0; background:#d93537}

.header .logo img{padding-bottom:0; display: block; margin: 0 auto; max-width: 80%;}
.c_iframe{position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background:rgba(0,0,0,.7); display: none;}
.c_iframe>div{position:absolute; overflow:auto; max-width:1200px; width: 100%; height:70dvh; background:#fff; left:50%; top:50%; transform: translate(-50%, -50%);  border:2px solid #ffc848}
.c_iframe .cerrar{position:absolute; top:0; right:0; width:25px; height:25px; background:#d93537; display:block; color:#fff; line-height:25px; text-align:center; font-weight:700; font-size:14px}
.c_iframe .cerrar:hover{background:#7f1f21}
.c_iframe .tit{ background: none;}
.c_iframe .c_iframe_respuesta ul{ margin-top: 0;}

.login a:after{ right: 17px; left: inherit; }
.home .link{ padding: 0; margin-top: 20px; font-weight: bold;
  background: none;
  color: #643194;
  text-decoration: underline;
}
  .home .link:hover{ box-shadow: none; color: #00324c;}
  .home .link:after{ content: initial; }

.new_spacing{padding: 17px;}
.new_spacing .error-info{ margin-bottom: 0;}

.select-colegio + .select2-container .select2-selection--single {
  color: #000;
}

.select-colegio + .select2-container .select2-selection__rendered {
  color: #000;
}

.select2-results__option {
  color: #000;
}
.py-4{padding-top: 25px; padding-bottom: 25px;}
.pt-4{padding-top: 25px;}
.px-4{  padding-left: 25px; padding-right: 25px;}
.py-2{padding-top: 12px; padding-bottom: 12px;}
.px-2{  padding-left: 12px; padding-right: 12px;}
.mb-2{margin-bottom: 12px;}
.mb-4{margin-bottom: 25px;}

.d-flex{ display: flex;}
.align-items-center{ align-items: center;}
.justify-content-between{justify-content: space-between;}

.bg_purple{background: #643194; color: #fff;}
.bg-white-purple{background: #f4eaf9; color: #643194;}

.text-purple{ color: #643194;}
.text-gray{}
  

.c_icon{ border-radius: 8px; width: 50px; height: 50px; max-width: 50px; position: relative; margin-right: 1rem;}
.c_icon i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

a{ transition: all .3s;}
.name_perfil{ color: #666;}

.radius{ border-radius: 8px;}

.btn_color{background: #ff4d78; color: #fff; border-radius: 8px; display: flex; align-items: center; padding:  5px 10px; transition: all .3s; font-size: 16px;}
.btn_color i{ margin-right: .5rem;}
.btn_color:hover{ background:#b83755;}
.border-bottom{ border-bottom: 1px solid rgba(0, 0, 0, .1);}

.tabs ul{ display:flex; list-style: none; padding: 0; margin: 0;}
.tabs ul i{ font-size: 1rem; margin-right: .5rem;}
.tabs ul a{ color: #999; position: relative; padding: 1rem; display: flex; align-items: center;}
.tabs ul a:after{content: ''; position: absolute; width: 0; height: 2px; background: #ff4d78; bottom: 0px; left: 0;transition: all .3s;}
.tabs ul a.active{font-weight: bold;}
.tabs ul a.active, .tabs ul a:hover{ color: #333;}
.tabs ul a.active:after{ width: 100%;}

.cifra, .totales{ font-size: 2rem; padding-bottom: 1rem; margin-bottom: 1rem;}
.cifra i{ font-size: 2rem; margin-right: .5rem;}
.cifra + p{ min-height: 30px;}

.totales{ font-size: 1rem;}

.tab{display:  none;}
.scroll_table{ width: 100%; overflow: auto;}

.table_reporte{width: 100%; overflow: hidden;}
.table_reporte th{ padding: 8px; font-weight: bold;  background: #643194; color: #fff;text-align: center;}
.table_reporte td{ padding: 8px; border: 1px solid rgb(100, 49, 148, .15) !important; text-align: center;}
.table_reporte .total-row{ background: rgba(119, 70, 198, 0.2);}

.init li{ margin-bottom: 1rem;}
.init ol{ margin-top: 1rem;}
.text-center{ text-align: center;}


.miga {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* font-family: 'Segoe UI', sans-serif; */
  /* font-size: 15px; */
  /* margin: 10px 0 20px; */
  /* padding: 10px 15px; */
  background-color: #f8f9fa;
  border-radius: 8px;
  /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); */
}

.breadcrumb-link {
  color: #643194;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}

.breadcrumb-link:hover {
  color: #452167;
  text-decoration: underline;
}

.breadcrumb-separator {
  margin: 0 8px;
  color: #643194;
}

.arrow_scroll{ position: fixed; bottom: 3rem; right: 1.5rem; z-index: 10000000; background: #643194; border-radius: 50%; width: 3.125rem; height: 3.125rem;pointer-events: none; transition: all .3s;
  animation: moverArribaAbajo 1.5s ease-in-out infinite;
}
.arrow_scroll span{ position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; color: #fff;}

@keyframes moverArribaAbajo {
  0%, 100% {
    transform:translateY(0);
  }
  50% {
    transform:translateY(10px);
  }
}