@import url('helpers.css');
@import url('custom.css');

/*
==========================
Font to Use
==========================
*/

*,
#login_body,
#login_container a, #login_container a:hover,
#login_container p,
input[type="text"], input[type="password"], input[type="number"],
#error,
#error p,
#forgot_pass,
ul.menu li,
ul.menu .menu_title,
#forgot_password_wrapper span,#forgot_password_wrapper input,
.mini_button, md_button{

	/*font-family:'open_sansregular';*/
	font-family:'clear_sansregular';
	/*font-family:'clear_sans_lightregular';*/
}

body {
    background: #F2F2F2;
    height: 100%;
}

body,
input {
    color: #666666;
}

html {
    overflow: -moz-scrollbars-vertical;
    height: 100%;
}

#login_body {
    background: #f1f1f1;
}

#container {
    height: 100%;
    float: left;
}

#login_container {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
    margin-top: 45px;
    padding: 20px 0;
    text-align: center;
    background: #FFF;
    left: 384px;
}

#login_container a {
    font-weight: bold;
    text-decoration: none;
    color: #8cc63f;
}

#login_container a:hover {
    color: #8cc63f;
    text-decoration: underline;
}

input[type="text"],
input[type="password"],
input[type="number"] {
    padding: 10px 8px;
}

#login_container input[type=submit] {
    background: none repeat scroll 0 0 #8cc63f;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    height: 37px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
    padding: 0 11px;
}

#login_container input[type=submit]:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 2px 2px rgba(255, 255, 255, 0.3) inset;
}

input[type="submit"]:hover {
    cursor: pointer;
    background: url("../img/login_button_over.png") no-repeat scroll center top transparent;
}

#error {
    position: absolute;
    right: 0;
    padding: 15px;
    margin: 20px 20px 0 0;
    background: none repeat scroll 0 0 #A1A918;
    color: #FFFFFF;
    border-radius: 2px;
}

#error p {
    margin-bottom: 0;
}

#forgot_pass {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 8pt;
    color: #8cc63f;
    text-decoration: none;
}

#forgot_pass:hover {
    color: #8cc63f;
    text-decoration: underline;
}

.center_text {
    text-align: center;
}

.hidden {
    display: none;
}

#cms_contenido {
    margin-left: 25px;
    margin-right: 25px;
}

#contenido_wrapper {
    margin-left: 0;
}

#contenido_inner {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .08);
    margin: 23px 20px 30px;
    float: left;
    width: 680px;
}

#logo {
    max-width: 170px;
    min-width: 170px;
    outline: none;
}

.clear_line_left {
    height: 1px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    margin: 15px 0;
}

.clear_line_right {
    clear: both;
    display: block;
    height: 5px;
    margin: 5px 0;
    width: 150px;
}

.clear_line {
    background: url("../img/line_shadow.png") no-repeat scroll -2px top transparent;
    clear: both;
    display: block;
    height: 30px;
    margin: 5px 0;
    width: 100%;
    opacity: .5;
}

.clear_line_content {
    height: 1px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    margin: 5px 0;
}

.page_name_title {
    color: #8CC63F;
    font-size: 18pt;
    /*font-weight: bold;*/
    margin: 20px 0;
}

#barra_derecha {
    /*background: none repeat scroll 0 0 #faf8ea;*/
}

#logout_container {
    border-radius: 4px 4px 0 0;
    color: #222222;
    height: 36px;
    margin-top: 22px;
    margin-bottom: 20px;
}

#logout_container a {
    color: #eee;
    display: block;
    font-size: 9pt;
    /*font-weight: bold;*/
    padding: 9px 0;
    text-align: center;
    text-decoration: none;
}

#admin_menu_back {
    background: #222;
    height: 100%;
    min-height: 100%;
    position: fixed;
    width: 230px;
    z-index: -1;
}

#menu_wrapper {
    padding-bottom: 40px;
    margin-left: 0;
    position: relative;
    z-index: 99;
}

ul.menu {
    display: block;
    margin: 0 0;
    line-height: 16pt;
}

ul.menu li {
    display: block;
    margin: 0 0 0 0px;
    list-style-type: none;
}

ul.menu li:last-child {
    margin-bottom: 20px;
}

ul.menu li a {
    text-decoration: none;
    color: #eee;
    font-size: 10pt;
    padding: 6px 0 6px 20px;
    display: block;
}

