:root {
    /* ==== Colores principales de marca ==== */
    --primary: #223580;
    --secondary: #f59c00;
    --primary-alt: #04a2f3;
    --primary-light: #31a6f9;
    --primary-lighter: #4dadff;
    --primary-dark: #485973;
    --primary-darker: #1b5f9d;
    --primary-alpha: #2ca8ff36;

    /* ==== Colores semanticos (estado / feedback) ==== */
    --success: #00bbc7;
    --success-alt: #A5CD37;
    --danger: #f5222d;
    --warning: #fa8c16;
    --warning-alt: #ff9800;
    --info: #2fcbed;
    --info-alt: #3498db;
    --pink: #ff378e;
    --pink-alt: #fe507d;
    --purple: #6c5ce7;
    --purple-alt: #673ab7;

    /* ==== Escala de grises y neutros ==== */
    --white: #ffffff;
    --black: #000000;
    --near-black: #111;
    --gray: #6c757d;
    --gray-light: #ccc;
    --gray-lighter: #dddddd;
    --gray-lightest: #eee;
    --gray-dark: #777;
    --gray-dark-alt: #888;
    --gray-darkest: #212529;
    --gray-medium: #aaa;
    --gray-medium-alt: #999;
    --gray-alpha: #6c757d73;
    --border-light: #dee2e6;
    --bg-light: #f2f2f2;
    --bg-lighter: #f5f6fa;
    --text-dark: #333;
    --text-darker: #343a40;
    --text-muted: #495057;
    --red: #f00;

    /* ==== Resto de colores utilizados en la plataforma ==== */
    --amber: #f0c53c;
    --amber-f1c40f: #f1c40f;
    --amber-light: #fcf8e3;
    --blue: #687ddb;
    --blue-6f69dc: #6f69dc;
    --blue-74809d: #74809d;
    --blue-979fb8: #979fb8;
    --blue-alpha: rgba(104,125,219,0.08);
    --blue-alpha-2e3e8c: rgba(46,62,140,0.06);
    --blue-alpha-4d5995: rgba(77,89,149,0.06);
    --blue-alpha-979fb8: rgba(151,159,184,0.16);
    --blue-dark: #091d63;
    --blue-light: #dde4f6;
    --blue-light-7b90ef: #7b90ef;
    --blue-light-8199ee: rgba(129,153,238,1);
    --blue-light-94a2e8: #94a2e8;
    --blue-light-a1a1c7: #a1a1c7;
    --blue-light-a1abff: #a1abff;
    --blue-light-b8c2ef: #b8c2ef;
    --blue-light-c2c3e4: #c2c3e4;
    --blue-light-ebedf2: #ebedf2;
    --cyan: #428bca;
    --cyan-008fff: rgb(0,143,255);
    --cyan-008fff-2: rgba(0,143,255,1);
    --cyan-0090f8: #0AB6DC;
    --cyan-0090f8-2: rgb(0,144,248);
    --cyan-00a9fb: #00a9fb;
    --cyan-116fc0: #116fc0;
    --cyan-155cd8: rgb(21,92,216);
    --cyan-155cd8-2: rgba(21,92,216,1);
    --cyan-185a9d: #185a9d;
    --cyan-1c94c4: #1c94c4;
    --cyan-1f9ef6: #1f9ef6;
    --cyan-209ef6: rgb(32,158,246);
    --cyan-28aaeb: #28aaeb;
    --cyan-2ca8ff: rgba(44,168,255,1);
    --cyan-2ca8ff-2: rgb(44,168,255);
    --cyan-348dda: #348dda;
    --cyan-48dbfb: #48dbfb;
    --cyan-4bb2fb: #4bb2fb;
    --cyan-55b4ff: #55b4ff;
    --cyan-alpha: rgba(3,143,222,0.2);
    --cyan-alpha-009cff: rgba(0,156,255,0.08);
    --cyan-alpha-1f9ef6: rgba(31,158,246,0.22);
    --cyan-dark: #34495e;
    --cyan-light: #d9edf7;
    --cyan-light-74b9ff: #74b9ff;
    --cyan-light-80bdff: #80bdff;
    --cyan-light-8dd0ff: #8dd0ff;
    --cyan-light-alpha: rgba(170,195,232,0.69);
    --cyan-light-alpha-aac3e8: rgba(170,195,232,0.48);
    --cyan-light-alpha-aac3e8-2: rgba(170,195,232,0.63);
    --cyan-light-b2bec3: #b2bec3;
    --cyan-light-bce8f1: #bce8f1;
    --cyan-light-cdd4da: #cdd4da;
    --cyan-light-d5e6f3: #d5e6f3;
    --cyan-light-dbeaf5: #dbeaf5;
    --cyan-light-e1edf7: #e1edf7;
    --gray-100: #e8e8e8;
    --gray-100-d2d2d2: #d2d2d2cc;
    --gray-100-d5d5d5: #d5d5d5;
    --gray-100-d9d9d9: rgba(217,217,217,1);
    --gray-100-dedfe0: #dedfe0;
    --gray-100-e0e0e0: #e0e0e0;
    --gray-100-e3e3e3: #e3e3e3;
    --gray-100-e4e1e1: #e4e1e1;
    --gray-100-e5e5e5: #e5e5e5;
    --gray-100-ececea: #ececea;
    --gray-100-f0f0f0: #f0f0f0;
    --gray-200: #c8c8c8;
    --gray-200-abb1b7: #abb1b7;
    --gray-200-b1acac: #b1acac;
    --gray-200-b7b9b7: #b7b9b7;
    --gray-200-b9b9b9: rgb(185,185,185);
    --gray-200-bababa: #bababa;
    --gray-200-bababa-2: rgb(186,186,186);
    --gray-200-bbbbbb: #bbbbbb;
    --gray-200-bdbbbb: #bdbbbb7a;
    --gray-200-bfbcc5: #bfbcc5;
    --gray-200-c0c0c0: #c0c0c0;
    --gray-200-c7c2c2: #c7c2c2ed;
    --gray-300: #a4a4a4;
    --gray-300-848484: #848484;
    --gray-300-868282: #868282;
    --gray-300-8f8f8f: rgb(143,143,143);
    --gray-300-8f8f8f-2: rgba(143,143,143,1);
    --gray-300-a0a0a0: #a0a0a0;
    --gray-300-a2958a: #a2958a;
    --gray-300-a2a2a2: #a2a2a2;
    --gray-400: #6c757d1f;
    --gray-400-5d5d5d: rgb(93,93,93);
    --gray-400-616161: #616161;
    --gray-400-696969: #696969;
    --gray-500: #464c53;
    --gray-500-383838: #383838;
    --gray-500-3a3636: #3a3636;
    --gray-500-434b52: #434b52;
    --gray-500-444444: #4444;
    --gray-500-4f4b4f: rgba(79,75,79,1);
    --gray-500-504e4e: #504e4e;
    --gray-500-525252: #525252;
    --gray-500-5a5757: #5a5757;
    --gray-500-alpha: rgba(69,65,78,0.1);
    --gray-600: #2b2c2f;
    --gray-600-242729: #242729;
    --gray-600-272727: #272727;
    --gray-600-2b2c2d: #2b2c2d;
    --gray-600-alpha: rgba(0,0,0,0.1);
    --gray-600-alpha-000000: rgba(0,0,0,0);
    --gray-600-alpha-000000-2: rgba(0,0,0,.2);
    --gray-600-alpha-000000-3: rgba(0,0,0,.25);
    --gray-600-alpha-000000-4: rgba(0,0,0,0.03);
    --gray-600-alpha-000000-5: rgba(0,0,0,0.125);
    --gray-600-alpha-000000-6: rgba(0,0,0,.26);
    --gray-600-alpha-000000-7: rgba(0,0,0,0.05);
    --gray-600-alpha-000000-8: rgba(0,0,0,0.25);
    --gray-600-alpha-313131: rgba(49,49,49,0.25);
    --gray-white-alpha: rgba(255,255,255,.35);
    --green: #a0d37d;
    --green-4caf50: #4caf50;
    --green-light: #dff0d8;
    --green-light-d6e9c6: #d6e9c6;
    --indigo: #5f27cd;
    --indigo-dark-alpha: rgba(82,63,105,0.15);
    --orange: #f39c12;
    --orange-8a6d3b: #8a6d3b;
    --orange-e67e22: #e67e22;
    --orange-ff6319: #ff6319;
    --orange-ff9100: #ff9100;
    --orange-ffb822: #ffb822;
    --orange-light: #faebcc;
    --orange-light-eecda3: #eecda3;
    --orange-light-fdcb6e: #fdcb6e;
    --pink-ef629f: #ef629f;
    --pink-fd397a: #fd397a;
    --pink-fe538f: #fe538f;
    --purple-9b59b6: #9b59b6;
    --red-a94442: #a94442;
    --red-alpha: rgba(219,104,104,0.08);
    --red-light: #ff9f96;
    --red-light-ebccd1: #ebccd1;
    --red-light-f2dede: #f2dede;
    --red-light-f58a8a: rgb(245,138,138);
    --red-light-f59595: #f59595;
    --red-light-fae1e1: #fae1e1;
    --red-light-ff6b6b: #ff6b6b;
    --red-light-ffcfcf: #ffcfcf;
    --red-light-ffefef: #ffefef;
    --teal: #5acde2;
    --teal-11dbff: #11dbff;
    --teal-1dd1a1: #1dd1a1;
    --teal-2db67c: #2db67c;
    --teal-43cea2: #43cea2;
    --teal-alpha: rgba(45,182,124,.85);
    --teal-dark: #078b64;
    --teal-light: #c5fbef;
    --yellow-green: #89b906;
    --yellow-green-9dbc41: #9dbc41;
    --yellow-green-a5cd38: #a5cd38;
    --yellow-green-dark: #79a502;

    /* ==== Colores de base_kohana (new_main.css, admin.css, chat.css, popup.css) ==== */
    --cyan-0066d4: #0066d4;
    --cyan-007bff: #007bff;
    --cyan-007cd5: rgb(0,124,213);
    --cyan-0099b9: #0099b9;
    --cyan-2979ff: #2979ff;
    --cyan-3d95e0: #3d95e0;
    --cyan-43a8ff: #43a8ff;
    --cyan-alpha-0099b9: rgba(0,153,185,0.1);
    --cyan-alpha-0099b9-2: rgba(0,153,185,0.15);
    --cyan-dark-011d2e: #011d2e;
    --cyan-dark-0c5592: #0c5592;
    --cyan-dark-176689: #176689;
    --cyan-light-b1d4e4: #b1d4e4;
    --cyan-light-c6e4f2: #c6e4f2;
    --cyan-light-d9ecf9: #d9ecf9;
    --cyan-light-e3f1fa: #e3f1fa;
    --gray-100-d4d4d4: #d4d4d4;
    --gray-100-dddddc: #dddddc;
    --gray-100-ebebeb: #ebebeb;
    --gray-300-7f8c8d: #7f8c8d;
    --gray-300-999999: #999999;
    --gray-400-656565: #656565;
    --gray-400-666666: #666666;
    --gray-400-777777: #777777;
    --gray-500-3c3a3a: #3c3a3a1a;
    --gray-500-444444-2: #444;
    --gray-500-555555: #555555;
    --gray-500-555555-2: #555;
    --gray-600-333333: #333333;
    --gray-600-alpha-000000-9: rgba(0,0,0,.05);
    --gray-600-alpha-000000-10: rgba(0,0,0,0.067);
    --gray-600-alpha-000000-11: rgba(0,0,0,0.53);
    --gray-600-alpha-000000-12: rgba(0,0,0,0.075);
    --gray-600-alpha-141414: rgba(20,20,20,0.1);
    --gray-white: #fafafa;
    --gray-white-alpha-fafafa: rgba(250,250,250,1.95);
    --gray-white-alpha-ffffff: rgba(255,255,255,0.9);
    --gray-white-f6f6f6: #f6f6f6;
    --gray-white-f9f9f9: #f9f9f9;
    --gray-white-fcfcfc: #fcfcfc;
    --gray-white-fefefe: #fefefe;
    --green-dark: #00af3f;
    --orange-alpha: rgba(255,102,0,0.2);
    --orange-f99d39: #f99d39;
    --pink-ff3b90: #ff3b90;
    --pink-light: #ff7ab5;
    --pink-light-ff7bb5: #ff7bb5;
    --red-alpha-ff0000: rgba(255,0,0,.35);
    --red-ff2020: #ff2020;
    --red-ff4757: #ff4757;
    --red-light-ffeeee: #fee;
    --teal-00e5ff: #00e5ff;
    --teal-1de9b6: #1de9b6;
}
/*Enlaces de texto clicables (botones tipo link) en todo el software*/
a{
    color: var(--info);
}
a:hover{
    color: var(--info);
}
.card_premium{
    display: flex;
    justify-content: space-around;
    background: linear-gradient(45deg,var(--teal-43cea2) 0%,var(--cyan-185a9d) 100%);
    padding: 0.5rem;
    border-radius: 10px;
}
.card_premium:hover{
    box-shadow: 2px 2px 13px var(--gray-200-bfbcc5);
}
.card_premium .card_premium_wrap_img .card_premium_img{
    width: 140px;
}
.card_premium .card_premium_detail{
    padding: .5rem;
}
.card_premium .card_premium_detail h5,.card_premium .card_premium_detail h6 {
    color:white;
}
.card_premium .card_premium_detail .card_premium_wrap_btn{
    text-align: right;
}
.btn_gradient{
    background-color: var(--amber);
    border:none;
    border-radius:1.5rem;
    color:var(--cyan-dark);
    transition: .7s;
}
.btn_gradient:hover {
    color:var(--cyan-185a9d);
    background:white;
}
.wrapper-layout{
    width: 90px;
}
.container-dinamic-layout{
    margin-left: 90px;
    width: calc(100% - 90px);
}
.dropdown ul.dropdown-menu{
    left: 90px;
}
.wrap_button_dashed{
    text-align: center;
    border: 1px dashed var(--success-alt);
    border-radius: 5px;
}
.btn-link-success{
    color: var(--teal-dark) !important;
}
.wrapper-layout .no_child{
    width: 100%;
}
/* Logo inicial*/
.container-sw-logo .size-auto{
	width: 70px;
	height: 50px;
	border-radius: 5px;
	background: white;
	padding: 2px;
}
.menu-by-option{
    margin-bottom:5px;
    background-color: var(--primary);
}
.navbar_shortcuts{
	padding:3px;
}