ul.menu li a:hover {
    text-decoration: none;
    /*background: #000;*/
}
ul.menu li a span{
    font-size:0.75em; 
    color: #cccccc;
}


/*Evitar que el active cambie su bgcolor on hover*/

ul.menu li.active_menu > a,
ul.menu li.active_menu > a:hover {
    /*background: none repeat scroll 0 0 #8CC63F;*/
    box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.3) inset
}

.active_menu > a {
    background: none repeat scroll 0 0 #8cc63f;
    /*font-weight: bold;*/
    text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
}


/*Arrow active indicator*/

.active_menu > a:after {
    /* comentado para mejorar logica del arrow cuando hay submenus
    border-style: solid;
    border-width: 7.5px 7px 7.5px 0;
    content: " ";
    font-size: 0;
    height: 0;
    left: 223px;
    margin-top: 4px;
    position: absolute;
    width: 0;
    */
}

ul.menu .menu_title {
    color: #FFFFFF;
    font-size: 10pt;
    margin-bottom: 0px;
    margin-left: -1px;
    padding: 10px 10px 11px 21px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.title_b {
    font-weight: bold;
    margin: 0;
    line-height: 9pt;
    margin: 0;
    padding-bottom: 4px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left;
    width: 100%;
    margin-bottom: 3px;
}

.title_b a{
    color: #8cc63f;
}

.title_b_comment {
    font-size: 0.808em;
    font-weight: 100;
    opacity: 0.8;
    padding-left: 6px;
    position: absolute;
}

.content_block input[type=text],
.content_block input[type=password],
.content_block input[type=number] {
    border-radius: 0;
    width: 100%;
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border: 1px solid #CCCCCC;
    padding: 8px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content_block input:focus, .content_block textarea:focus{
    border-color: #CCCCCC;
}

input.mintext {
    border-radius: 0 0 0 0;
    width: 263px;
    background: none repeat scroll 0 0 #FFFFFF;
}

textarea.mintext {
    border: 1px solid #CCCCCC;
    width: 263px;
}

.min_top {
    margin-top: 7px;
}

.max_bottom {
    margin-bottom: 28px;
}

.max_top {
    margin-top: 28px;
}

.notop,
.content_block.notop {
    margin-top: 0;
}

.nobottom,
.content_block.nobottom {
    margin-bottom: 0;
}

.input_wrapper {
    position: relative;
    padding-left: 115px;
}

.input_wrapper_min {
    position: relative;
    padding-left: 0;
}

p#user {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    display: block;
    float: left;
    font-size: 9pt;
    margin: -20px 0 12px;
    padding: 10px;
    text-align: center;
    width: 160px;
}

#alert {
    display: none;
    background: none repeat scroll 0 0 #8CC63F;
    color: #FFFFFF;
    text-align: center;
    margin: 50px 0 0;
    padding: 7px 0;
    position: fixed;
    width: 180px;
    top: 61px;
    border-radius: 4px;
}

.select_list {
    color: #666666;
    padding: 7px 5px;
    width: 100%;
    border: 1px solid #CCC;
}

#response_holder .select_list {
    width: 100%;
}

.select_list_min {
    color: #666666;
    margin: 0;
    padding: 8px 5px;
    width: 275px;
}

.content_block {
    margin-bottom: 12px;
}

textarea {
    padding: 5px;
    font-size: 1em;
    color: #666666;
    width: 100%;
    min-height: 88px;
    max-height: 180px;
    resize: vertical;
    margin: 0;
    border: 1px solid #CCCCCC;
    overflow-x: hidden; /*for fix firefox issue in autoheight plugin*/
}

.tip {
    font-size: 8pt;
    margin: 5px 0;
}

.code {
    color: #FFFFFF;
    padding: 10px;
    background: none repeat scroll 0 0 #999999;
    margin: 10px 0;
}


/*
									  _           _                        
									 | |__   ___ | |_ ___  _ __   ___  ___ 
									 | '_ \ / _ \| __/ _ \| '_ \ / _ \/ __|
									 | |_) | (_) | || (_) | | | |  __/\__ \
									 |_.__/ \___/ \__\___/|_| |_|\___||___/
									*/

.button_wide,
.savecancelbtns .button_wide,
.savecancelbtns_static .button_wide {
    color: #FFFFFF;
    padding: 10px 0;
    font-size: 9pt;
    outline: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset !important;
    text-align: center;
    cursor: pointer;
    float: left;
}

.button_wide:hover,
.savecancelbtns .button_wide:hover,
.savecancelbtns_static .button_wide:hover {
    color: #FFFFFF;
    outline: none;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.3) inset !important;
}

.button_wide:active,
.savecancelbtns .button_wide:active,
.savecancelbtns_static .button_wide:active {
    padding-top: 11px;
    padding-bottom: 9px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.31) inset !important;
}

.savecancelbtns .button_wide:first-child,
.savecancelbtns_static .button_wide {
    float: left;
    width: 150px;
}

.savecancelbtns .button_wide:last-child {
    margin-left: 30px;
    width: 150px;
}

input.button_min[type="button"] {
    background: none repeat scroll 0 0 #8CC63F;
    border-color: #FFFFFF -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #FFFFFF;
    font-size: 9pt;
    padding: 10px 0;
    width: 275px;
    outline: none;
}

#spacer_bottom {
    width: 100%;
    height: 1px;
    clear: both;
    margin-bottom: 150px;
}

#swfupload-control {
    margin-left: 115px;
    width: 395px;
}

#swfupload-control p {
    margin: 10px 5px;
    font-size: 0.9em;
}

#log {
    margin: 0;
    padding: 0;
    width: 397px;
}

#log li {
    list-style-position: inside;
    margin: 2px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
}

#log li .progressbar {
    border: 1px solid #333333;
    height: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
}

#log li .progress {
    background: none repeat scroll 0 0 #999999;
    width: 0;
    height: 5px;
}

#log li p {
    margin: 0;
    line-height: 18px;
}

#log li.success {
    border: 1px solid #339933;
    background: none repeat scroll 0 0 #CCF9B9;
}

#log li span.cancel {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url("../img/cancel.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

input[type="button"] {
    cursor: pointer;
}

#imagen_staff_static {
    max-width: 510px;
    min-width: 510px;
}

#listaItems {
    width: 630px;
    float: left;
}

#listaItems ul {
    margin: 0;
    padding: 0;
}

#listaItems ul li {
    margin: 0 0 5px;
    display: block;
    padding: 4px 42px 4px 4px;
    background: none repeat scroll 0 0 #EBE1A8;
    list-style-type: none;
    border-radius: 2px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#listaItems ul li:hover {
    background: none repeat scroll 0 0 #2F1F11;
    color: #FFFFFF;
}

#listaItems ul li.active-item {
    background: none repeat scroll 0 0 #2F1F11;
    color: #FFFFFF;
}

.active-item {
    background: none repeat scroll 0 0 #2F1F11;
    color: #FFFFFF;
}

.actions {
    display: block;
    margin-top: -23px;
    position: absolute;
    right: 0;
    top: 24px;
}
.row-btn{
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1em;
    margin: 3px 5px 0 0;
    padding: 1px 4px 0 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.row-btn:hover{
    color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 2px 2px rgba(255, 255, 255, 0.3) inset;
}
.row-btn-pill{
    border-radius: 40px;
}
.row-btn.row-btn-disabled, .row-btn.row-btn-disabled:hover{
    background: #ccc !important;
}
.row-btn.row-btn-switch-on, .row-btn.row-btn-disabled.row-btn-switch-on{
    background: #82cb22 !important;
}
.delete_img {
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
    background: url("../img/delete_img.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    margin-left: 98px;
    margin-top: 5px;
}

.delete_img:hover {
    background: url("../img/delete_img_over.png") no-repeat scroll 0 0 transparent;
}

input.button_medium[type="button"] {
    background: none repeat scroll 0 0 #8CC63F;
    border-color: #FFFFFF -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #FFFFFF;
    font-size: 9pt;
    padding: 10px 0;
    width: 194px;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.swfupload {
    float: right;
    clear: both;
    margin-bottom: 35px;
}

.img_thumb_wrapper {
    float: left;
    margin-right: 13px;
    margin-bottom: 12px;
}


/*Efecto manita drag and drop*/


/*Info: http://blog.vjeux.com/2012/css/css-cross-browser-drag-cursor.html*/

.thumbnails_wrapper_full li:hover {
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.thumbnails_wrapper_full li.ui-sortable-helper:hover {
    cursor: move;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.img_thumb_wrapper_full {
    float: left;
    margin-right: 3.5px;
    margin-bottom: 12px;
}

.img_thumb_wrapper_full.with_caption:nth-child(2n) {
    margin-right: 0;
}

.thumbnails_wrapper_full {
    float: left;
    margin-left: 0px;
    width: 640px;
    margin-bottom: 0px;
}

#thumbnails_wrapper {
    width: 314px;
}

#categorias_filter_wrapper {
    float: right;
    margin-top: -36px;
}

#categorias_filter {
    width: 200px;
    float: left;
}

#filtro_titulo {
    float: left;
    width: 32px;
    padding-top: 6px;
}

img.thumb_cat {
    margin: 10px 0 10px 10px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
    border: 1px solid #FFF;
    min-width: 253px;
}

.edit_wrapper {
    overflow: hidden;
}

#login_form input[type=text],
#login_form input[type=password],
#pass_recover input[type=text] {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05) inset;
    background: #fbfbfb;
    border: 1px solid #ddd;
    padding: 10px 8px 10px 30px;
    width: 140px;
}