::placeholder { /* Firefox, Chrome, Opera */
    color: var(--gray-200-bbbbbb)!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--gray-200-bbbbbb)!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--gray-200-bbbbbb)!important;
}

.text-danger {
    color: var(--pink)!important;
}

/* Buttons */
.btn_link{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0px 6px;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 3px;
	cursor: pointer;
	background: transparent;
	color: var(--gray-500);
}
.btn_link:hover{
	background: var(--gray-lighter);
}

.btn-pill-primary{
    border-radius: 2rem;
    box-shadow: 1px 2px 9px 2px var(--cyan-light-alpha);
    padding: 0.5rem 0.75rem;
    background-color: var(--info)!important;
    border-color: var(--info)!important;
    color:white;
}

/*font*/
.text-regular{
	font-family: 'Exo-Regular';
}
.text-semiBold{
	font-family: 'Exo-SemiBold';
}
.text-bold{
	font-family: 'Exo-Bold';
}
/*Titulo del modulo/vista*/
.welcome_section h1,
.welcome_section h2,
.welcome_section h3,
.welcome_section h4,
.welcome_section h5,
.welcome_section h6{
	color: var(--primary);
}
/*Colores de los titulos*/
.title_primary{
	color: var(--secondary)!important;
}
.text-success{
	color: var(--secondary)!important;
}
/*Textos y labels de las secciones de filtros*/
.portlet-card .title_primary{
	color: var(--primary-dark)!important;
}
/*Botones del sistema*/
.btn-primary{
	background-color: var(--info)!important;
    border-color: var(--info)!important;
    box-shadow: 1px 2px 9px 2px var(--cyan-light-alpha);
}
.btn-primary:hover{
	background-color: var(--cyan-0090f8)!important;
	border-color: var(--cyan-0090f8)!important;
}


.btn-danger{
    background-color: var(--pink) !important;
    border-color: var(--pink)!important;
}

.btn-outline-danger{
    color: var(--pink-fd397a);
    border-color: var(--pink-fd397a);
}
.btn-outline-danger:hover{
    color: var(--white);
    background-color: var(--pink-fd397a);
    border-color: var(--pink-fd397a);
}
.btn-outline-primary{
    color: var(--info);
    border-color: var(--info);
}
.btn-pill-primary{
    border-radius: 2rem;
    box-shadow: 1px 2px 9px 2px var(--cyan-light-alpha);
    padding: 0.5rem 0.75rem;
    background-color: var(--info)!important;
    border-color: var(--info)!important;
}
.btn-outline-primary:hover{
    color: var(--white);
    background-color: var(--info);
    border-color: var(--info);
}
.btn-outline-info{
    color: var(--info);
    border-color: var(--info);
    background-color: transparent;
}
.btn-outline-info:hover{
    color: var(--white);
    background-color: var(--info);
    border-color: var(--info);
}
.btn-link{
    color: var(--info);
}
.btn-link:hover{
    color: var(--info);
}

/*Botones del sistema*/
.btn-success{
    color:var(--gray-darkest);
	background-color: var(--success)!important;
	border-color: var(--success)!important;
}
.btn-success:hover{
    color:var(--gray-darkest);
	background-color: var(--yellow-green)!important;
	border-color: var(--yellow-green)!important;
}

/*Colores de los mensajes de alerta*/
.color_alert{
	color: var(--pink-fe538f)!important;
}

.badge_primary{
	color: var(--white);
	background-color: var(--primary);
	margin-left: 5px;
	padding:2px;
}
.badge_success{
	color: black;
	background-color: var(--success);
	margin-left: 5px;
	padding:2px;
}
/*Secciones de la pagina*/
.message_section-info{
	background-color: white;
	border-left: solid 6px var(--secondary);
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: var(--primary-dark);
}
.message_section-link{
	color: var(--info);
}
.message_section-link:hover{
	text-decoration: none;
}

/*Mensajes y alertas*/
.info_msg{
	background-color: var(--white);
	padding: 10px;
	padding-left: 15px;
	border-radius: 4px;
	border: solid 1px var(--yellow-green-dark);
	color: var(--yellow-green-dark);
	font-size: 14px;
}
.error_msg{
	background-color: var(--white);
	padding: 10px;
	padding-left: 15px;
	border-radius: 4px;
	border: solid 1px var(--pink);
	color: var(--pink);
	font-size: 14px;
}
.font_table_error{
	font-size: 14px !important;
}
/*posicion para icono*/
.p_icon{
	padding-top: 0.20rem !important;
	margin-right: 0.25rem !important;
}
/* color de fileuploader*/

.fileuploader-input-button {
	background: var(--orange-ff9100)!important;
}
.fileuploader-input-caption{
	color: var(--gray-darkest) !important;
	font-weight: normal !important;
}