#login_form label {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    text-align: left;
    width: 194px;
}

#login_form label:first-child {
    margin-left: 30px;
}

#login_form label span {
    display: inline-block;
}

#logo_system {
    display: block;
    margin: 20px 0;
    max-width: 100%;
    min-width: 100%;
    outline: none;
    text-align: center;
}

#logo_system img {
    max-width: 120px;
    min-width: 120px;
}

#edit_inner {
    width: 1020px;
}

#response_holder {
    width: 630px;
    float: left;
    padding-bottom: 130px;
}

#galeriaImagenes-upload {
    margin-top: 1px;
}

.upload_indications {
    width: 100%;
    float: left;
    font-size: 9pt;
    margin-right: 16px;
    margin-bottom: 10px;
    opacity: 0.8;
}

.upload_indications_wrapper {
    float: left;
    width: 100%;
}

.file_holder {
    position: relative;
    float: left;
    width: 100%;
}

.file_item {
    background: url("../img/document.png") no-repeat scroll 5px center #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #666666;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding: 5px 5px 5px 25px;
    text-decoration: none;
    width: 100%;
}

.file_item:hover {
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.content_block input[type="text"].path_files_input {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2) inset;
    font-size: 0.8em;
    margin-right: 30px;
    margin-top: 5px;
    padding: 3px;
    position: absolute;
    right: 0;
    width: 287px;
    z-index: 1;
}

#logo_index {
    padding-top: 45px;
    text-align: center;
    margin: 0px auto;
}

.filter_list {
    margin-bottom: 22px;
}

.chk_container {
    margin-bottom: 0px;
}

.chk_container p {
    margin-bottom: 10px;
}

.check_container fieldset p {
    clear: both;
}

.check_container fieldset p label {
    float: left;
}


/*CLeditor fix*/

.cleditorMain {
    float: left;
}


/*  add more */

.adm_wrapper {
    width: 100%;
}

.adm_holder div {
    margin-bottom: 3px;
}

.adm_holder div input {
    position: relative;
}

.adm_holder div .delete_adm {
    cursor: pointer;
    max-height: 18px;
    max-width: 18px;
    opacity: 0.5;
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 1;
}

.adm_holder div .delete_adm:hover {
    opacity: 1;
}

.item_addmore_wrapper {
    position: relative;
}

#pass_recover {
    display: none;
}

#recuperar {
    border: medium none;
    border-radius: 0 2px 2px 0;
    color: #fff;
    font-weight: bold;
    height: 40px;
    margin-bottom: 10px;
    margin-left: -4px;
    margin-top: 9px;
    padding: 0;
    position: relative;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
    width: 100px;
}

#recuperar:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 2px 2px rgba(255, 255, 255, 0.3) inset;
}

#recuperar_respuesta {
    font-size: .85em;
    display: block;
}

.display_img {
    background: url("../img/zoom_img.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 18px;
    margin-left: 98px;
    margin-top: 28px;
    position: absolute;
    width: 18px;
}

.thumbnail_actions {
    opacity: 0;
}

.content_block input[type="text"].saving_thumbnail_text {
    background: #FFF url("../img/ajax-loader.gif") center right no-repeat;
}

.image_holder {
    background: #FFFFFF url(../img/transp.gif);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.20) inset;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    width: 610px;
    float: left;
    position: relative;
}

#page_Brand .image_holder img {
    max-width: 150px;
    min-width: 150px;
}

.image_holder img {
    max-width: 200px;
    min-width: 200px;
}

.image_holder img.remove_img {
    max-width: inherit;
    min-width: inherit;
}