/*Estilos select2*/
.select2-container .select2-selection--single{
	height: 35px!important;
	border: 1px solid var(--gray-light)!important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	padding-top: 4px;
	padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 5px!important;
}
.select2-results__option{
    font-size: .875rem; 
}
/*Extras*/
.cursor-pointer{
	cursor: pointer;
}
.fs-13{
	font-size: 13px;
}
.opacity_09{
	opacity: .9;
}

/*Widgets de atajos del sistema*/
.text_secondary{
	color: var(--primary-dark) !important;
}
.widget_primary{
	border-left: 6px solid var(--secondary)!important;
}
.widget_secondary{
	border-left: 6px solid var(--success)!important;
}
.widget_shorcut{
	border-radius: 0 !important;
	min-height: 90px;
	cursor: pointer !important;
    box-shadow: 0px 2px 4px 1px var(--gray-alpha);
}
.widget_shorcut_body{
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}


/*Modal estructura*/
.container_dinamic_company{
  border: solid 1px var(--gray-200-b9b9b9);
  border-radius: 4px;
  padding: 10px;
  overflow: auto;
  /*min-height: 100px;*/
  /*max-height: 71vh;*/
}
#phase-section{
  /*max-height: 100vh;*/
  overflow: auto;
}
.disable_item
, .disable_item i
, .disable_item ul li
, .disable_item ul li i{
  color: var(--red-light-f58a8a) !important;
}

.disable_item ul li
, .disable_item ul li i{
  cursor: not-allowed;
}

.tabs_in_modal_head{
  border-bottom: none;
  display: flex;
  justify-content: space-around;
}
.tabs_in_modal_head .nav-item a{
  	/* border-radius: 10px; */
  	border: none!important;
	background: var(--gray-200-bababa-2);
	color: white;
	padding-left: 39px!important;
	font-size: 14px;
	border-radius: 20px!important;
	position: relative;
	font-size: 13px;
	margin-bottom: 10px;
}
.tabs_in_modal_head .nav-item a i{
	position: absolute;
    left: -1px;
    top: 0;
    background: var(--gray-200-bbbbbb);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
	border: solid 2px white;
	font-weight: bold;
  }
.tabs_in_modal_head .nav-item a.active{
  border-radius: 10px;
  background: var(--cyan-209ef6) !important;
  color: white;
}
.tabs_in_modal_head .nav-item a.active i{
	background: var(--success);
	border-radius: 50% 0 50% 50%;
  }
.active-element-lv{
  border-radius: 4px;
  padding: 0 .5rem 0 .2rem;
  background: var(--primary);
  color: white;
}
#employee_structureName-error{
  position: absolute;
  top: 36px;
  font-size: 14px;
}

.disabled-select {
   background-color:var(--gray-100-d5d5d5);
   opacity:0.5;
   border-radius:3px;
   cursor:not-allowed;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
}
.text_item{
	cursor: pointer;
}

/*boton guardar fecha en input: es usado en plan de accion*/

.container_input_date_grid{
}
.input_date_grid{
	position: relative !important;
}
.btn_save_in_input_date{
	background: transparent !important;
	border: none !important;
	position: absolute;
	margin-left: 78px;
    margin-top: 3px;
}
.btn_save_in_input_date:hover{
	color: var(--cyan-55b4ff)!important;
}

/*boton guardar en grid: es usado en plan de accion*/
.btn_grid_save{
	background: transparent !important;
	border: none !important;
}
.btn_grid_save:hover{
	color: var(--cyan-55b4ff)!important;
}

/*boton guardar tipo de plan de accion */
.btn_save_in_select{
	background: var(--white) !important;
	border-top: 1px solid var(--gray-200-c7c2c2) !important;
	border-right: 1px solid var(--gray-200-c7c2c2) !important;
	border-bottom: 1px solid var(--gray-200-c7c2c2) !important;
	z-index: 99;
	margin-left: -3px;
	border-radius: 0px 4px 4px 0 !important;
}
.btn_save_in_select:hover{
	color: var(--cyan-55b4ff)!important;
}
.btn_save_in_select:focus{
	box-shadow: none;
}
/*Estilos jqgrid*/
/*ajustar celda a texto jqgrid*/
.ui-jqgrid th.ui-th-column div{
   white-space:normal !important;
   height:auto !important;
   padding:2px;
}
.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height:auto !important;
    vertical-align:middle !important;
}

.jqgrid_overflow .table td {
	padding: 0.5rem;
}

/*Estilos datetime picker*/
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
	    background-color: var(--primary) !important;
		color: var(--white) !important;
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover{
	color: var(--black) !important;
	border: 1px solid var(--primary) !important;
}
.bootstrap-datetimepicker-widget table td span.active {
    background: var(--primary) !important;
	color: var(--white) !important;
}
.bootstrap-datetimepicker-widget table td span:hover {
    border: 1px solid  var(--primary) !important;
}

.bootstrap-datetimepicker-widget table{
    z-index: 999 !important;
}
.bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table td {
	height: 50px;
	line-height: 20px;
	width: 20px;
	text-align: center;
}


.bootstrap-datetimepicker-widget {
    list-style: none;
    font-size:12px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
    z-index:1000000;

}

.border_image{
	border: 1px solid var(--gray-light);
	border-radius: 5px;
	position: relative;
	width: 50%;
	margin: 0 auto;
}
.border_image .btn_close_image{
	position:absolute;;
	right: 0;
	background: white;
	color: var(--pink);
}

@media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--gray-light);
    border-bottom-color: var(--gray-600-alpha-000000-2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--white);
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--gray-light);
    border-top-color: var(--gray-600-alpha-000000-2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--white);
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: var(--gray-dark);
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: var(--gray-lightest);
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: var(--gray-dark)
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: var(--gray-200-bababa)!important;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: var(--gray-300-a2a2a2)!important;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: 0 0 7px 7px solid transparent;
    border-bottom-color: var(--primary-alt)!important;
    border-top-color: var(--gray-600-alpha-000000-2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--primary-alt)!important;
    color: var(--white)!important;
    text-shadow: 0 -1px 0 var(--gray-600-alpha-000000-3)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: var(--white)!important;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: var(--gray-dark);
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: var(--gray-200-bababa)!important;
}


.bootstrap-datetimepicker-widget table td span.active {
    background-color: var(--primary-alt)!important;
    color: var(--white)!important;
    text-shadow: 0 -1px 0 var(--gray-600-alpha-000000-3)
}

.bootstrap-datetimepicker-widget table td span.old {
    color: var(--gray-dark)
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: var(--gray-dark);
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.table_with_datetimepicker .jqgrow.ui-row-ltr>td{
    position:relative!important;
}
.table_with_datetimepicker .bootstrap-datetimepicker-widget {
	right: 150px!important;
    top: 250px!important;
    z-index:9999999;
    position:fixed!important;
}
.table_with_datetimepicker .bootstrap-datetimepicker-widget td,.table_with_datetimepicker .bootstrap-datetimepicker-widget th{
    border-top: 0;
}
 .table_with_datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu{
	 left: auto!important;
	 max-height: 250px;
 }

/*Estilos para estructura organizacional
-------------------------------------------------------------- */
.directory-list ul {
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px dashed var(--gray-lighter);
}

.directory-list li {
  list-style: none;
  color: var(--gray-400-5d5d5d);
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
  line-height: 1.7;
}

.directory-list a {
  border-bottom: 1px solid transparent;
  color: var(--gray-dark-alt);
  text-decoration: none;
  transition: all 0.2s ease;
}

.directory-list a:hover {
  border-color: var(--gray-lightest);
  color: var(--black);
}

.directory-list .folder_root,
.directory-list .folder,
.directory-list .folder > a {
  color: var(--gray-dark);
  font-weight: bold;
}





.directory-list li:before {
  margin-right: 10px;
  content: "";
  height: 20px;
  vertical-align: middle;
  width: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  /* file icon by default */
  background-image: url("../../media/img/icons_svg/door.svg");
  background-position: center 2px;
  background-size: 100% auto;
}



.directory-list li.folder_root:before {
  /* folder icon if folder class is specified */
  background-image: url("../../media/img/icons_svg/domain.svg");
  background-position: center top;
  background-size: 100% auto;
}
.directory-list li.subarea:before {
  /* imaen para area*/
  background-image: url("../../media/img/icons_svg/door.svg");
  background-position: center top;
  background-size: 100% auto;
}
.directory-list li.office:before {
  /* imaen para sede*/
  background-image: url("../../media/img/icons_svg/city.svg");
  background-position: center top;
  background-size: 100% auto;
}
.directory-list li.area:before {
  /* folder icon if folder class is specified */
  background-image: url("../../media/img/icons_svg/home-modern.svg");
  background-position: center top;
  background-size: 100% auto;
}
.directory-list li.folder:before {
  /* folder icon if folder class is specified */
  background-image: url("../../media/img/icons_svg/home-modern.svg");
  background-position: center top;
  background-size: 100% auto;
}
.add_new_child, .edit_child{
  color: var(--secondary);
}
.remove_child{
  color: var(--pink);
}


/*Modal estructura*/

.disable_item
, .disable_item i
, .disable_item ul li
, .disable_item ul li i{
  color: var(--red-light-f58a8a) !important;
}

.disable_item ul li
, .disable_item ul li i{
  cursor: not-allowed;
}

.tabs_in_modal_head{
  border-bottom: none;
  display: flex;
  justify-content: space-around;
}
.tabs_in_modal_head .nav-item a{
  border-radius: 10px;
  border: none!important;
  background: var(--gray-200-bababa-2);
  color: white;
}
.tabs_in_modal_head .nav-item a.active{
  border-radius: 10px;
  background: var(--cyan-209ef6) !important;
  color: white;
}
.tabs_in_modal_body {

}
.active-element-lv{
  border-radius: 4px;
  padding: 0 .5rem 0 .2rem;
  background: var(--primary);
  color: white;
}
#employee_structureName-error{
  position: absolute;
  top: 36px;
  font-size: 14px;
}

.disabled-select {
   background-color:var(--gray-100-d5d5d5);
   opacity:0.5;
   border-radius:3px;
   cursor:not-allowed;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
}

.dashboard_widget{
	cursor: pointer;
    box-shadow: 0px 2px 14px 1px var(--gray-400);
	width: 315px;
	margin-right: 1.7rem;
    margin-bottom: 1.7rem;
	border-top: 3px solid var(--info);
}
.dashboard_widget .title_primary{
	color: var(--info)!important;
}
.dashboard_widget:hover {
    transform: scale(1.02);
	transition: 0.3s;
}
.dashboard_widget_body{
	min-height:116px!important;
 	padding:0 !important;
}
.widget_dashboard_span{
	min-height: 95px;
    /* border: 2px solid var(--secondary);
    background: var(--secondary); */
    margin-right: 10px;
	border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
	   margin-bottom: 0;
	   padding: 1px;
}
.widget_dashboard_image{
	width: 90px;
    height: 90px;
    border-radius: 4px;
	margin-right: 0.5rem;
	margin-left: 0.5rem;

}
.dashboard_widget_text{
	margin-left: 10px;
	margin-right: 5px;
}
.text_gray{
	color: var(--gray-500-434b52);
}
.margin_section_widget{
	margin-left: 3rem!important;
}
.structure_selected{
    font-weight: 600;
    text-decoration: underline;
    color: var(--orange-ff9100);
}

.panel_border{
    border-radius: 4px;
    border: solid 1px var(--cyan-light-d5e6f3);
}

.section_border{
	border-color: var(--primary) !important
}
.btn_large_fixed{
	width: 350px ;
	margin-bottom: 0.25rem;
}
.btn_short_fixed{
	width: 120px ;
}
.btn_format_inspection{
	width: 170px;
}
.nav_panel_view{
	margin-bottom: 6px !important;
    width: 260px;
    text-align: center;
}
.nav_panel_view .nav-link.disabled{
	background-color: var(--gray-200-bdbbbb)!important;
}
.nav_panel_widget{
	margin-bottom: 6px !important;
    text-align: center;
}
.nav_panel_widget .nav-link.disabled{
	background-color: var(--gray-200-bdbbbb)!important;
}
.card_header_inspection{
	background: var(--gray-100-d2d2d2);
}
.card_header_inspection_title{
	min-width: 500px;
}

.item-inspection{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: black;
}
.item-inspection:hover{
    color: black!important;
    text-decoration: none;
}
.item-inspection.collapsed .card-icon-header{
    transform: rotate(180deg);
}

.wrap-item-inspection{
    width: 100%;
    border: 1px solid gray;
    border-radius: .5rem;
    padding: .5rem;
    font-size: .875rem;
    margin-bottom:1rem;
}
.card-body_assigment_detail_header .item-inspection-date{
    color: var(--primary);
}
.asigments_list_detail_centered a{
    font-size: .75rem !important;
}

.header_card_assigment label{
    font-size: .9rem !important;
}

.card-body_assigment_detail label{
    font-size: .85rem !important;
}

.asigments_list_detail_centered button {
    font-size: .75rem !important;
}