.tagcloud-wrapper {
    width: 100%;
    float: left;
    border: 1px solid #CCCCCC;
}

.thumbnails_wrapper_full img {
    max-width: 119px;
    min-width: 119px;
    max-height: 85px;
    min-height: 85px;
    float: left;
}

.image_caption {
    float: right;
    font-size: 0.9em;
    height: 85px;
    margin-left: 10px;
    width: 170px;
}

.smilepic {
    max-width: 120px;
}


/*loading styles*/

#loading-wrapper {
    width: 100%;
    position: fixed;
    display: none;
    z-index: 2147483647;
    font-weight: bold;
}

#loading {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
    margin: 180px auto 0;
    padding: 14px;
    position: relative;
    text-align: center;
    width: 190px;
}

#loading span {
    font-size: .9em;
    color: #8D8D8D;
}


/*new boton*/

#new_btn {
    float: right;
}

.mini_button {
    display: inline-block;
    background: #8cc63f;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 8pt;
    /*font-weight: bold;*/
    margin-top: 8px;
    padding: 4px 6px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mini_button:hover {
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.31) inset;
}

.mini_button:active {
    padding-top: 5px;
    padding-bottom: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset !important;
}



.md_button {
    display: inline-block;
    background: #8cc63f;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 10pt;
    /*font-weight: bold;*/
    margin-top: 8px;
    padding: 4px 6px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.md_button:hover {
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.31) inset;
}

.md_button:active {
    padding-top: 4px;
    padding-bottom: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset !important;
}


/*Campos requeridos*/

.required {
    border: 1px solid rgba(228, 77, 65, .5) !important;
    box-shadow: 0 0 4px rgba(228, 77, 65, 0.8) inset;
}

a:focus {
    outline: 0;
}

input:active {
    outline: 0;
}

input:focus {
    outline: 0;
}

input:focus,
textarea:focus {
    box-shadow: none !important;
}

input,
textarea {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}


/*Iconos login*/

.icon_lock {
    margin-left: 12px;
    margin-top: 12px;
    position: absolute;
    font-size: 1.1em;
    color: #B0B0B0;
}

.icon_user {
    margin-left: 12px;
    margin-top: 12px;
    position: absolute;
    font-size: 1.1em;
    color: #B0B0B0;
}

.icon_email {
    margin-left: 12px;
    margin-top: 22px;
    position: absolute;
    font-size: 1.1em;
    color: #B0B0B0;
}

#login_form input:active,
#login_form input:focus,
#pass_recover input:active,
#pass_recover input:focus {
    border: 1px solid #8CC63F;
}

.char_counter {
    background: none repeat scroll 0 0 #5cb85c;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    margin-left: -37px;
    margin-top: -19px;
    opacity: 0.85;
    padding: 1px 2px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
    width: 37px;
}

.char_counter.char_warning {
    background: #FA8A38;
}

.char_counter.char_exceeded {
    background: #D9534F;
}


/*Para la ventana de nuevo que se invoca desde un select*/

#addnewfromlist_window {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.3);
    margin-left: -22px;
    padding: 20px;
    position: fixed;
    width: 630px;
    z-index: 500;
    top: 100px;
}

.cancel_back {
    display: none;
    background: #656565 !important;
}


/*Para sortable holder*/

.thumbnails_wrapper_full li {
    margin-left: 0;
    list-style-type: none;
}

thumbnails_wrapper_full .ui-state-highlight {
    /*ESTE PLACEHOLDER ES PARA SORTABLE GALERIAS*/
    border: 1px dashed #666 !important;
    background: rgba(255, 255, 255, .5) !important;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.4) inset !important;
    width: 117px !important;
    height: 83px !important;
    float: left !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    border-radius: 0 !important;
}


/*Estilos para el datetimepicker*/

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 14px;
}

table.ui-datepicker-calendar {
    box-shadow: none;
}


/*cancel button*/

.cancel_button {
    background: none repeat scroll 0 0 #656565 !important;
    color: #ffffff !important;
}


/*chosen-containers ajustar anchos para los que ocupan todo, los que tienen boton de add more + y los que solo estan halfed sin boton de add +*/

.chosen-container {
    width: 100% !important;
}

.have_add_new .chosen-container {
    width: 95.55% !important;
}

.button_add_new_option {
    visibility: hidden;
}

.have_add_new .button_add_new_option {
    visibility: visible;
}