.list_detail_header{
    margin-left: 1rem;
    margin-right: 1rem;
    border-bottom: 1px grey solid;
}
.wrap-item-inspection-general{
    width: 100%;
    /*border: 2px solid var(--primary);*/
    border-radius: .5rem;
    /*padding: .5rem;*/
    padding: 0 !important;
    font-size: .875rem;
    margin-bottom:1rem;
}

.header_card_assigment .item-inspection-title{
    color: white !important;
}
.header_card_assigment .item-inspection-date{
    color: white !important;
}
.header_card_assigment .card-icon-header{
    color: white !important;
}

.item_inspection_assigments{
    padding-right: .5rem;
    padding-left: .5rem;
}

.card_insp {
    border-radius: 4px;
    background: white;
    box-shadow: 0px 2px 6px 0px var(--cyan-light-alpha-aac3e8);
    padding: .5rem;
    position: relative;
    margin-bottom: .15rem;
}

.card_insp .card_insp_head .insp_head_info .label {
    font-size: .6rem;
    padding: 0 0.25rem;
}

.card_insp .card_insp_head .insp_head_info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    font-size: .75rem;
}

.card_insp .card_insp_head .insp_head .p_insp_desc {
    margin-bottom: 0;
}

.card_insp_head .wrap_chevron {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.card_insp .card_insp_head .insp_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .875rem;
    padding-top: .5rem;
}

.btn-chevron {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    box-shadow: 1px 2px 10px 2px var(--cyan-light-alpha-aac3e8-2);
}

.card_insp_head.collapsed .fas.fa-chevron-up {
    transform: rotate(180deg);
    transition: .3s;
}

.header_card_assigment {
    background: var(--cyan-008fff);
    background: linear-gradient(180deg, var(--cyan-008fff-2) 0%, var(--cyan-2ca8ff) 100%);
    border-radius: 7px;
    padding: .5rem;
    color: white;
}

.routine_programmed_body{
    padding-left: .5rem;
    padding-right: .5rem;
}

.wrap-item-inspection-intemedite{
    width: 100%;
    border: 1px solid var(--black);
    border-radius: .5rem;
    padding: .5rem;
    margin-top: 1rem;
    font-size: .875rem;
    margin-bottom:1rem;
    -webkit-box-shadow: 6px 6px 14px -2px var(--gray-500-4f4b4f);
    -moz-box-shadow: 6px 6px 14px -2px var(--gray-500-4f4b4f);
    box-shadow: 6px 6px 14px -2px var(--gray-500-4f4b4f);
}

.route_inspection_question label{
    font-weight: bold;
    font-size: .95rem;
}

#form_routine_inspection .route_inspection_question{
    padding-bottom: 1rem;
}

.card-body_assigment_detail{
    width: 100%;
}
.item-inspection .item-inspection-title{
    display: block;
    margin:0;
}

.card_plan {
    border-radius: 10px;
    background: white;
    box-shadow: 0px 2px 6px 0px var(--cyan-light-alpha-aac3e8);
    padding: .5rem;
    position: relative;
    margin-bottom: 1rem;
}