.chosen-container-single .chosen-single {
    height: 36px !important;
}


/*Columnas al 50%*/

.half .chosen-container {
    width: 100% !important;
}

.content_block.half {
    width: 50%;
}

.half input[type=text],
.half input[type="password"] {
    width: 100%;
}

.half select {
    width: 100% !important;
}


/*chosen con add + button*/

.have_add_new.half .chosen-container {
    width: 90.549% !important;
}

.half.content_block .content_block_inner {
    padding: 0 5px;
}


/*Columnas al 33.33%*/

.third .chosen-container {
    width: 100% !important;
}

.content_block.third {
    width: 33.333%;
}

.third input[type=text],
.third input[type="password"] {
    width: 100%;
}

.third select {
    width: 100% !important;
}

.third.content_block .content_block_inner {
    padding: 0 5px;
}


/*chosen con add + button*/

.have_add_new.third .chosen-container {
    width: 85.87% !important;
}


/*Columnas al 25%*/

.quarter .chosen-container {
    width: 100% !important;
}

.content_block.quarter {
    width: 25%;
}

.quarter input[type=text],
.quarter input[type="password"] {
    width: 100%;
}

.quarter select {
    width: 100% !important;
}

.quarter.content_block .content_block_inner {
    padding: 0 5px;
}


/*chosen con add + button*/

.have_add_new.quarter .chosen-container {
    width: 79.8% !important;
}

.chosen-container-single .chosen-single {
    box-shadow: none !important;
}

.button_add_new_option.mini_button {
    border-radius: 0;
    margin-left: -1px;
    margin-top: 0;
    padding: 9px;
    position: absolute;
}


/*Ajuste para columnas half, third, quarter*/

.main_form,
.main_form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content_block_inner {
    /*change padding nested*/
    margin: 0 5px;
    padding: 0 5px;
    /*position: relative;*/
}


/*Filters tools*/

.app_filters_tools {
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.app_filters_tools label:first-child {
    margin-left: 0;
}

.app_filters_tools label {
    background: #eeeeee;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

.app_filters_tools label .app_filter_label {
    background: none repeat scroll 0 0 #eeeeee;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    float: left;
    padding: 5px;
    height: 20px;
}

.app_filters_tools input[type=text] {
    height: 28px;
    border: 1px solid #eeeeee;
    border-radius: 0 2px 2px 0;
    padding: 0 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04) inset;
    width: 120px;
}

.app_filters_tools select {
    background: #ffffff;
    height: 30px;
    border: 1px solid #eeeeee;
    border-radius: 0 2px 2px 0;
    padding: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04) inset;
    max-width: 152px;
}


/*Action Buttons, Regresar, Guardar sin cerrar, Guardar*/

.scroll-me {
    position: absolute;
    margin-top: -102px;
    /*margin-left: 352px;*/
    box-shadow: none;
    /*width: 47.55%;*/
    width: 640px;
}

.scroll-me.scrolling-styles .scroll-me-inner {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid #b0b0b0;
}

.scrolling-styles {
    margin-left: 250px;
    position: fixed;
    top: 102px;
    width: 390px;
    z-index: 100;
}

.scrolling-styles .mini_button {
    margin-top: 0;
}

.scroll-me-inner {
    background: #fff none repeat scroll 0 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    float: right;
}


/*submenu core functionality*/

.has-submenu > ul {
    display: none;
    background: #222222 none repeat scroll 0 0;
    left: 230px;
    margin-top: -34px;
    position: absolute;
    width: 190px;
    z-index: 1000;
}

.has-submenu:hover > ul {
    display: block;
}


/*submenu fancy custom css*/

ul.menu .has-submenu li.active_menu > a,
ul.menu .has-submenu li.active_menu > a:hover {
    box-shadow: none;
}

.submenu-indicator {
    margin-right: 15px;
    margin-top: 5px;
    margin-left: 5px;
}

.has-submenu > ul li:first-child a:after {
    content: " ";
    font-size: 0;
    height: 0;
    left: -7px;
    margin-top: 4.5px;
    position: absolute;
    width: 0;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    border-right: 7.5px solid #F2F2F2;
}

.has-submenu > ul li:last-child {
    margin-bottom: 0px;
}


/*Estilos para agregar botones de eliminar junto a inputs de forma manual, el input se envuelve entro de .remove-holder y despues del input se inserta <img=src=remove.png onclick=algo()> con una accion determinada por onclick */

.remove-holder {
    position: relative;
}

.remove-holder-icon {
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 9px;
}


/*Fondo de imagenes por si son transparentes*/

.img_thumb_wrapper_full .thumbnail_background {
    background: url(../img/transp.gif);
    float: left;
}









/*Ayuda*/
.tooltip-help{
    color: #CCC;
}



/*Header info (titulos y textos dentro de los forms para instrucciones)*/
.header-info{
    float: left;
    width: 100%;
    margin: 30px 0px 10px 0px;
}
.header-info:nth-of-type(1) { /*El primer header info no lleva margen*/
    margin-top: 0;
}
.header-info a{
    color: #222222;
    text-decoration: none;
}
.header-info a:hover{
    text-decoration: underline;
}
.header-info .block-title{
    background: #f2f2f2;
    border: 1px solid #eaeaea;
    display: block;
    padding: 5px 0;
    text-align: center;
    border-radius: 4px;
    padding: 8px;
}
.header-info .block-description{
    text-align: center;
    margin-bottom: 25px;
    /*color: #909090;*/
    font-size: 0.97em;
    padding: 0 10px;
}




/*jQuery Uploader - Ajax uploader */
.ajax-file-upload-statusbar{
    width: 100%;
    border: 1px solid #0ba1b5;
    border-radius: 3px;
    margin-top: 10px;
    width: 420px;
    margin-right: 10px;
    margin: 5px;
    padding: 10px;
    margin-left: 0 !important;
    border: 1px solid #cccccc !important;
    float: left;
    position: relative;
}
.content_block .ajax-upload-dragdrop {
    background: #fefefe none repeat scroll 0 0;
    border: 1px dashed #dddddd;
    color: #dadce3;
    float: left;
    margin-bottom: 10px;
    padding: 8px 10px 10px;
    text-align: left;
    vertical-align: middle;
    width: 100% !important;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.12s ease-in-out 0s;
    -moz-transition: all 0.12s ease-in-out 0s;
    -ms-transition: all 0.12s ease-in-out 0s;
    -o-transition: all 0.12s ease-in-out 0s;
    transition: all 0.12s ease-in-out 0s;
    /*fix flickering in firefox*/
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}
.content_block .ajax-upload-dragdrop.state-hover {
    border: 1px solid #d2d2d2;
    background: #e5e5e5;
    color: #ffffff;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.15) inset;
    border-radius: 3px;
    -webkit-transition: all 0.12s ease-in-out 0s;
    -moz-transition: all 0.12s ease-in-out 0s;
    -ms-transition: all 0.12s ease-in-out 0s;
    -o-transition: all 0.12s ease-in-out 0s;
    transition: all 0.12s ease-in-out 0s;
    /*fix flickering in firefox*/
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}
.content_block .ajax-upload-dragdrop.state-hover .ajax-upload-drag-drop-label {
    text-shadow:0 1px 2px rgba(0,0,0,0.4);
}
.content_block .ajax-file-upload-container{
    float: left;
    width: 100%;
}
.ajax-file-upload-filename, .ajax-file-upload-progress, .ajax-file-upload-statusbar{
    width: 100% !important;
}
.content_block .ajax-file-upload{
    float: right;
    margin-top: 0;
}
.ajax-upload-drag-drop-label {
    left: 0;
    padding-top: 5px;
    position: absolute;
    width: 100%;
}
.ajax-file-upload-error{
    float: left;
    color: #FC6A4B;
    font-size: .85em;
}
.ajax-file-upload-bar {
    background-color: #8cc63f;
    border-radius: 0;
    color: #ffffff;
    height: 3px;
    width: 0;
}
.ajax-file-upload-container{
    margin:10px 0px 10px 0px;
}
.ajax-file-upload-red {
    background-color: #e4685d;
    border-radius: 2px;
    box-shadow: 0 39px 0 -24px #e67a73 inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0;
    padding: 0 6px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    top: 0;
    vertical-align: top;
}

/*Separator*/
.separator{
    background: #f2f2f2;
    border-radius: 4px;
    float: left;
    margin: 15px 0 20px 10px;
    width: 610px;
    text-align: center;
    padding: 5px 0;
}








/*Checkboxes en las listas para cuando cada row tiene su checkbox para batch actions*/
.row-checker-wrapper{
    position: relative;
    height: 14px;
    width: 20px;
    display: inline-block;
}
.row-checker-wrapper input{
    position: absolute;
}