.card_plan_head {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.card_plan_head .wrap_chevron {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.card_plan_head .fas.fa-chevron-up {
    transition: .3s;
}
.card_plan_head .label {
    position: absolute;
    right: .45rem;
    top: .45rem;
    font-size: .6rem;
    padding: 0 0.25rem;
}
.card_plan_head .p_plan_description {
    margin-top: .7rem;
    margin-bottom: .25rem;
    font-size: .875rem;
}
.card_plan_head.collapsed .fas.fa-chevron-up {
    transform: rotate(180deg);
    transition: .3s;
}
.card_plan_head .plan_details {
    margin-bottom: 0;
    list-style: none;
    padding-left: .5rem;
    font-size: .7rem;
}
.card_plan_head .plan_details li span {
    color: var(--primary)!important;
}

.item-inspection .item-inspection-date{
    color: var(--primary);
    font-size:.75rem;
    margin:0;
}

.card-body_assigment_detail_header .detail_header_inspection label{
    margin-bottom: 0px!important;
}

.search_seaction_wrap{
    position: relative;
    padding-bottom: 1rem !important;
}
.search_seaction_wrap .btn_seach_input{
    position: absolute;
    top: 0;
    right: 0px;
    background: transparent;
    border: none;
    padding: .25rem .5rem;
    cursor: pointer;
}
.search_seaction_wrap .btn_seach_input:focus{
    outline: none;
    color: var(--info);
}

.search_seaction_wrap .form-control:focus{
    border:1px solid var(--cyan-light-80bdff);
}


.color_default{
	background: none;
}
.color_progress {
    background-color: var(--amber-f1c40f) !important;
    border-color: var(--amber-f1c40f) !important;
    color: var(--near-black) !important;
}
.select_your_structure > em{
	position: absolute;
    top: 40px;
}
.width_column_min_90{
	min-width: 90px;
}
.list_section{
	padding: 1rem;
	margin-left: 1rem;
	margin-top:1rem;
}

/**tabs widget*/
.wrap_tabs_widget{
    border-bottom: none;
    display: flex;
    justify-content: space-around;
}

.wrap_tabs_widget .nav-item a.active{
    border-radius: 10px;
    background: var(--cyan-209ef6) !important;
    color: white;
}

.wrap_tabs_widget .nav-item a {
    border: none!important;
    background: var(--gray-200-bababa-2);
    color: white;
    font-size: 14px;
    border-radius: 20px!important;
    position: relative;
    font-size: 13px;
    margin-bottom: 10px;
}
/*Estilos de jqgrid*/
.ui-row-ltr.success{
    background: var(--primary-alpha) !important;
}
.ui-row-ltr.active{
    background: var(--primary-alpha) !important;
}


/*Estilos de listado de evidencias*/
.wrap_evidence{
	list-style: none;
	padding: 5px!important;
}
.wrap_evidence .li_evidence {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .5rem;
	margin-bottom: .5rem;
    background: var(--gray-100-e4e1e1);
    border-radius: .25rem;
    padding: .25rem;
}
.wrap_evidence .li_evidence .detail_evidence{
	display: flex;
	align-items: center;
	padding-right: 5px;
}
.wrap_evidence .li_evidence .wrap_img{
	padding-right:10px;
}
.wrap_evidence .li_evidence .detail_evidence span{
    font-size: 13px;
    word-break: break-word;
}

.wrap_evidence .li_evidence .detail_evidence .wrap_img img{
	width: 50px;
	height: 50px;
	padding: 1px;
    background-color: var(--white);
    border: 1px solid var(--gray-100-dedfe0);
    border-radius: 0.25rem;
}
.wrap_evidence .li_evidence .wrap_svg{
	padding-right:10px;
}
.wrap_evidence .li_evidence .detail_evidence .wrap_svg img{
	width: 33px;
	height: 33px;
}

.wrap_evidence .li_evidence .actions_evidence{
	display: flex;
	justify-content: center
}
.wrap_evidence .li_evidence .actions_evidence a{
	color:var(--primary);
	    padding: 2px 4px;
}
.wrap_evidence .li_evidence .actions_evidence a:hover{
	background-color:var(--primary);
	color: white;
	border-radius: 4px;
	text-decoration: none;
}
.wrap_evidence .li_evidence .actions_evidence a.actions_evidence_red{
	color:var(--pink);

}
.wrap_evidence .li_evidence .actions_evidence a.actions_evidence_red:hover{
	background-color:var(--pink);
	color:white;
}
.wrap_evidence .li_evidence .actions_evidence a.actions_evidence_green{
	color:var(--success);
}
.wrap_evidence .li_evidence .actions_evidence a.actions_evidence_green:hover{
	background-color:var(--success);
	color:white;
}


.help-inline.help-block{
    font-size: .8rem;
}
/* Select 2*/


.note-popover .popover-content.note-children-container{
	display: none;
}

.form-control-sm-parent .select2-selection.select2-selection--single{
    height: calc(1.8125rem + 2px)!important;
    font-size: 0.875rem;

}
.form-control-sm-parent  .select2-search__field{
	height: calc(1.8125rem + 2px)!important;
}
.form-control-sm-parent .select2-results__option{
    font-size: 0.875rem!important;
}

.form-control-sm-parent .select2-container .select2-selection--multiple{
	height: 37px;
}

.form-control:hover{
    border-color: var(--cyan-28aaeb);
    border-right-width: 1px !important;
}
.form-control:focus {
    border-color: var(--cyan-28aaeb);
    border-right-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 2px var(--cyan-alpha);
}
.portlet-card{
    box-shadow: 0 0 5px 5px var(--gray-600-alpha-000000-4);
	background: white;
	padding: 1rem !important;
}
.portlet-card .portlet-card-head{
	border-bottom: 1px solid var(--blue-light-ebedf2);
	padding-bottom: .875rem;
	margin-bottom: .875rem;
}
#navbar li.dropdown ul.dropdown-menu li a span.item-text{
	text-align: left;
	padding: .1rem 0.75rem;
}

.td_assignment .dropdown-menu {
	box-shadow: 0px 0px 50px 0px var(--indigo-dark-alpha);
	border:none;
	font-size: 13px;
}
.td_assignment .dropdown-menu .dropdown-item i{
	margin-right: 0.75rem;
}
.td_assignment .dropdown-menu .dropdown-item:active{
	background-color: var(--primary);
}
/*Sweet Alert Inspección*/
.swal-inspection{
	width: 270px;
}
.swal-inspection .swal-title{
	color:var(--primary);
	font-size: 19px;
}
.swal-inspection .swal-text{
	line-height: inherit;
}
.swal-inspection  .swal-title:first-child {
    margin-top: 10px;
}
.swal-inspection .swal-button{
    background-color: var(--info);
	padding: 5px 20px;
}
.swal-inspection .swal-button:active {
    background-color: var(--info);
}
.title_section{
	background-color: var(--primary);
	padding: 4px 10px 2px 10px;
	margin-bottom: 0px;
	color: white;
	font-size: 14px;
	border-radius: 2px;
}
.text_green{
	color:var(--success);
}
.btn-green{
	background-color: var(--success)!important;
}
.btn-pink{
    background-color:var(--pink-fe538f)!important;
    color:white;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: var(--primary)!important;
}

.wrap_secction_add{
	border: 1px dashed var(--primary);
	padding: 5px;
	border-radius: 3px;
	text-align: center;
}
.wrap_secction_add .btn_section_add{
	background: transparent;
	padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.wrap_secction_add .btn_section_add:hover{
	color: var(--info);
	text-decoration: underline;
	background-color: transparent;
	border-color: transparent;
}
.wrap_secction_add .btn_section_add:focus{
    outline: 0;
    box-shadow: none;
}

.wrap_secction_add.section_orange{
    border: 1px dashed var(--orange-ff9100);
}
.wrap_secction_add.section_orange .btn_section_add:hover{
    color:var(--orange-ff9100);
}
.card_action_plan{
	border-color: var(--primary) !important;
	min-width: 0;
	word-wrap: break-word;
	background-color: var(--white);
	background-clip: border-box;
	border: 1px solid var(--gray-600-alpha-000000-5);
	border-radius: 0.25rem;
	position: relative;
	margin-bottom:5px;
}
.card_action_plan .card-body{
	padding: .5rem;
}
.btn_green{
	background-color: var(--yellow-green-dark)!important;
	border-color: var(--yellow-green-dark)!important;
	color: var(--white);
}
.btn_outline_default{
	color: var(--info);
    background-color: var(--blue-alpha-4d5995);
	font-weight: 600;
}
.btn_outline_default:hover{
	color:var(--cyan-1f9ef6);
	background-color: var(--blue-alpha-2e3e8c);
}
.btn_outline_default:focus, .btn_outline_default.focus{
	box-shadow: 0 0 0 0.1rem var(--cyan-alpha-1f9ef6);
}
.btn_border_bottom{
    border-radius: 0;
	background-color: transparent;
}
.btn_border_bottom:hover{
	border-bottom: 2px solid var(--yellow-green-a5cd38);
}
.wrap_dropdown .dropdown-item{
	font-size: .875rem;
}
.wrap_dropdown .dropdown-item.active,.wrap_dropdown .dropdown-item:active{
	    background-color: var(--primary);
}
/* Correcciones en jqgrid*/
.ui-jqgrid .ui-jqgrid-pager{
	min-height: 30px!important;
}

.ui-pg-table.ui-common-table.ui-paging-pager .ui-pg-input.form-control{
    border: 1px solid var(--gray-300-848484);
	text-align: center;
}
.td_requirement_description{
	overflow-y: auto;
    max-height: 50px;
	margin-bottom: 0px;
}
.td_requirement_description::-webkit-scrollbar-thumb{
	background: var(--cyan-light-8dd0ff);
    border-radius: 6px;
}
.td_requirement_description::-webkit-scrollbar{
	width: 8px;
	height: 8px;
	background-color: var(--gray-100-ececea);
	border-radius: 2px;
}

/* border dashed*/
.border_dashed{
	border-bottom: 1px dashed var(--blue-light-ebedf2);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.label-primary {
    background: var(--primary);
}
.label-warning{
    background: var(--orange-ffb822);
    color: var(--near-black);
}
.label.label-success{
    background: var(--success-alt);
    color: var(--white);
}

.requirement_title{
    color: var(--primary);
    display: block;
    font-size: .75rem; 
}

.it-card{
    margin-bottom: 32px;
    background-color: var(--white);
    -webkit-box-shadow: 0 0 5px 5px var(--gray-600-alpha-000000-4);
    -moz-box-shadow: 0 0 5px 5px var(--gray-600-alpha-000000-4);
    box-shadow: 0 0 5px 5px var(--gray-600-alpha-000000-4);
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
}
.it-card .it-card-body{
    padding: 1rem;
}
.font_small{
    font-size: .875rem
}

/*Card planes de accion*/
.it-card-plan{
    border-color: var(--gray-500-383838) !important;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--white);
    background-clip: border-box;
    border: 1px solid var(--gray-600-alpha-000000-5);
    border-radius: 0.25rem;
    position: relative;
    margin-bottom: 5px;  
}
.it-card-plan .card-plan-body{
    padding: .5rem;  
}

.it-card-h{
    display: block;
    width: 100%;
    border: 1px solid var(--gray-400-696969);
    border-radius: 5px;
    position: relative;
    margin: 1rem 0.5rem;
    font-size: .875rem;
}

.it-card-h .it-cardh-h-head{
    background-color: var(--primary);
    padding: 4px 10px;
    margin-bottom: 0px;
    color: white;
    font-size: .875rem;
    border-radius: 2px;
    box-shadow: 1px 2px 9px 2px var(--cyan-light-alpha);
    margin-left: .25rem;
    margin-right: .25rem;
    margin-top: -15px;
    line-height: 1.25;
}


.it-card-h .it-card-h-body{
    display: flex;
    flex-wrap: wrap;
    padding: .5rem;
    margin-right: -15px;
    margin-left: -15px;
}
.signature .signature-body{
    text-align: center;
}
.signature .signature-body .signature-text{
    margin-bottom: .5rem;
    font-size: .875rem;
}
.signature .signature-body canvas{
    border: 1px dashed var(--gray-500-504e4e);
}
.signature  .signature-actions{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.signature  .signature-actions button{
    margin:.5rem;
}
.wrap_list_signature {
    padding: 0;
    list-style: none;
    margin: .5rem;
}
.wrap_list_signature .item_signature{
    position: relative;
    border-bottom: 1px dashed var(--gray-500-525252);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.item_signature .item_body_signature{
    background: white;
    border-radius: .25rem;
    box-shadow: 0 0 5px 5px var(--gray-600-alpha-000000-4);
}
.item_signature .item_body_signature .btn_remove_signature{
    position: absolute;
    right: 5px;
    top: 5px;
    color: var(--pink-fe538f);

}
.item_signature .item_body_signature img{
    width: 100%;;
}
@media screen and (max-width: 800px) {
	.card_header_inspection_title{
		min-width: 0!important;
	}
	.widget_filter_header{
		display: block!important;
	}
}
@media screen and (max-width: 600px) {
    .container-dinamic-layout{
        margin-left: auto!important;
        width: 100%!important;
    }

    .container-sw-logo{
        padding: 4px!important;
        align-items: center;
    }
    .container-sw-logo .size-auto{
        width: 50px;
        height: 40px;
    }
	.btn-container-resnsive button, .btn-container-resnsive div{
		width: 100%;
	}
	.btn-container-resnsive button{
		margin-bottom: 10px;
	}
	.buttons_section-info{
	 	margin-left: -1rem!important;
	}
	.message_section-info{
		margin-left: -1rem!important;
	}
	.tabs_in_modal_body{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	.directory-list{
		padding-left: 0;
	}

	.nav_panel_view > a{
		border: 1px solid !important;
	}

	.btn_large_fixed{
		width: 100%;
	}
	.btn_short_fixed{
		margin-bottom: 0.5rem
	}

	.buttons_options_panel{
		padding-left: 1.5rem;
	}
	.inspection_routine_section{
		padding-right: 0!important;
		margin-left: 0!important;
	}
	.margin_section_widget{
		margin-left: 1rem!important;
	}
	.widget_dashboard_span{
		height: 145px;
	}
	.panel_widget_detail{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.btn_routine_inspection{
		width: 100%;
		display: block;
		white-space: normal;
	}
	.card_header_inspection_title{
		min-width: 0!important;
	}
	.buttons_routine_options{
		margin-right: -15px;
	}
	.card_widget{
		margin-right: 0!important;
		margin-left: 0!important;
	}
	/*
	.fc-header-left, fc-header-center, fc-header-right {
    	width: 100%;
    	display: block;
	}*/

	.label_filter{
		display: none;
	}
	.list_section{
		margin-left: 0;
		padding: 0;
	}
	#pyramid{
		width: 300px;
	}
	.wrap_evidence .li_evidence .detail_evidence span{
        font-size: 12px;
    }
    .wrap_evidence{
        padding: 0px!important;
    }
}

@media screen and (max-width: 400px) {
	.directory-list li{
		font-size: 12px;
	}
    .asigments_list_detail_centered{
        text-align: center;
    }
	.directory-list li:before{
		margin-right: 5px;
	}
	.card_widget{
		margin-left:0 !important;
		margin-right: 0!important;
	}
    .asigments_list_detail_centered a{
        font-size: .7rem !important;
    }
    card-body_assigment_detail_header label{
        font-size: .75rem;
    }
    .asigments_list_detail_centered button {
        font-size: .7rem !important;
    }
    .header_card_assigment label{
        font-size: .8rem !important;
    }

    .card-body_assigment_detail label{
        font-size: .75rem !important;
    }
}
#navbar ul.nav.navbar-nav.navbar{
		margin: 0 auto;
}

#sidebar {
    background-color: var(--primary) !important;
}

.dropdown ul.dropdown-menu {
    background: var(--primary) !important;
}

.color_pending {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

.font_pending {
    color: var(--primary) !important;
}

.border_primary {
    border-color: var(--primary) !important;
}

.full-wrapper,
.first-load-layout {
    background-color: var(--primary) !important;
}

.input-button span {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.checkmark_item {
    border-color: var(--primary) !important;
}

.active-item-menu a .item-text {
    color: var(--info) !important;
}

.menu_active > a {
    color: var(--info) !important;
}