/*-----------------------------------*/
/* DUMP DEBUGGING STYLES
/*-----------------------------------*/
table.dump{ border: 1px solid black; font-size: 12px; }
table.dump tr td.detail{ background: #FFF; border-top:none; border-right:none; border-left:none }
table.dump tr td.detail font{ color: #000; }
table.dump tr td.cell-name{ background: #A1A1A1; border-left:none; border-right:none }
table.dump tr td.cell-name > font{ color: #000; }
table.dump tr td.cell-value{ background: #E1E1E1; border-right:none }
table.dump tr > td.cell-value > font{ color: #000; word-wrap:break-word}
table.dump tr > td.cell-name > b{ color: #000; word-wrap:unset}

table.dump tr td {border:1px solid black; padding:2px}
table.dump tr td {border-bottom:none}

#dump-floating{ position: absolute; display: block; clear: both; width: 100%; height:1px; z-index: 100000; }
#dump-floating #alin{ position: relative; display: inline; float: left; background: #ACACAC; max-width: 55%; }
#dump-floating #controls { display: table; padding: 4px; width: 96%; }
#dump-floating #alin #controls a{
    float: left;
    position:relative;
    display: inline;
    font-weight: bold;
    line-height: 24px;
    font-size: 14px;
    padding-right: 10px;
    color: #333;
    cursor: pointer;
}
#dump-floating #controls a#show-hide{ font-size: 22px; margin-top: -2px; }
#dump-floating #controls a#get-info{ float: right; }
#dump-floating #info{ background:none repeat scroll 0 0 #111; color:#ccc; display:table; position:absolute; display:none; }
#dump-floating #info ul{ margin:10px; padding: 0px; list-style:disc inside; }

/*-----------------------------------*/
/* FONT STYLE
/*-----------------------------------*/
@font-face {
   font-family: "Century Gothic Regular";
   font-style: normal;
   font-weight: normal;
   src: url('/core/application/layouts/fonts/GOTHIC.TTF') format('truetype');
}
@font-face {
   font-family: "Century Gothic Bold";
   font-style: normal;
   font-weight: normal;
   src: url('/core/application/layouts/fonts/GOTHICB.TTF') format('truetype');
}
@font-face {
   font-family: "Century Gothic Italic";
   font-style: normal;
   font-weight: normal;
   src: url('/core/application/layouts/fonts/GOTHICI.TTF') format('truetype');
}
@font-face {
   font-family: "Century Gothic Italic Bold";
   font-style: normal;
   font-weight: normal;
   src: url('/core/application/layouts/fonts/GOTHICIB.TTF') format('truetype');
}

/*-----------------------------------*/
/* BODY STYLE
/*-----------------------------------*/
body {background:#E1E1E1}
body.stop-scrolling { height: auto !important; }

input { filter:none; }
input:-webkit-autofill ,
input:-internal-autofill-selected {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.label { padding: 0.3em 0.6em 0.3em; }

.btn.gral-action.disabled {
   opacity: 0.3;
   -moz-opacity: 0.3;
   -khtml-opacity: 0.33;
   /* filter: alpha(opacity=30);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

.btn.custom { background:#999; border-color: #333; font-family: "Century Gothic Bold"; padding: 8px 22px; }

.btn.custom.default { background:#AAA; border-color:#AAA; color:#FFF; }
.btn.custom.info { background:#336699; border-color:#336699; color:#FFF; }
.btn.custom.primary { background:#696969; border-color:#696969; color:#FFF; }
.btn.custom.sucess { background:#66BB6A; border-color:#66BB6A; color:#FFF; }
.btn.custom.warning { background:#c8b343; border-color:#c8b343; color:#FFF; }

.bg-success-400 { background-color: #A5CFA7; border-color: #A5CFA7; color: #fff; }
.bg-success-500 { background-color: #66BB6A; border-color: #66BB6A; color: #fff; }
.bg-default-400 { background-color: #BBB; border-color: #BBB; color: #FFF; }
.bg-default-500 { background-color: #999; border-color: #999; color: #FFF; }
.bg-default-600 { background-color: #777; border-color: #777; color: #FFF; }
.bg-info-400    { background-color: #369; border-color: #369; color: #FFF; }
.bg-info-500    { background-color: #709dc9; border-color: #709dc9; color: #FFF; }
.bg-danger-400  { background-color: #EF5350; border-color: #EF5350; color: #fff; }
.bg-danger-500  { background-color: #D7A6A5; border-color: #D7A6A5; color: #fff; }
.bg-danger-600  { background-color: #CA5653; border-color: #CA5653; color: #fff; }
.bg-warning-400 { background-color: #E3A719; border-color: #D7A6A5; color: #fff; }
.bg-warning-500 { background-color: #DFB85B; border-color: #DFB85B; color: #fff; }
.bg-warning-600 { background-color: #DFAA05; border-color: #DFAA05; color: #fff; }
.bg-acronym-500 { background-color: #9E4CA0; border-color: #9E4CA0; color: #fff; }
.bg-reverse-400 { background-color: #fff; border-color: #fff; color: #BBB;}
.bg-reverse-500 { background-color: #fff; border-color: #fff; color: #777;}
.bg-reverse-400-wb { background-color: #fff; border: 1px solid #BBB; color: #BBB;}
.bg-reverse-500-wb { background-color: #fff; border: 1px solid #777; color: #777;}

.ft-success-400 {color: #A5CFA7;}
.ft-success-500 {color: #66BB6A;}
.ft-default-400 {color: #BBB;}
.ft-default-500 {color: #999;}
.ft-default-600 {color: #777;}
.ft-info-400    {color: #369;}
.ft-info-500    {color: #709dc9;}
.ft-danger-400  {color: #EF5350;}
.ft-danger-500  {color: #EF9C9B;}
.ft-warning-400 {color: #EFEA9B;}
.ft-warning-500 {color: #F9C27C;}

.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.mx10 {margin:0 10px}
.mx15 {margin:0 15px}
.mx20 {margin:0 20px}
.my10 {margin:10px 0}
.my15 {margin:15px 0}
.my20 {margin:20px 0}
.m10  {margin:10px}
.m15  {margin:15px}
.m20  {margin:20px}

.block {display:block}
.inline {display:inline}
.inline-block {display:inline-block}

/*-----------------------------------*/
/* STATUS STYLES
/*-----------------------------------*/
.status-icon.text {
   left: 0;
   position: absolute;
   width: 100%;
   text-align: center;
   font-weight: bold;
}

/*-----------------------------------*/
/* HEADER STYLES
/*-----------------------------------*/
#page-container .page-header {margin:0 0 20px 0; border:0; padding-bottom:0;}

/* Main bar (branding/shortcut/login options) */
#page-container .page-header .main-bar {
   background: #333;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   margin-bottom: 0;
   height:80px;
}

#page-container .page-header .main-bar .navbar-header { height:100% }
#page-container .page-header .main-bar .navbar-logo { display:inline-block; padding:13px 3px; height:100% }
#page-container .page-header .main-bar .navbar-name {
   display: inline-block;
   margin: 0 13px;
   font-size: 20px;
   font-family: "Century Gothic Bold";
   color: #FFF;
   border-left: 2px solid #FFF;
   vertical-align: middle;
   padding-left: 22px;
}
#page-container .page-header .main-bar .navbar-right { margin-top:20px; margin-right:0 }

/* Second bar (main menu depend on profile) */
#page-container .page-header .second-navbar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:0; background:#696969; }
#page-container .page-header .second-navbar .main-menu > ul > li { font-family: "Century Gothic Bold"; }
#page-container .page-header .second-navbar .main-menu > ul > li.active > a { background: #A0C945 }
#page-container .page-header .second-navbar .main-menu > ul > li.dropdown.open > a { background: #A0C945 }
#page-container .page-header .second-navbar .main-menu > ul > li > ul {background: #A0C945; box-shadow: 0 10px 12px rgba(0,0,0,.175); border:0 }
#page-container .page-header .second-navbar .main-menu > ul > li > ul > li { color:#FFF; font-family:arial; font-size:12px; padding:1px 0; }
#page-container .page-header .second-navbar .main-menu > ul > li > ul > li > a { color:#FFF; font-weight:bold; background:unset; }
#page-container .page-header .second-navbar .main-menu > ul > li > ul > li > a.active,
#page-container .page-header .second-navbar .main-menu > ul > li > ul > li > a:hover {
   margin:0 5px;
   padding:3px 15px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   background: #586C39;
   color: #a0c945;
}

/* Profile (user) section in header */
.header-login p.navbar-profile { display:inline-block; padding: 0 13px; margin: 0; float:none; font-size:16px }
.header-login .dropdown-user {
   display: inline-block;
   line-height: 36px;
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   font-family: arial;
   color:#BBB;
   background:#000;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.header-login .dropdown-user .userbox span { padding-right:10px; margin-right:5px; height: 100%; display: inline-block; border-right: 2px solid #333; }
.header-login .dropdown-user .userbox:hover { color:#BBB; background:#000; }
.header-login .dropdown-user .userbox i { }
.header-login .dropdown-user .userbox { 
   text-decoration: none;
   font-family: "Century Gothic Bold";
   color:#BBB;
   background:#000;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   vertical-align: middle;
   padding: 10px;
}

.header-login .dropdown-user ul { background: #000; font-size: 12px; }
.header-login .dropdown-user ul > li a { color:#AAA; font-weight:bold }
.header-login .dropdown-user ul > li a:hover {
   color:#000;
   background:#66BB6A;
   margin: 0 5px;
   padding:3px 15px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}
.header-login .dropdown-user ul > li a i { width:20px;}

.header-login .cotiz { display: inline-block; padding-right: 26px; margin-right: 20px; border-right: 1px solid #777; }
.header-login .cotiz .btn { background:#336699; border-color:#336699; font-family:"Century Gothic Bold"; padding:8px 22px; margin-bottom:1px; }

.header-login .config { display:inline-block; padding:7px 10px; font-size:16px; color:#BBB; vertical-align: middle; }
.header-login .config:hover { background: #000; border-radius: 6px; cursor:pointer; }
.header-login .config label { margin-bottom:0; cursor:pointer; }


/*-----------------------------------*/
/* FOOTER STYLES
/*-----------------------------------*/
#footer {background:#FFF}
#footer .navbar-brand {padding:8px 8px; font-family:"Century Gothic"; font-size:12px; color:#444}
#footer .navbar-brand * {display:inline-block}
#footer .navbar-brand label {line-height: 34px; border-left:1px solid #999; padding-left:15px; margin-left:15px}
#footer .navbar-text.copyright {line-height: 34px; margin:8px 8px; float:right; font-family:arial}

/*-----------------------------------*/
/* PAGES VIEW STYLES
/*-----------------------------------*/
.page-view{ padding:0 20px 20px; }
h1.page-title { font-size:22px; font-weight:bold; font-family:"Century Gothic"; color:#EEE; line-height:50px; float:right}

/*-----------------------------------*/
/* POPUPS & ANIMATION STYLE
/*-----------------------------------*/
/*-------- RUSTIK multiselect custom -----*/
.multiselect{margin-top:4px;}
.multiselect > * {display: inline;}
.multiselect > select {min-width: 160px}
.multiselect ul{ margin: 6px; padding:0; list-style: none; }
.multiselect ul li {
    background: url(../../images/icon-sprite.png) no-repeat;
    margin-bottom: 4px;
    width: 16px;
    height: 23px;
    cursor: pointer;
}
.multiselect ul li:first-child { background-position: -158px -26px; }
.multiselect ul li:last-child { background-position: -177px -26px; }

.multiselect .destiny { height:66px; width:278px; overflow-y:scroll; overflow-x:none; border:1px solid #717171; background:#F4E9D7; }
.multiselect .destiny div {padding:1px 0; line-height:20px; display:table; width:100%}
.multiselect .destiny div.odd {background:#EEDDC1}
.multiselect .destiny div * {display:inline; float:left}
.multiselect .destiny div label {margin-right:4px}
.multiselect .destiny div p {margin:0; padding:0; width:14px}
.multiselect .destiny div a.delete-current {
    outline: 0;
    background: url(../../images/icon-sprite.png) no-repeat -70px -142px;
    width: 19px;
    height: 18px;
    margin: 2px 2px 0 2px;
}
.multiselect .destiny div input { height:14px; text-align:right; width:26px; font-size:11px; margin-right:2px; }

/*-------- tooltip using boostrap -----*/
.tooltip-arrow { bottom:0.02em !important; }

/*-------- Modal using bootstrap -----*/
.modal-body { text-align:center;  }
.modal-body h4 { font-family: "Century Gothic"; font-size:16px; font-weight:bold; color:#FFF; padding:15px 0; }
.modal-body p { font-size:12px; color:#cbd9e7; margin:0; }
.modal-footer { border:none; }
.modal-content{ border:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; background:#7595b7; }
.modal-footer { text-align:center; }

/*-------- Modal using colorbox -----*/
.modal-backdrop.in {
   opacity: 0.8 !important;
   -moz-opacity: 0.8 !important;
   -khtml-opacity: 0.88 !important;
   /* filter: alpha(opacity=80) !important;*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important;
}
.modal-dialog.modal-dialog-centered {
   min-height: calc(100% - (1.75rem * 2));
   align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 1.75rem auto;
}
.modal-dialog .modal-content { width: 100%; }

#alertWindowContent h1 { font-family:"Century Gothic"; font-size:22px; margin:10px auto; font-weight:bold; }
#alertWindowContent .view-verbose { text-decoration:none; font-weight:normal; color:#999; font-size:14px; }
#alertWindowContent .view-verbose label { margin-top:20px; }
#alertWindowContent .verbose-container { display:none; max-height: 100px; overflow-y: scroll; }
#alertWindowContent .manager-user-container { padding:0 50px 20px }
#alertWindowContent table { width:100% }
#alertWindowContent table tr td { padding:10px 5px; vertical-align:top; text-align:left; border:1px solid #FFF; }
#alertWindowContent table tr td:first-child { vertical-align:middle; text-align:center; width:44px; padding:0; font-size:22px; }
#alertWindowContent table tr td:last-child { background:#F9F9F9; font-size:12px; }

.spinner-overlay {
   background: #000;
   opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.88;
   /* filter: alpha(opacity=80);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   display: none;
}

/*-------- Modal using jqueryUI -----*/
.confirmbox.ui-dialog ,
.addgeneric.ui-dialog ,
.addremito.ui-dialog ,
.addclient.ui-dialog {
   z-index:1000;
   background:#7595b7;
   border:none;
   padding:11px; 
   -webkit-border-radius:0px;
      -moz-border-radius:0px; 
           border-radius:0px;
   -webkit-box-shadow: 8px 8px 22px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 8px 8px 22px 0px rgba(0,0,0,0.75);
           box-shadow: 8px 8px 22px 0px rgba(0,0,0,0.75);
}
.confirmbox .ui-dialog-titlebar { border: none;  padding: 0; background:unset; }
.addgeneric .ui-dialog-titlebar { border: none;  padding: 0; background:unset; }
.addclient  .ui-dialog-titlebar { border: none;  padding: 0; background:unset; }
.addremito  .ui-dialog-titlebar { border: none;  padding: 0; background:unset; }

.confirmbox .ui-dialog-content p strong{ font-size: 11px; padding: 2px 8px; background: #66BB6A; border: #66BB6A; color: #fff; cursor:default; }
.confirmbox .ui-dialog-content p strong:hover{ font-size: 11px; padding: 2px 8px; background: #9bbc9f; border: #9bbc9f; color: #fff; cursor:default; }
.confirmbox .ui-dialog-content p { font-size: 12px; font-family: arial; text-align: center; }


.ui-dialog-titlebar-close { 
   line-height: 15px;
   height: unset !important;
   width: 19px !important;
   background: #607c99 !important;
   margin-right: -0.3em !important;
   color: #A5BBD0 !important;
   -webkit-border-radius:3px;
      -moz-border-radius:3px;
           border-radius:3px;
}

.ui-dialog-content { height:100% !important; margin-top:8px; }
.ui-dialog-title { width:100% !important; margin:0 !important; font-family:"Century Gothic" !important; font-size:18px !important; text-align:center; }
.ui-dialog-subtitle { width:100% !important; margin:0 !important; font-family:"Century Gothic" !important; font-size:12px !important; text-align:center; }
.ui-dialog-titlebar-close.ui-state-focus,
.ui-dialog-titlebar-close.ui-state-hover { background-image:none !important; border:none !important; }
.ui-dialog-titlebar-close.ui-state-hover { background:#506982 !important; }
.ui-widget-overlay { background: #000; z-index:111; }
.ui-icon-closethick { text-align: center; font-size: 15px; vertical-align: middle; background-image:none !important; text-indent:unset !important; }

.confirmbox.info .ui-dialog-content { background:inherit !important; }
.confirmbox .ui-dialog-buttonpane { background:none; border:none; }
.confirmbox .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; text-align:center; }

.confirmbox .view-verbose { text-decoration:none; font-weight:normal; color:#FFF; font-size:12px; display:block; width:100%; text-align:center; }
.confirmbox .verbose-container { display:none; max-height:54px; height:54px; position:relative }
.confirmbox .verbose-container table { width:100% }
.confirmbox .verbose-container table tr td { padding:5px; vertical-align:top; text-align:left; }
.confirmbox .verbose-container table tr td:first-child { vertical-align:middle; text-align:center; width:44px; padding:0; font-size:22px; }
.confirmbox .verbose-container table tr td:first-child span { width: 30px; height: 30px; display: table-cell; vertical-align: middle; }

.confirmbox .verbose-container table tr td:last-child { font-size:12px; }

.confirmbox.ui-dialog.error { background: #b77575 !important; }
.confirmbox.ui-dialog.success { background: #75b792 !important; }

.confirmbox.ui-dialog.error .ui-dialog-titlebar-close { background: #996060 !important; color: #D0A5A5 !important; }
.confirmbox.ui-dialog.success .ui-dialog-titlebar-close { background: #609971 !important; color: #A5D0B4 !important; }


/*----------------------------------------*/
/* LABEL/ALERT STYLES
/*----------------------------------------*/
:root {
   --success-400: #A5CFA7;
   --success-500: #66BB6A;
   --default-400: #BBB;
   --default-500: #999;
   --default-600: #777;
   --info-400   : #369;
   --info-500   : #709dc9;
   --danger-400 : #EF5350;
   --danger-500 : #EF9C9B;
   --warning-400: #EFEA9B;
   --warning-500: #F9C27C;
   --warning-600: #E0BD00;

   --cot-est-cotz-back: #6D9357;
   --cot-est-envm-back: #EB7C5C;
   --cot-est-perd-back: #7C7C7C;
   --cot-est-vend-back: #FFFFFF;
   --cot-est-prec-back: #8BC989;
   --cot-est-cont-back: #F1D329;
   --cot-est-gral-color: #FFF;
   --cot-est-vend-color: #333;

   --prd-est-aboc-back: #F2400D;
   --prd-est-boct-back: #EA704D;
   --prd-est-apro-back: #EA704D;
   --prd-est-prod-back: #FFD905;
   --prd-est-term-back: #7AC16B;
   --prd-est-prep-back: #7C7C7C;
   --prd-est-aent-back: #4C793C;
   --prd-est-entr-back: #FFFFFF;
   --prd-est-cerr-back: #FFFFFF;
   --prd-est-anul-back: #333;
   --prd-est-gral-color: #FFF;
   --prd-est-apro-color: #C6ECBE;
   --prd-est-entr-color: #4C793C;
   --prd-est-cerr-color: #333;
   --prd-est-prod-color: #333;

   --rmt-est-acti-back: #FFE067;
   --rmt-est-impr-back: #8BC989;
   --rmt-est-anul-back: #333;
   --rmt-est-acti-color: #333;
   --rmt-est-gral-color: #FFF;

   --prd-sit-comp-back: #F2400D;
   --prd-sit-envt-back: #FFD905;
   --prd-sit-envp-back: #FFD905;
   --prd-sit-enta-back: #94E391;
   --prd-sit-reta-back: #FFD905;
   --prd-sit-mapr-back: #4C793C;
   --prd-sit-ruta-back: #FFFFFF;
   --prd-sit-ecli-back: #FFFFFF;
   --prd-sit-gral-color: #FFF;
   --prd-sit-envt-color: #F2400D;
   --prd-sit-reta-color: #F2400D;
   --prd-sit-envp-color: #4CBD34;
   --prd-sit-ecli-color: #4C793C;
   --prd-sit-ruta-color: #4C793C;
   --prd-sit-enta-color: #333;

   --mue-est-envi-back: #6D9357;
   --mue-est-aenv-back: #F1D329;
   --mue-est-disp-back: #FFF;
   --mue-est-devo-back: #FF9D21;
   --mue-est-vend-back: #333;
   --mue-est-perd-back: #333;
   --mue-est-recu-back: #FF9D21;
   --mue-est-disc-back: #FFF;
   --mue-sit-encl-back: #EB7C5C;
   --mue-sit-enmp-back: #6D9357;
   --mue-sit-comp-back: #F1D329;
   --mue-est-gral-color: #FFF;
   --mue-sit-gral-color: #FFF;
   --mue-est-aenv-color: #333;
   --mue-est-disp-color: #333;
   --mue-est-disc-color: #333;
   --mue-sit-comp-color: #333;
}

.label.label-status { padding:0.6em; text-transform:uppercase; background:#AAA; position:relative; line-height: 28px; }
.label.label-status.with-border { border: 1px solid #aaa; }

.label.label-status.cot-est-cotz { background:var(--cot-est-cotz-back); }
.label.label-status.cot-est-envm { background:var(--cot-est-envm-back); }
.label.label-status.cot-est-perd { background:var(--cot-est-perd-back); }
.label.label-status.cot-est-vend { background:var(--cot-est-vend-back); color:var(--cot-est-vend-color); }
.label.label-status.cot-est-prec { background:var(--cot-est-prec-back); }
.label.label-status.cot-est-cont { background:var(--cot-est-cont-back); }

.label.label-status.prd-est-aboc { background:var(--prd-est-aboc-back); }
.label.label-status.prd-est-boct { background:var(--prd-est-boct-back); }
.label.label-status.prd-est-apro { background:var(--prd-est-apro-back); color:var(--prd-est-apro-color); }
.label.label-status.prd-est-prod { background:var(--prd-est-prod-back); color:var(--prd-est-prod-color); }
.label.label-status.prd-est-term { background:var(--prd-est-term-back); }
.label.label-status.prd-est-prep { background:var(--prd-est-prep-back); }
.label.label-status.prd-est-aent { background:var(--prd-est-aent-back); }
.label.label-status.prd-est-entr { background:var(--prd-est-entr-back); color:var(--prd-est-entr-color); }
.label.label-status.prd-est-cerr { background:var(--prd-est-cerr-back); color:var(--prd-est-cerr-color); }
.label.label-status.prd-est-anul { background:var(--prd-est-anul-back); }

.label.label-status.rmt-est-acti { background:var(--rmt-est-acti-back); color:var(--rmt-est-acti-color); }
.label.label-status.rmt-est-impr { background:var(--rmt-est-impr-back); }
.label.label-status.rmt-est-anul { background:var(--rmt-est-anul-back); }

.label.label-status.prd-sit-comp { background:var(--prd-sit-comp-back); }
.label.label-status.prd-sit-envt { background:var(--prd-sit-envt-back); color:var(--prd-sit-envt-color); }
.label.label-status.prd-sit-envp { background:var(--prd-sit-envp-back); color:var(--prd-sit-envp-color); }
.label.label-status.prd-sit-enta { background:var(--prd-sit-enta-back); color:var(--prd-sit-enta-color); }
.label.label-status.prd-sit-reta { background:var(--prd-sit-reta-back); color:var(--prd-sit-reta-color); }
.label.label-status.prd-sit-mapr { background:var(--prd-sit-mapr-back); }
.label.label-status.prd-sit-ruta { background:var(--prd-sit-ruta-back); color:var(--prd-sit-ruta-color); }
.label.label-status.prd-sit-ecli { background:var(--prd-sit-ecli-back); color:var(--prd-sit-ecli-color); }

.label.label-status.mue-est-envi { background:var(--mue-est-envi-back); }
.label.label-status.mue-est-aenv { background:var(--mue-est-aenv-back); color:var(--mue-est-aenv-color); }
.label.label-status.mue-est-disp { background:var(--mue-est-disp-back); color:var(--mue-est-disp-color); }
.label.label-status.mue-est-devo { background:var(--mue-est-devo-back); }
.label.label-status.mue-est-vend { background:var(--mue-est-vend-back); }
.label.label-status.mue-est-perd { background:var(--mue-est-perd-back); }
.label.label-status.mue-est-recu { background:var(--mue-est-recu-back); }
.label.label-status.mue-est-disc { background:var(--mue-est-disc-back); color:var(--mue-est-disc-color); }
.label.label-status.mue-sit-encl { background:var(--mue-sit-encl-back); }
.label.label-status.mue-sit-enmp { background:var(--mue-sit-enmp-back); }
.label.label-status.mue-sit-comp { background:var(--mue-sit-comp-back); color:var(--mue-sit-comp-color); }

.alert:focus,
.alert:hover,
.close:focus,
.close:hover { opacity:unset; }

.alert {
   padding: 15px;
   margin: 10px auto;
   border: 1px solid transparent;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-align:center;
   position:relative;
   font-size:14px;
}

.alert .close {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 34%;
    font-size: 22px;
    right: 21px;
    font-weight: bold;
    opacity:unset;
}

.alert .title { display: block; font-size: 16px; }

.alert.alert-danger { color: #bd6260; background-color: #f2dede; border-color: #ebccd1; }
.alert.alert-danger .close { color: #d5a0a8; }
.alert.alert-danger .close:hover { color: #bd6260; }

.alert.alert-success { color: #798c61; background-color: #dcf6ba; border-color: #c2daa3; }
.alert.alert-success .close { color: #acc889; }
.alert.alert-success .close:hover { color: #798c61; }

/*----------------------------------------*/
/* FORM STYLES
/*----------------------------------------*/

/* BEGIN LOGINFORM */
#login-form-container .icon-object {
   border-radius: 50%;
   text-align: center;
   margin: 10px;
   border-width: 3px;
   border-style: solid;
   padding: 20px;
   display: inline-block;
   border-color: #6C6C6C;
}
#login-form-container .icon-object .fa-user {
   color: #6C6C6C;
   font-size: 23px;
   vertical-align: middle;
   position: relative;
   min-width: 1em;
}

#login-form-container .icon-maprom img { width: 150px; margin: 0 auto; }
#login-form-container #login-elt-login { background-color:#336699; border-color:#336699; font-weight:bold; }
/* END LOGINFORM */


/* BEGIN JSONFORMS */
.buildform-messagebox { display: inline-block; width: 100%; }
.spinner-overlay {
   background: #000;
   opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.88;
   /* filter: alpha(opacity=80);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   display: none;
}

/* Select2 styles */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #aaa !important }
.select2-container--disabled {opacity:0.3; cursor:not-allowed}
.select2-container--disabled .select2-search__field {cursor:not-allowed}
.select2-container--disabled .select2-selection {cursor:not-allowed}
.select2-container .select2-selection--single {height:30px !important}
.select2-container .select2-selection__rendered { display:unset }
/* Colorbox styles for JSONForms */
.jsonform #cboxTitle { top:0; height:30px}

/** Boostrap styles for JSONForms */
.error-title { font-size:100px }

.label.profile {margin-top:5px}

.jsonform.fixed form>div .control-group {width:inherit}; 
.jsonform form>div { background: none; margin: 0 auto; display: block; }
.jsonform form>div input[type=submit] { }

.jsonform form>div .section-group {display: table; width:100%}
.jsonform form>div .control-group {display:table; margin:3px 0; width:100%; position:relative}

.jsonform form>div .section-group.inline:not(.s33):not(.s30):not(.s50):not(.s10):not(.s12):not(.s15):not(.s16):not(.s25):not(.s20) .control-group {width:100% !important; padding-right:0; padding-left:0}
.jsonform form>div .section-group.inline.s10 > .control-group {width:10% !important;}
.jsonform form>div .section-group.inline.s12 > .control-group {width:12% !important;}
.jsonform form>div .section-group.inline.s15 > .control-group {width:15% !important;}
.jsonform form>div .section-group.inline.s16 > .control-group {width:16.66% !important;}
.jsonform form>div .section-group.inline.s20 > .control-group {width:20% !important;}
.jsonform form>div .section-group.inline.s25 > * {width:25% !important;}
.jsonform form>div .section-group.inline.s30 > .control-group {width:30% !important;}
.jsonform form>div .section-group.inline.s33 > * {width:33.33% !important;}
.jsonform form>div .section-group.inline.s50 > * {width:50% !important;}

.jsonform form>div .section-group.inline > .swcheckbox {display:inline-block}
.jsonform form>div .section-group.inline.s50 > .swcheckbox {width:50% !important;}
.jsonform form>div .section-group.inline.s33 > .swcheckbox {width:33.33% !important;}
.swcheckbox span.switchery {margin-right:8px; margin-bottom:2px; border:none}
.swcheckbox span.switchery.switchery-small {height:15px; width:25px}
.swcheckbox label {line-height:1.5; vertical-align:middle; margin-bottom:2px; }
.swcheckbox span.switchery.switchery-small small {height:15px; width:15px;}

.jsonform form>div .control-group .control-label ,
.jsonform form>div .section-group .control-label { display:block; margin:4px 0; padding:0; font-size:12px; font-weight:bold }

.jsonform form>div .section-group.inline>.control-group,
.jsonform form>div .section-group.inline>.section-group {display:inline-block; vertical-align:top}
.jsonform form>div .section-group.inline>.control-group {padding-right:10px; padding-left:10px}
.jsonform form>div .section-group.inline>.control-group:last-child,
.jsonform form>div .section-group.inline>.section-group:last-child {padding-right:0px; padding-left:10px}
.jsonform form>div .section-group.inline>.control-group:first-child,
.jsonform form>div .section-group.inline>.section-group:first-child,
.jsonform form>div .section-group.inline :not(.control-group) + .control-group {padding-right:10px; padding-left:0px}

.jsonform form>div .control-group .controls { position:relative; margin: 4px 0; width:100% }
.jsonform form>div .control-group .controls span.error { position:absolute; z-index:1111 }
.jsonform form>div .control-group .controls span.error.left { display:inline !important; margin-right: 4px; }
.jsonform form>div .control-group .controls span.error.right { display:inline !important; margin-left: 4px; }
.jsonform form>div .control-group .controls span.error.top { bottom:100%; display:table }
.jsonform form>div label.radio.btn { background:#EEE; border:unset; margin:0 auto; }
.jsonform form>div label.radio.btn span { font-weight:bold !important }
.jsonform form>div label.radio.btn:hover { background:#FCFCFC; }
.jsonform form>div label.radio.btn.active { color:#FFF; background:#2196F3; }
.jsonform form>div label.checkbox input.switchery { color:#2196F3; }
.jsonform form>div label.checkbox span:last-child { font-weight:bold; margin-left:6px; }

.jsonform form>div .control-group .controls span.error label{
   background: #BC5136;
   display: table !important;
   margin-bottom: 0;
   color: #fff;
   vertical-align: middle;
   line-height: 20px;
   font-weight: bold;
   font-size: 12px;
   opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.88;
   /* filter: alpha(opacity=80);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   padding:5px 6px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0px 0px 4px 1px rgba(124,67,53,0.33);
   -moz-box-shadow: 0px 0px 4px 1px rgba(124,67,53,0.33);
   box-shadow: 0px 0px 4px 1px rgba(124,67,53,0.33);
}

.jsonform form>div .control-group .controls span.error i {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-top-color: transparent;
   border-style: solid;
   opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.88;
   /* filter: alpha(opacity=80);*/
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.jsonform form>div .control-group .controls span.error.top i,
.jsonform form>div .control-group .controls span.error.bottom i { left: 50%; margin-left: -4px; }
.jsonform form>div .control-group .controls span.error.top i { bottom:-4px; border-width: 4px 4px 0; border-top-color: #BC5136; }
.jsonform form>div .control-group .controls span.error.bottom i { top:-4px; border-width: 0 4px 4px; border-bottom-color: #BC5136; }

.jsonform form>div .control-group .controls span.error.right i,
.jsonform form>div .control-group .controls span.error.left i { top: 50%; margin-top: -4px; }

.jsonform form>div .control-group .controls span.error.right i { left:-4px; border-width: 4px 4px 4px 0; border-right-color: #BC5136; }
.jsonform form>div .control-group .controls span.error.left i { right:-4px; border-width: 4px 0 4px 4px; border-left-color: #BC5136; }

.jsonform form>div .control-group .controls span.with-percent:after {
   content: "%";
   position: absolute;
   line-height: 30px;
   margin-left: -20px;
   margin-top: 0px;
   background: #CFCFCF;
   padding:0 3px;
   color: #999;
   -webkit-border-top-right-radius: 3px;
   -moz-border-top-right-radius: 3px;
   border-top-right-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   border-bottom-right-radius: 3px;
   box-sizing: border-box;
   width:21px;
}
.jsonform form>div .control-group .controls span.with-percent input  { padding-right:25px; text-align:right; }

.jsonform form>div .control-group .controls span.with-currency:before {
   content: "$";
   position: absolute;
   line-height: 30px;
   margin-left: 0px;
   margin-top: 0px;
   background: #CFCFCF;
   padding:0 3px;
   color: #999;
   -webkit-border-top-left-radius: 3px;
   -moz-border-top-left-radius: 3px;
   border-top-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-bottom-left-radius: 3px;
   border-bottom-left-radius: 3px;
   box-sizing: border-box;
   width:15px;
}
.jsonform form>div .control-group .controls span.with-currency.ars:before { content: "$"; width:15px !important; }
.jsonform form>div .control-group .controls span.with-currency.usd:before { content:"U$S" !important; width:29px !important; font-size:small; }
.jsonform form>div .control-group .controls span.with-currency input  { padding-left:17px; text-align:right; }

.jsonform form>div .jsonform-required > label::after ,
.jsonform form>div .jsonform-required > .required-mark::after {
   color:#BC5136;
   content:"*";
   font-family: "Verdana";
   position:absolute;
   font-size: 18px;
   font-weight: normal;
   margin: -4px 0 0 4px;
}

.jsonform form>div .jsonform-required > .required-mark::after { margin-left:0; margin-top:-30px}
.jsonform form>div .jsonform-required > .required-mark.before::after { margin-left:-13px; }

.jsonform form>div .jsonform-required > .required-mark {margin:0; display:inline; }
.jsonform form>div .jsonform-required > .required-mark.after { float:right }
.jsonform form>div .jsonform-required > .required-mark.before { float:left}
 
.sp-input,
.sp-select,
.jsonform form>div .control-group textarea,
.jsonform form>div .control-group select,
.jsonform form>div .control-group input[type="date"],
.jsonform form>div .control-group input[type="time"],
.jsonform form>div .control-group input[type="calendar"],
.jsonform form>div .control-group input[type="number"],
.jsonform form>div .control-group input[type="money"],
.jsonform form>div .control-group input[type="text"],
.jsonform form>div .control-group input[type="password"] {
    border: 1px solid #cccccc;
    padding: 4px 6px;
    font-size: 14px;
    font-family: arial;
    line-height: 20.4px;
    color: #555;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    width:100%;
    background: #fff;
}
select.sp-select, .jsonform form>div .control-group select { height: 30px; background:#FFF; }
select[multiple="multiple"].sp-select, .jsonform form>div .control-group select[multiple="multiple"] { height: unset; }

.jsonform form>div .control-group textarea:focus,
.jsonform form>div .control-group select:focus,
.jsonform form>div .control-group input[type="text"]:focus,
.jsonform form>div .control-group input[type="password"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.jsonform form>div .control-group input[aria-invalid='true'],
.jsonform form>div .control-group textarea[aria-invalid='true'],
.jsonform form>div .control-group select[aria-invalid='true'],
.jsonform form>div .control-group input[aria-invalid='true']:focus,
.jsonform form>div .control-group textarea[aria-invalid='true']:focus,
.jsonform form>div .control-group select[aria-invalid='true']:focus {
  color: #b94a48;
  border-color: #E0A191;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 161, 145, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 161, 145, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 161, 145, 0.6);
}

.jsonform form>div .control-group input:disabled, 
.jsonform form>div .control-group textarea:disabled, 
.jsonform form>div .control-group select:disabled { 
   opacity: 0.3;
   -moz-opacity: 0.3;
   -khtml-opacity: 0.33;
   /* filter: alpha(opacity=30);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
   cursor:not-allowed;
}
.jsonform form>div .control-group input:disabled + .form-control-feedback, 
.jsonform form>div .control-group textarea:disabled + .form-control-feedback, 
.jsonform form>div .control-group select:disabled + .form-control-feedback { 
   opacity: 0.3;
   -moz-opacity: 0.3;
   -khtml-opacity: 0.33;
   /* filter: alpha(opacity=30);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
   cursor:not-allowed;
}

.jsonform form>div .control-group textarea[aria-invalid='true'],
.jsonform form>div .control-group select[aria-invalid='true'],
.jsonform form>div .control-group input[aria-invalid='true']:focus,
.jsonform form>div .control-group textarea[aria-invalid='true']:focus,
.jsonform form>div .control-group select[aria-invalid='true']:focus {
}

.jsonform form>div>fieldset.inline { display:inline-block; vertical-align:top; }

.jsonform .help-inline {
  display: block;
  position: relative;
  padding-left: 5px;
  margin:2px auto;
  line-height: 12px;
  vertical-align: middle;
  font-size: 10px;
  font-style: oblique;
  color: #666;
  *zoom: 1;
}

.jsonform .form-control-feedback .labelled {
   border-radius: 4px;
   background: #AAA;
   color: #FFF;
   font-size: 8px;
   font-weight: bold;
   height: 14px;
   vertical-align: middle;
   line-height: 14px;
   padding: 2px;
   position: relative;
   display: inline;
   top: 3px;
   left: -6px;
}
/* END JSONFORMS */

/*----------------------------------------*/
/* PAGES STYLES
/*----------------------------------------*/

/* GENERAL PAGE STYLES */
#page-container { padding-bottom:50px; }

/* GENERAL LISTING STYLES */
.datatable-filters { font-size:12px; background:#999; padding:16px 20px; }
.datatable-filters .filter { display:inline-block; margin:0 10px; vertical-align:top }
.datatable-filters .filter .filter-child { display:block; margin:4px auto }
.datatable-filters .filter .filter-child > span { display:inline-block;  vertical-align: middle; }
.datatable-filters .filter .filter-child > label { display:block; vertical-align: middle; }

.datatable-filters .filter.daterange .filter-child * { display:inline-block; }
.datatable-filters .filter.daterange .filter-child span:nth-of-type(1) { width:52%; }
.datatable-filters .filter.daterange .filter-child span:nth-of-type(1) label { width:41%; }
.datatable-filters .filter.daterange .filter-child span:nth-of-type(2) { width:32%; }
.datatable-filters .filter.daterange .filter-child span:nth-of-type(2) label { width:10%; }
.datatable-filters .filter.daterange a { text-decoration:none; cursor:pointer; font-size:16px; margin-left:4px; vertical-align: middle; }
.datatable-filters .filter.daterange a i { 
  line-height: 29px;
  width: 29px;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datatable-filters .filter label { display:block; }
.datatable-filters .btn { padding: 5px 18px; width:100%; }
.datatable-filters .filter.right { float:right; }

.datatable-filters.actions { margin-bottom:10px; background:#BBB}
.datatable-filters.actions input[type='checkbox'] { margin-right:5px; margin-top:0; height:27px; margin-bottom:3px; }
.datatable-filters.actions label { margin-bottom:0; }
.datatable-filters.actions .accchk { margin-left:-12px; } 
.datatable-filters.actions .accdel a { 
   display: inline-block;
   padding: 7px 10px;
   font-size: 16px;
   color: #BBB;
   background: #333;
   vertical-align: middle;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   box-sizing: border-box;
   line-height:1px;
}
.datatable-filters.actions .accdel a:hover { background: #000; cursor:pointer }
.datatable-filters.actions .filter.accdel .disabled { opacity:0.3; cursor:not-allowed; }
.datatable-filters.actions .filter.accdel .disabled a { pointer-events: none; }

.datatable-show-all { font-size:12px; border-collapse:separate; margin-bottom:5px; }
.datatable-show-all thead tr th:first-child { border-left: none; }
.datatable-show-all thead tr th {
   color:#CCC;
   background:#333;
   position:relative;
   vertical-align:middle;
   border-left:1px solid #E1E1E1;
   border-bottom: none;
}
.datatable-show-all thead tr th.sorting { text-align:center; padding-right:40px; }
.datatable-show-all thead tr th.sorting:before ,
.datatable-show-all thead tr th.sorting:after {
   font-family: "Font Awesome 5 Free";
   color: #444;
   position: absolute;
   display: inline-block;
   line-height:1.5;
   right:20px;
}

.datatable-show-all thead tr th:first-child { width:30px; }
.datatable-show-all thead tr th.sorting:before { content: '\f0de'; margin-top: -2px; }
.datatable-show-all thead tr th.sorting:after { font-weight: 900; content: "\f0dd"; }

.datatable-show-all thead tr th.sorting.selected.asc:before,
.datatable-show-all thead tr th.sorting.selected.desc:after { color:#DDD; }

.datatable-show-all thead tr th.acciones { color:#FFF; background:#A0C945; }
.datatable-show-all tbody tr.odd { background:#F6F6F6; }
.datatable-show-all tbody tr.even{ background:#EEEEEE; }
.datatable-show-all tbody tr.evento{ background:#FDD; }
.datatable-show-all tbody tr.atraso{ background:#FFFBC4; }
.datatable-show-all tbody tr.evento.atraso{ background:#FFE7B9; }
.datatable-show-all tbody tr td { vertical-align:middle; border-left:1px solid #E1E1E1; }
.datatable-show-all tbody tr td:first-child { border-left:none; }
.datatable-show-all tbody tr td:last-child ul { list-style:none; display:block; margin:0; padding:0; text-align:left; }
.datatable-show-all tbody tr td:last-child ul li { display: inline; float:left; height: 20px; width: 20px; vertical-align: middle; }

.datatable-show-all tbody tr td:last-child ul li a.disabled { cursor: not-allowed; color:#999; }
.datatable-show-all tbody tr td:last-child ul li a { 
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   color:#333;
   line-height: 20px;
   font-size:14px;
   display: block;
}

.datatable-footer { padding: 7px; background: #FFF; display:table; width:100%; }
.datatable-footer > * { display:inline; font-size:12px; }
.datatable-footer .dataTables_info { float:left; font-weight:bold; line-height:28px; }
.datatable-footer .dataTables_paginate { float:right }
.datatable-footer .dataTables_paginate a.paginate_button { 
   width: 26px;
   height: 26px;
   padding: 5px;
   display: inline;
   float: left;
   margin-left: 3px;
   text-align: center;
   vertical-align: middle;
   background: #DDD;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}

.datatable-footer .dataTables_paginate a.paginate_button.first { margin-left:0; }

.datatable-footer .dataTables_paginate a.shortcut { line-height:14px; }
.datatable-footer .dataTables_paginate span a.page.current { cursor:default; }
.datatable-footer .dataTables_paginate span a.page.current,
.datatable-footer .dataTables_paginate a.paginate_button:hover { background: #337AB7; color:#FFF; }
.datatable-footer .dataTables_paginate a.paginate_button.disabled ,
.datatable-footer .dataTables_paginate a.paginate_button.disabled:hover ,
.datatable-footer .dataTables_paginate a.paginate_button.disabled:focus { cursor:default; color:#AAA; background:#DDD; }
.sin-resultados {margin:10px;}
.sin-resultados a {
   font-size: 12px;
   border-radius: 4px;
   background: #c16b69;
   padding: 5px 10px;
   margin-top: 10px;
   display: inline-block;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   cursor: pointer;
}

/* ERROR PAGE STYLES */
/*#error-container { position: relative; height: 92vh;}*/
#error-container .page-content { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); width: 90%; }

/* ADMINISTRATION PAGE STYLES */
#administracion-container .content-wrapper { display:table; border-collapse:separate; border-spacing:4px 0; margin:0 -4px; }
.admin-menu-container,
.admin-main-container { display:table-cell; vertical-align:top; }

.admin-menu-container { background:#92ACC6; color:#FFF; padding:0 0 20px; min-width:156px; }
.admin-menu-container ul { list-style:none; margin:0; padding:0; font-family: "Century Gothic"; }
.admin-menu-container > ul { padding:0 5px; }
.admin-menu-container > ul li label { font-size: 22px; color: #C6D3E1; margin: 15px 0; display: block; text-align: center; }
.admin-menu-container > ul li > ul { font-size:12px; color:#336699; display:block; text-align: center; font-weight:bold; }
.admin-menu-container > ul li > ul > li { margin: 2px auto; }
.admin-menu-container > ul li > ul > li a { padding:6px 18px; display:block; text-decoration:none; white-space:nowrap; }
.admin-menu-container > ul li > ul > li.active a , 
.admin-menu-container > ul li > ul > li:hover a { color:#FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.admin-menu-container > ul li > ul > li.active a,
.admin-menu-container > ul li > ul > li.active:hover a { background:#336699; }
.admin-menu-container > ul li > ul > li:hover a { background:#7697b8; }

.admin-main-container { width: 100%; background: #FFF; }
.admin-main-container .content-header { 
   background: #333; 
   line-height:0; 
   align-items: center;
   padding: 5px 10px;
}
.admin-main-container .content-data { padding:10px; }
.admin-main-container .resultados .datatable-filters { margin-bottom:1px; }

.confirmbox.administracion .main-data{display:table; width:100%; font-size: 12px; border-collapse:separate;}
.confirmbox.administracion .row-data{display:table-row;}
.confirmbox.administracion .row-data.table-row {background:#6786A8;}
.confirmbox.administracion .ss-content{padding-right:22px; right:unset; width:102%;}
.confirmbox.administracion .row-data.in-cotiz {background: #8FA4B9;}
.confirmbox.administracion .row-data.in-cotiz .cell-value i.pinned { margin:0 10px; }
.confirmbox.administracion .cell-title,
.confirmbox.administracion .cell-value {display:table-cell; padding:4px; border-collapse: separate; border: 1px solid #7595b7; }
.confirmbox.administracion .cell-value.left { text-align:left}
.confirmbox.administracion .cell-value.right { text-align:right}
.confirmbox.administracion .cell-title {white-space:nowrap; background:#607C99;}

/* ADMINISTRATION PAGE - CRUD STYLES */
#maestro-container { border-spacing:0; }
#maestro-container .content-data{ padding:0 25px 25px; }

#maestro-container .content-header { padding-top: 13px; padding-bottom: 13px; display: table; width: 100%; }
#maestro-container .content-header span:last-child { float:right; font-size:12px; padding: 4px 18px; }
#maestro-container .content-header span:first-child i { margin-right:10px }
#maestro-container .content-header span:first-child {
   color: #DDD;
   font-family: "Century Gothic";
   font-weight: bold;
   font-size: 14px;
   display: inline-block;
   vertical-align: middle;
   line-height: 2;
}   

/* ADMINISTRATION PAGE - PROFILE CRUD STYLES */
.confirmbox.generico .main-data {display:inline-table; vertical-align:top}


/* ADMINISTRATION PAGE - CLIENT CRUD STYLES */
#maestro-container.cliente #company-relations { margin-bottom:15px; }
#maestro-container.cliente .subentity { margin-top:5px; margin-bottom:25px; }
#maestro-container.cliente .subentity:first-child { margin-top:0; margin-bottom:5px; }
#maestro-container.cliente .subentity:last-child { margin-top:5px; margin-bottom:0px; }

#maestro-container.cliente .subentity .ss-content{ padding-right: 2%; right: unset; width: 102%; }

#maestro-container.cliente #company-contacts #list-contact-head > div > div:last-child { width:11%; }

#maestro-container.cliente .subentity .add-button { display:table; margin-bottom:10px; margin-right:5px; margin-left:5px; }
#maestro-container.cliente .subentity:first-child .add-button { margin-right:5px; margin-left:0; }
#maestro-container.cliente .subentity:last-child .add-button { margin-left:5px; margin-right:0; }
#maestro-container.cliente .subentity .add-button .btn { padding:4px 11px; font-size:12px; }

#maestro-container.cliente .list-rows { display:table; border-collapse:collapse; width:100%; font-size:12px; }

#maestro-container.cliente .list-rows > div { display:table-row; }
#maestro-container.cliente .list-rows > div:first-child { background: #92ACC6; color:#FFF; text-align:center; font-weight:bold }
#maestro-container.cliente .list-rows > div:first-child div:last-child { background: #70859A; }

#maestro-container.cliente .list-rows > div.odd { background: #F6F6F6; }
#maestro-container.cliente .list-rows > div.even { background: #EEEEEE; }
#maestro-container.cliente .list-rows > div > div { display:table-cell; padding: 8px; vertical-align:middle; }
#maestro-container.cliente .list-rows > div > div > span.label{ 
   font-size: 73%;
   vertical-align: middle;
   line-height: 18px;
   height: 18px;
   display: inline-block;
   padding: 0 5px;
}
#maestro-container.cliente .list-rows > .row.header > div:not(:first-child) { border-left:1px solid #E1E1E1; }
#maestro-container.cliente .list-rows > .body.row > div { border:1px solid #E1E1E1; }
#maestro-container.cliente .list-rows > .body.row > div:not(:first-child) { border-right:none; }
#maestro-container.cliente .list-rows > .body.row > div:first-child { border-left:none; }
#maestro-container.cliente .list-rows > div > div > i{ font-size:14px; }
#maestro-container.cliente .list-rows > div > div:first-child {border-left:none}
#maestro-container.cliente .list-rows > div > div:last-child {border-right:none; width:10%; }
#maestro-container.cliente .list-rows > div > div:last-child ul { list-style:none; margin:0; padding:0; display:inline-block; vertical-align:middle; }
#maestro-container.cliente .list-rows > div > div:last-child ul li { display:inline; width:20px; float:left; text-align:center}
#maestro-container.cliente .list-rows > div > div:last-child ul li a { color:#70859A; cursor:pointer; }
#maestro-container.cliente #company-buttons { margin:10px auto; }

/* ADMINISTRATION PAGE - CONFIGURATION STYLES */
#sistconfig.content-header span i { margin-right:10px }
#sistconfig.content-header span {
   color: #DDD;
   font-family: "Century Gothic";
   font-weight: bold;
   font-size: 14px;
   display: inline-block;
   vertical-align: middle;
   line-height: 2;
}   

/* ADMINISTRATION PAGE - SYSTEM/TRANSFER STYLES */
#transfer-selection button { height: 30px; width:unset !important; font-size: 13px; margin-top: 7px; padding: 4px 22px; margin: 7px auto; }
.content-data.sisttransfer ul {display:none; list-style:none; margin:0; padding:0; }
.content-data.sisttransfer ul li { padding: 2px; line-height: 24px; vertical-align: middle; display: inline-block; width: 100%; }

.content-data.sisttransfer ul li.event         i { margin:2px 6px; font-size:1.12em; }
.content-data.sisttransfer ul li.event.success i { color:#66BB6A; }
.content-data.sisttransfer ul li.event.error   i { color:#EF5350; }
.content-data.sisttransfer ul li.event.warning i { color:#c8b343; }
.content-data.sisttransfer ul li.event.void    i { color:#666666; font-size: 1.05em; margin-left: 0.45em; }
   
.content-data.sisttransfer ul li .evt-extra {
   display: none;
   width: 50%;
   background: #F0D4D4;
   padding: 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   box-sizing: border-box;
}

#transfer-selection  .codprod {width:11% !important}

/* ADMINISTRATION PAGE - LISTING STYLES */
.admin-main-container .datatable-header { display: table; width: 100%; border-collapse: unset; border-spacing: 0; margin-bottom: 1px; }
.admin-main-container .datatable-header .datatable-filters {
   padding-top:11.5px; 
   padding-bottom:11.5px; 
   background:#333; 
   color:#DDD; 
   padding-right:10px; 
   display:table-cell; 
}
.admin-main-container .datatable-header .datatable-filters.search { text-align:right; border-left: 2px solid #444; min-height:53px; }
.admin-main-container .datatable-header .datatable-filters.actions {}
.admin-main-container .datatable-header .datatable-filters.actions .addnew {margin-right:0;}
.admin-main-container .datatable-header .datatable-filters.actions .addnew button { padding-top:4px; padding-bottom:4px; }
.admin-main-container .datatable-header .datatable-filters.actions .addnew i {vertical-align:unset;}
.admin-main-container .datatable-header .datatable-filters.search .sp-input {line-height:19px;} 
.admin-main-container .datatable-header .datatable-filters.search .filter {width:40%;} 
.admin-main-container .datatable-header .datatable-filters.search .btn {font-size:12px; width:unset;} 
.admin-main-container .datatable-filters.actions .filter.accchk * { display:inline-block; line-height: 1em; vertical-align: middle; }

.admin-main-container .resultados-list .contact-show { margin-left: 4px; font-size: 18px; float: right; margin-top: -1px; cursor:pointer; }

/* REMITO PAGE - LISTING STYLES */
.confirmbox.remito .main-data{display:table; width:100%; font-size: 12px; border-collapse:separate;}
.confirmbox.remito .row-data.table-row {background:#6786A8;}
.confirmbox.remito .area-data{width:80%; display:inline-block; margin-bottom:10px; }
.confirmbox.remito .ss-content{padding-right:22px; right:unset; width:102%;}
.confirmbox.remito .row-data{display:table-row;}

.confirmbox.remito .cell-title,
.confirmbox.remito .cell-value {display:table-cell; padding:6px 4px; border-collapse: separate; border: 1px solid #7595b7; }
.confirmbox.remito .cell-value.nowrap {overflow:auto; white-space:nowrap;}
.confirmbox.remito .cell-title {white-space:nowrap; background:#607C99;}
.confirmbox.remito .sectiongroup { height:40px; }
.confirmbox.remito .sectiongroup .section{ position:absolute; width:98%; }

/* MUESTRA PAGE - SOLICITUD STYLES */
#muestsolic-container #title-solicitud .title-form {
   background: #333;
   padding:15px;
   color:#FFF;
   font-family: "Century Gothic";
   font-size: 14px;
   font-weight: bold;
}
#muestsolic-container #title-solicitud .title-form i { margin-right:10px; }
#muestsolic-container #data-solicitud,
#muestsolic-container #select-muestra { background: #FFF; padding: 22px; margin-bottom: 10px; }
#muestsolic-container #select-muestra .estsit { width:auto !important; display:none; margin: 3px auto; line-height: 32.4px; float: right; }
#muestsolic-container #select-muestra .estsit .control-group { width:auto !important; }
#muestsolic-container .jsonform-error-detalle.expanded { width:35% !important; }
#muestsolic-elt-observaciones {resize:none}

#muestsolic-container .items .item > ul {
   list-style:none;
   margin:5px 0 0 0;
   padding:0;
   display:table;
   width:100%;
   border-spacing: 1px;
   font-size:14px;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
}

#muestsolic-container .items .item > ul li { display:table-cell; background:#FFF; padding: 10px; }
#muestsolic-container .items .item > ul li:nth-child(1) ,
#muestsolic-container .items .item > ul li:nth-child(2) { width:35%; }
#muestsolic-container .items .item > ul li:nth-child(3) ,
#muestsolic-container .items .item > ul li:nth-child(4) { width:11%; text-align:center; }
#muestsolic-container .items .item > ul li:nth-child(5) { width:5%; text-align:center; }
#muestsolic-container .items .item > ul li a.action {
   color:#aaa;
   background: #ddd;
   padding: 2px;
   width: 25px;
   height: 25px;
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   cursor:pointer;
}

#muestsolic-container .items .item > ul li a.action:hover { color:#666; }
#muestsolic-container .items .item > ul li.disabled a:hover { background: #666; }


/* MUESTRA PAGE - LISTING STYLES */
#muestlist-container .datatable-filters { margin-bottom:2px; }
#muestlist-container .datatable-filters.search .filter { margin:0 3px; width:35%; }
#muestlist-container .datatable-filters.search .emprsitf label { display:inline-block; }
#muestlist-container .datatable-filters.search .estevent label { display:inline-block; }

#muestlist-container .datatable-filters.search .filter.buttons { width:5%; }
#muestlist-container .datatable-filters.search .filter.selectmode { width:20%; }
#muestlist-container .datatable-filters.search .filter.selectmode .filter-child > label { display:inline-block; width:22%; }
#muestlist-container .datatable-filters.search .filter.selectmode .filter-child > span { display:inline-block; width:70%; }

#muestlist-container .datatable-filters.search {background:#92ACC6}
#muestlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-child(1) { width:54%; }

#muestlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-child(2) { width:40%; }
#muestlist-container .datatable-filters.search .filter.daterange input { width:120px; font-size:12px; }
#muestlist-container .datatable-filters.search .filter.daterange a { color:#333; }
#muestlist-container .datatable-filters.search .filter.daterange a:hover { color:#333; }
#muestlist-container .datatable-filters.search .filter.daterange a i { color: #FFF; background: #3C6D9D; }

#muestlist-container .datatable-filters.actions .filter.accchk * { display:inline-block; line-height: 1em; vertical-align: middle; }
#muestlist-container .datatable-filters.actions .filter.acctrn .btn { height: 28px; line-height: 1.1; margin-top: 1px; }
#muestlist-container .datatable-filters.actions .filter.acctrn {margin-right:0;}
#muestlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled {opacity:0.3;}
#muestlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled .select2-selection {cursor:not-allowed}
#muestlist-container .datatable-filters.actions .filter.acctrn .select2-container--default .select2-selection__rendered {line-height:26px; font-size:14px; }
#muestlist-container .datatable-filters.actions .filter.acctrn .select2-container--default .select2-selection__placeholder { font-size:12px; }

#muestlist-container .single-acctrn-st+.select2-container .select2-selection span:first-child,
#muestlist-container .single-acctrn-sf+.select2-container .select2-selection span:first-child,
#muestlist-container .single-acctrn-st+.select2-container .select2-selection span:first-child .label,
#muestlist-container .single-acctrn-sf+.select2-container .select2-selection span:first-child .label,
#muestlist-container #select2-massive-acctrn-container { height:30px; line-height:2.1em; }

#muestlist-container .select2-filter .selection .select2-selection ul li .label-status { line-height:20px; }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-envi { background:var(--mue-est-envi-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-envi span:first-child { color:var(--mue-est-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-aenv { background:var(--mue-est-aenv-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-aenv span:first-child { color:var(--mue-est-aenv-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-disp { background:var(--mue-est-disp-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-disp span:first-child { color:var(--mue-est-disp-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-devo { background:var(--mue-est-devo-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-devo span:first-child { color:var(--mue-est-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-vend { background:var(--mue-est-vend-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-vend span:first-child { color:var(--mue-est-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-perd { background:var(--mue-est-perd-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-perd span:first-child { color:var(--mue-est-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-recu { background:var(--mue-est-recu-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-recu span:first-child { color:var(--mue-est-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-disc { background:var(--mue-est-disc-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-est-disc span:first-child { color:var(--mue-est-disc-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-sit-encl { background:var(--mue-sit-encl-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-sit-encl span:first-child { color:var(--mue-sit-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-sit-enmp { background:var(--mue-sit-enmp-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-sit-enmp span:first-child { color:var(--mue-sit-gral-color); }

#muestlist-container .select2-filter .selection .select2-selection ul li.mue-sit-comp { background:var(--mue-sit-comp-back); }
#muestlist-container .select2-filter .selection .select2-selection ul li.mue-sit-comp span:first-child { color:var(--mue-sit-comp-color); }

#muestlist-container .resultados-list td .client-show { margin-left:4px; font-size: 18px; float: right; margin-top: -1px; cursor:pointer; }

/* PRODUCTION PAGE - EDITION STYLES */
#printlabel-container {display:none; width:316px; height:400px; border:unset;}

#produedit-container .select2-transit.estados,
#produedit-container .select2-transit.estados .select2.select2-container { min-width:122px; width:unset !important; }
#produedit-container .select2-transit.situaciones,
#produedit-container .select2-transit.situaciones .select2.select2-container { min-width:180px; width:unset !important; }

#produedit-container .select2-transit .select2.select2-container .select2-selection { border:1px solid #aaa; }
#produedit-container .select2-transit .select2.select2-container .select2-search--inline .select2-search__field { margin-top:0; line-height:30px; }
#produedit-container .select2-transit .selection,
#produedit-container .select2-transit .selection .select2-selection { width:100%; }
#produedit-container .select2-transit .select2-container--default .select2-selection__rendered {line-height:26px; font-size:14px; }
#produedit-container .select2-transit .select2-container--default .select2-selection__placeholder { font-size:12px; }

#produedit-container #produheader .data {padding:16px 20px; font-family:"Century Gothic" !important; display:table; width:100%; background:#555; margin-bottom:2px; }
#produedit-container #produheader .data > div { display:inline-block; color:#FFF; }
#produedit-container #produheader .data > div:nth-child(2) { vertical-align: top; text-align: center; display: inline-block; width: 33.33%; }
#produedit-container #produheader .data > div:last-child { float:right; }
#produedit-container #produheader .data h2 { font-size:18px; font-weight:bold; margin:0; display:inline; padding-right:2px; }
#produedit-container #produheader .data ul { margin:0; padding:0; list-style:none; text-align:left; display:inline-block; }
#produedit-container #produheader .data ul li,
#produedit-container #produheader .data span { font-size:14px; font-weight:bold; }
#produedit-container #produheader .data ul li a { cursor:pointer; text-decoration:underline; color:#BBB}
#produedit-container #produheader .data ul li a:hover { color:#DDD}

#produedit-container #produheader .data .descripcion i { cursor:pointer; margin:0 6px; }
#produedit-container #produheader .data .descripcion .control-group { position: absolute; margin-top: -7px; }
#produedit-container #produheader .data .descripcion .control-group .controls input {
  font-family: "Century Gothic" !important;
  font-size: 18px;
  font-weight: bold;
  display: none;
  padding:0 2px;
}


#produedit-container #produheader .data .main span.clientname { font-size:16px; font-weight:bold; }
#produedit-container #produheader .data .main ul { display:block; margin-top:15px; }
#produedit-container #produheader .data .main ul li { display:inline-block; }
#produedit-container #produheader .data .main ul li:nth-child(3) { padding-left: 22px; border-left: 1px solid #FFF; margin-left: 22px; }
#produedit-container #produheader .data .main ul li:last-child .btn{ display:inline; padding:0.3em 0.6em 0.3em; margin-left: 22px; line-height:1; vertical-align:baseline; }

#produedit-container #produheader .data .extra { }
#produedit-container .gestion-remitos { margin-top:15px; }
#produedit-container .gestion-remitos #add-remito .btn { padding:4px 11px; font-size:12px; }
#produedit-container .gestion-remitos #list-remito { margin:10px auto; display:table; border-collapse:collapse; width:100%; font-size:12px; }
#produedit-container .gestion-remitos #list-remito > div { display:table-row; }
#produedit-container .gestion-remitos #list-remito > div:first-child { background: #92ACC6; color:#FFF; text-align:center; font-weight:bold }
#produedit-container .gestion-remitos #list-remito > div:first-child div:last-child { background: #70859A; }

#produedit-container .gestion-remitos #list-remito > div.odd { background: #F6F6F6; }
#produedit-container .gestion-remitos #list-remito > div.even { background: #EEEEEE; }
#produedit-container .gestion-remitos #list-remito > div > div { display:table-cell; border:1px solid #E1E1E1; padding: 8px; line-height: 1.4; vertical-align:middle; }
#produedit-container .gestion-remitos #list-remito > div > div > span.label{ 
   font-size: 73%;
   vertical-align: middle;
   line-height: 18px;
   height: 18px;
   display: inline-block;
   padding: 0 5px;
}
#produedit-container .gestion-remitos #list-remito > div > div > i{ font-size:14px; }
#produedit-container .gestion-remitos #list-remito > div > div:first-child {border-left:none}
#produedit-container .gestion-remitos #list-remito > div > div:last-child {border-right:none; width:10%; }
#produedit-container .gestion-remitos #list-remito > div > div:last-child ul { list-style:none; margin:0; padding:0; display:inline-block; vertical-align:middle; }
#produedit-container .gestion-remitos #list-remito > div > div:last-child ul li { display:inline; width:20px; float:left; text-align:center}
#produedit-container .gestion-remitos #list-remito > div > div:last-child ul li a { color:#70859A; cursor:pointer; }

/* PRODUCTION PAGE - LISTING STYLES */
#produlist-container .datatable-filters { margin-bottom:2px; }
#produlist-container .datatable-filters.search .filter { margin:0 3px; width:35%; }

#produlist-container .datatable-filters.search .filter.buttons { width:5%; }
#produlist-container .datatable-filters.search .filter.selectmode { width:18%; }
#produlist-container .datatable-filters.search .filter.selectmode.estevent { width:12%; }
#produlist-container .datatable-filters.search .filter.selectmode .filter-child > label { display:inline-block; width:27%; }
#produlist-container .datatable-filters.search .filter.selectmode .filter-child > span { display:inline-block; width:70%; }
#produlist-container .datatable-filters.search .filter.allevent { width:10%; }
#produlist-container .datatable-filters.search .filter.allevent .filter-child > label { display:inline-block; width:45%; }
#produlist-container .datatable-filters.search .filter.allevent .filter-child > div { display:inline-block; width:45%; }

#produlist-container .datatable-filters.search {background:#92ACC6}
#produlist-container .datatable-filters.search .filter.daterange { width:32%; }
#produlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-child(1) { width:54%; }
#produlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-child(2) { width:40%; }
#produlist-container .datatable-filters.search .filter.daterange input { width:120px; font-size:12px; }
#produlist-container .datatable-filters.search .filter.daterange a { color:#333; }
#produlist-container .datatable-filters.search .filter.daterange a:hover { color:#333; }
#produlist-container .datatable-filters.search .filter.daterange a i { color: #FFF; background: #3C6D9D; }

#produlist-container .datatable-filters .allevent .switchery-check {
   font-size: 12px;
   padding-top: 0;
   background: #A7BCD1;
   padding: 7px 8px;
   text-align: center;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width:66px;
   height:32px;
}
#produlist-container .datatable-filters.actions .filter.accchk * { display:inline-block; line-height: 1em; vertical-align: middle; }
#produlist-container .datatable-filters.actions .filter.acctrn .btn { height: 28px; line-height: 1.1; margin-top: 1px; }
#produlist-container .datatable-filters.actions .filter.acctrn {margin-right:0;}
#produlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled {opacity:0.3;}
#produlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled .select2-selection {cursor:not-allowed}
#produlist-container .datatable-filters.actions .filter.acctrn .select2-container--default .select2-selection__rendered {line-height:25px; font-size:14px; }
#produlist-container .datatable-filters.actions .filter.acctrn .select2-container--default .select2-selection__placeholder { font-size:12px; }

#produlist-container .single-acctrn-st+.select2-container .select2-selection span:first-child,
#produlist-container .single-acctrn-sf+.select2-container .select2-selection span:first-child,
#produlist-container .single-acctrn-st+.select2-container .select2-selection span:first-child .label,
#produlist-container .single-acctrn-sf+.select2-container .select2-selection span:first-child .label,
#produlist-container #select2-massive-acctrn-container { height:30px; line-height:2.1em; }

#produlist-container #select2-massive-acctrn-container { line-height:24px; }
#produlist-container #select2-massive-acctrn-container .label {
   border:1px solid #AAA;
   padding:5px 10px;
   -webkit-border-radius: 0.45em;
   -moz-border-radius: 0.45em;
   border-radius: 0.45em;
}

#produlist-container .select2-filter .selection .select2-selection ul li .label-status { line-height:20px; }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-aboc { background:var(--prd-est-aboc-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-aboc span:first-child { color:var(--prd-est-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-boct { background:var(--prd-est-boct-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-boct span:first-child { color:var(--prd-est-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-prod { background:var(--prd-est-prod-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-prod span:first-child { color:var(--prd-est-prod-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-term { background:var(--prd-est-term-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-term span:first-child { color:var(--prd-est-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-prep { background:var(--prd-est-prep-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-prep span:first-child { color:var(--prd-est-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-aent { background:var(--prd-est-aent-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-aent span:first-child { color:var(--prd-est-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-entr { background:var(--prd-est-entr-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-entr span:first-child { color:var(--prd-est-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-cerr { background:var(--prd-est-cerr-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-est-cerr span:first-child { color:var(--prd-est-cerr-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-comp { background:var(--prd-sit-comp-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-comp span:first-child { color:var(--prd-sit-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-envt { background:var(--prd-sit-envt-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-envt span:first-child { color:var(--prd-sit-envt-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-envp { background:var(--prd-sit-envp-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-envp span:first-child { color:var(--prd-sit-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-enta { background:var(--prd-sit-enta-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-enta span:first-child { color:var(--prd-sit-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-reta { background:var(--prd-sit-reta-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-reta span:first-child { color:var(--prd-sit-reta-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-mapr { background:var(--prd-sit-mapr-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-mapr span:first-child { color:var(--prd-sit-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-ruta { background:var(--prd-sit-ruta-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-ruta span:first-child { color:var(--prd-sit-gral-color); }

#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-ecli { background:var(--prd-sit-ecli-back); }
#produlist-container .select2-filter .selection .select2-selection ul li.prd-sit-ecli span:first-child { color:var(--prd-sit-ecli-color); }

#select2-client-filter-results li { font-size:12px; }
#select2-status-filter-results li .label-status { display:inline-block;  line-height:18px; }
#select2-status-filter-results li.select2-results__option { padding:4px; }
#select2-status-filter-results li.select2-results__option[aria-selected="true"] { background:#B8C8DF; }

#produlist-container .resultados-list td ul.contact-data {
    margin: 0;
    list-style: none;
    padding: 10px;
    display: none;
    position: absolute;
    background: #333;
    color:#DDD;

   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   -webkit-box-shadow: 4px 4px 10px #666;
   -moz-box-shadow: 4px 4px 10px #666;
   box-shadow: 4px 4px 10px #666;
}
#produlist-container .resultados-list td ul.contact-data li:first-child {font-family:"Century Gothic"; font-weight:bold; font-size:14px; margin-bottom:5px;}
#produlist-container .resultados-list td .flag-incid,
#produlist-container .resultados-list td .contact-show,
#produlist-container .resultados-list td .proveed-show,
#produlist-container .resultados-list td .taller-show { margin-left:4px; font-size: 18px; float: right; margin-top: -1px; cursor:pointer; }
#produlist-container .resultados-list td .sin-pendiente { float:left; font-size:10px; cursor:pointer; color:var(--success-500) }
#produlist-container .resultados-list td .con-pendiente { float:left; font-size:10px; cursor:pointer; color:var(--warning-600) }

#produlist-container .resultados-list td ul.row-cliente {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
}
#produlist-container .resultados-list td ul.row-cliente li:first-child { width:80%}
#produlist-container .resultados-list td ul.row-cliente li:last-child { width:20%}

#produlist-container .resultados-list td ul.row-notif {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  vertical-align: middle;
}   

#produlist-container .resultados-list td .flag-payment {
  height: 18px;
  width: 18px;
  display: inline-block;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  margin-top: -1.3px;
  margin-left: 4px;
  float: right;
  text-align: center;
}

.confirmbox.produccion .main-data{display:table; width:100%; font-size: 12px; border-collapse:separate;}
.confirmbox.produccion .row-data.table-row {background:#6786A8;}
.confirmbox.produccion .area-boceto{width:18%; min-height:316px; display:inline-block; vertical-align:top; text-align:center; border-right:1px solid #FFF; margin-right:22px; padding-right:22px;}
.confirmbox.produccion .area-data{width:80%; display:inline-block; margin-bottom:10px; }
.confirmbox.produccion .ss-content{padding-right:22px; right:unset; width:102%;}
.confirmbox.produccion .row-data{display:table-row;}

.confirmbox.produccion .row-data.in-cotiz {background: #8FA4B9;}
.confirmbox.produccion .row-data.in-cotiz .cell-value i.pinned { margin:0 10px; }
.confirmbox.produccion .cell-title,
.confirmbox.produccion .cell-value {display:table-cell; padding:6px 4px; border-collapse: separate; border: 1px solid #7595b7; }
.confirmbox.produccion .cell-value.nowrap {overflow:auto; white-space:nowrap;}
.confirmbox.produccion .cell-value .audit-sfisic,
.confirmbox.produccion .cell-value .audit-estado {overflow:auto; white-space:nowrap; cursor:pointer}
.confirmbox.produccion .cell-title {white-space:nowrap; background:#607C99;}
.confirmbox.produccion .sectiongroup { height:40px; }
.confirmbox.produccion .sectiongroup .section{ position:absolute; width:98%; }
.confirmbox.produccion .eventtag {
position: absolute;
  top: 11px;
  float: right;
  right: 10%;
  border-radius: 4px;
  background: #EA4748;
  padding: 5px 10px;
  font-size: 80%;
  font-weight: bold;
}

.confirmbox.produccion .sectiongroup .section span:first-child {
   padding: 5px 5px 5px 0;
   font-size: 16px;
   font-family: 'century gothic';
   font-weight: bold;
   display: inline-block;
   width:18%;
}   
.confirmbox.produccion .sectiongroup .section span:last-child {
   height: 1px;
   width: 82%;
   background: #FFF;
   float:right;
   margin: 16px 0;
}

/* COTIZATION PAGE - LISTING STYLES */
#cotizlist-container .datatable-filters { margin-bottom:2px; }
#cotizlist-container .datatable-filters.search .filter { vertical-align:inherit; }
#cotizlist-container .datatable-filters.search .filter.buttons { width:8%; }
#cotizlist-container .datatable-filters.search .filter.buttons .btn { width:48%; }
#cotizlist-container .datatable-filters.search .filter.selectmode { width:16%; }
#cotizlist-container .datatable-filters.search .filter.selectmode .filter-child > span { display:inline-block; width:100%; }
#cotizlist-container .datatable-filters.search .filter.daterange .filter-child > label { display:block; vertical-align: middle; }

#cotizlist-container .datatable-filters.search .filter.daterange { width:28%; }

#cotizlist-container .datatable-filters.search {background:#92ACC6}
#cotizlist-container .datatable-filters.search .filter.daterange input { width:120px; font-size:12px; }
#cotizlist-container .datatable-filters.search .filter.daterange a { color:#333; text-decoration:none; cursor:pointer; font-size:16px; margin-left:4px; }
#cotizlist-container .datatable-filters.search .filter.daterange a:hover { color:#333; }
#cotizlist-container .datatable-filters.search .filter.daterange a i { color: #FFF; background: #3C6D9D; }

#cotizlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(1) { width:47%; }
#cotizlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(1) label { width:23%; }
#cotizlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(2) { width:52%; }
#cotizlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(2) label { width:10%; }

#cotizlist-container .datatable-filters.actions .filter.accchk * { display:inline-block; line-height: 1em; vertical-align: middle; }
#cotizlist-container .datatable-filters.actions .filter.acctrn {margin-right:0;}
#cotizlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled {opacity:0.3;}
#cotizlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled .select2-selection {cursor:not-allowed}

#cotizlist-container .single-acctrn+.select2-container .select2-selection span:first-child,
#cotizlist-container #select2-massive-acctrn-container { line-height:26px; }

#cotizlist-container .single-acctrn+.select2-container .select2-selection span:first-child .label,
#cotizlist-container #select2-massive-acctrn-container .label {
   border:1px solid #AAA;
   padding:5px 10px;
   -webkit-border-radius: 0.45em;
   -moz-border-radius: 0.45em;
   border-radius: 0.45em;
}

#cotizlist-container .select2-filter .select2.select2-container.select2-container--focus .select2-selection { border:1px solid #aaa; }

#cotizlist-container .select2-filter .selection .select2-selection { width:100%; }

#cotizlist-container .select2-filter .selection .select2-selection .select2-selection__choice__remove { font-size:13px; }
#cotizlist-container .select2-filter.clientes .selection .select2-selection .select2-selection__choice { font-size:12px; background:#D6DFE8; }

#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-cotz { background:var(--cot-est-cotz-back); }
#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-cotz span:first-child { color:var(--cot-est-gral-color); }

#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-envm { background:var(--cot-est-envm-back); }
#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-envm span:first-child { color:var(--cot-est-gral-color); }

#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-vend { background:var(--cot-est-vend-back); }
#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-vend span:first-child { color:var(--cot-est-vend-color); }

#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-cont { background:var(--cot-est-cont-back); }
#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-cont span:first-child { color:var(--cot-est-gral-color); }

#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-prec { background:var(--cot-est-prec-back); }
#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-prec span:first-child { color:var(--cot-est-gral-color); }

#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-perd { background:var(--cot-est-perd-back); }
#cotizlist-container .select2-filter .selection .select2-selection ul li.cot-est-perd span:first-child { color:var(--cot-est-gral-color); }

#select2-client-filter-results li { font-size:12px; }
#select2-status-filter-results li .label-status { display:inline-block; }
#select2-status-filter-results li.select2-results__option { padding:4px; }
#select2-status-filter-results li.select2-results__option[aria-selected="true"] { background:#B8C8DF; }

#cotizlist-container .resultados-list td ul.contact-data {
    margin: 0;
    list-style: none;
    padding: 10px;
    display: none;
    position: absolute;
    background: #333;
    color:#DDD;

   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   -webkit-box-shadow: 4px 4px 10px #666;
   -moz-box-shadow: 4px 4px 10px #666;
   box-shadow: 4px 4px 10px #666;
}
#cotizlist-container .resultados-list td ul.contact-data li:first-child {font-family:"Century Gothic"; font-weight:bold; font-size:14px; margin-bottom:5px;}
#cotizlist-container .resultados-list td i.contact-show { margin-left:4px; font-size: 18px; float: right; margin-top: -1px; cursor:pointer; }

.confirmbox.cotizacion .main-data{display:table; width:100%; font-size: 12px; border-collapse:separate;}
.confirmbox.cotizacion .main-data table{width:100%;}
.confirmbox.cotizacion .row-data.table-row {background:#6786A8;}
.confirmbox.cotizacion .ss-content{padding-right:22px; right:unset; width:102%;}
.confirmbox.cotizacion .row-list{display:table-row-group;}
.confirmbox.cotizacion .row-data{display:table-row;}
.confirmbox.cotizacion .row-data.in-cotiz {background: #8FA4B9;}
.confirmbox.cotizacion .row-data.in-cotiz .cell-value i.pinned { margin:0 10px; }
.confirmbox.cotizacion .cell-title,
.confirmbox.cotizacion .cell-value {display:table-cell; padding:6px 4px; border-collapse: separate; border: 1px solid #7595b7; }
.confirmbox.cotizacion .cell-value.left { text-align:left}
.confirmbox.cotizacion .cell-value.right { text-align:right}
.confirmbox.cotizacion .cell-title {white-space:nowrap; background:#607C99;}
.confirmbox.cotizacion .cell-title:last-child {text-align:center; width:9%;}

.confirmbox.cotizacion .main-data.table-head { right: unset; width: 100%; }

.confirmbox.cotizacion.cierre { background:#80b775; }
.confirmbox.cotizacion.cierre .cell-title { background:#679960; }
.confirmbox.cotizacion.cierre .cell-title:last-child {background:#467149; width:10%;}
.confirmbox.cotizacion.cierre .cell-title:nth-child(1) {text-align:center; width:8%;}
.confirmbox.cotizacion.cierre .cell-title:nth-child(2) {text-align:center;}
.confirmbox.cotizacion.cierre .cell-title:nth-child(3) {text-align:center; width:6%;}
.confirmbox.cotizacion.cierre .cell-title:nth-child(4) {text-align:center; width:8%;}
.confirmbox.cotizacion.cierre .cell-title:nth-child(5) {text-align:center; width:15%;}
.confirmbox.cotizacion.cierre .cell-title:nth-child(6) {text-align:center; width:15%;}
.confirmbox.cotizacion.cierre .cell-title,
.confirmbox.cotizacion.cierre .cell-value { border-color:#80b775; line-height:24px; }
.confirmbox.cotizacion.cierre .cell-value select,
.confirmbox.cotizacion.cierre .cell-value input { background:#f8f8f8; vertical-align:top }
.confirmbox.cotizacion.cierre .row-data.sub .cell-value {background:#75ae6d; color:#bce1b9;}
.confirmbox.cotizacion.cierre .cell-value:nth-child(3),
.confirmbox.cotizacion.cierre .cell-value:nth-child(4) {text-align:right}

.confirmbox.cotizacion.cierre .cell-value {
   white-space: nowrap;
   max-width: 0;
   text-overflow: ellipsis;
   overflow: hidden;
}

.confirmbox.cotizacion.cierre .cell-value .select2-container { height:24px; vertical-align:top; } 
.confirmbox.cotizacion.cierre .cell-value .select2-selection { height:24px; background:#F8F8F8; }
.confirmbox.cotizacion.cierre .cell-value .select2-selection__placeholder { line-height:24px; }
.confirmbox.cotizacion.cierre .cell-value .select2-selection__rendered { line-height:24px; }
.confirmbox.cotizacion.cierre .cell-value .select2-selection__arrow { height:24px; }
.confirmbox.cotizacion.cierre .cell-value .select2-selection__arrow i { position:absolute; margin-top:5px; color:#999; }
.confirmbox.cotizacion.cierre .cell-value .select2-dropdown .select2-search {padding: 0px 6px; line-height:22px; }
.confirmbox.cotizacion.cierre .cell-value .select2-dropdown .select2-search input {
   border:none;
   padding:0 1px;
   font-size:12px;
   color:#555;
   padding-right:22px;
   outline:none;
   height:22px;
}
.confirmbox.cotizacion.cierre .cell-value .select2-dropdown .select2-results {
   background: #FFF;
   border: 1px solid #CCC;
   -webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.42);
   -moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.42);
   box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.33);
}
.confirmbox.cotizacion.cierre .cell-value .select2-dropdown .select2-results .select2-results__option:not(.select2-results__option--highlighted) { color:#333; }
.confirmbox.cotizacion.cierre .cell-value .select2-dropdown.select2-dropdown--below {margin-top: -23px; border: none; background: none;}
.confirmbox.cotizacion.cierre .cell-value .select2-selection,
.confirmbox.cotizacion.cierre .cell-value .select2-selection .select2-selection__rendered {height:24px}

.confirmbox.cotizacion.cierre a.ui-dialog-titlebar-close { background:#6f9960 !important; color:#A6D0A5 !important; }
.confirmbox.cotizacion.cierre ul.actions { padding:0; margin:0; list-style:none; display:inline-block; vertical-align:middle; line-height:16px; }
.confirmbox.cotizacion.cierre ul.actions li { display: inline; float:left; font-size:14px; height:20px; width:20px; }
.confirmbox.cotizacion.cierre ul.actions li a { 
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   line-height: 20px;
   font-size: 14px;
   color: #467149;
}
.confirmbox.cotizacion.cierre ul.actions li a.event { float:right; }
.confirmbox.cotizacion.cierre ul.actions li a.disabled { cursor: not-allowed; color: #679960; }


/* COTIZATION - CREATE PAGE STYLES */
/* cotizcart (items) */
#cotizedit-container .items { background: #FFF; margin-top: 20px; }
#cotizedit-container .items .item { padding: 20px; background: #CCC; color:#666; }
#cotizedit-container .items .item.odd { background: #bbdbbb; }
#cotizedit-container .items .item > div {
   padding: 5px;
   display: table;
   width: 100%;
   background: #FFF;
   color:#666;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
#cotizedit-container .items .item > div > * { display:table-cell; vertical-align:middle;}
#cotizedit-container .items .item > div .info > * { display:inline-block; vertical-align:middle; }
#cotizedit-container .items .item > div .info img { border:2px solid #7D937D; display:inline; }
#cotizedit-container .items .item > div .info ul { list-style:none; margin: 0; padding:0; font-weight: bold;}

#cotizedit-container .items .item > div .info ul li:first-child { font-family:"Century Gothic"; font-size:14px; color:inherit}
#cotizedit-container .items .item > div .info ul li { font-size:12px; color:#777}
#cotizedit-container .items .item > div .info span {
   width: 33%;
   height: 54px;
   font-size: 12px;
   overflow: hidden;
   margin-left: 5px;
   padding-left: 5px;
   border-left: 2px solid #7D937D;
}
#cotizedit-container .items .item > div .info span a.view-more { position:absolute; font-size:15px; margin-left:4px; color:#666; cursor:pointer; }
#cotizedit-container .items .item > div .info span a.view-more:hover { color:#333; }
#cotizedit-container .items .item > div .info span .popover.right > .arrow::after { left:2px; }

#cotizedit-container .items .item > div .actions ul { list-style:none; margin: 0; padding:0; float:right; margin-right:5px; }
#cotizedit-container .items .item > div .actions ul li { display:inline; }
#cotizedit-container .items .item > div .actions ul li a {
   color:#aaa;
   background: #ddd;
   padding: 2px;
   width: 25px;
   height: 25px;
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}


#cotizedit-container .items .item > div .actions ul li a:hover { color:#666; }
#cotizedit-container .items .item > div .actions ul li.disabled a:hover { background: #666; }

#cotizedit-container .items .item > ul {
   list-style:none;
   margin:5px 0 0 0;
   padding:0;
   display:table;
   width:100%;
   background:#FFF;
   font-size:14px;
   font-weight:bold;
   border-spacing:5px;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
}
#cotizedit-container .items .item > ul li { display:table-cell; }
#cotizedit-container .items .item > ul li span { 
   display:block; 
   padding:5px; 
   text-align:center; 
}
#cotizedit-container .items .item > ul li:not(:last-child) span:last-child { background:#E1E1E1; }
#cotizedit-container .items .item > ul li:nth-child(10) span:last-child { background: #FDE7BC; }
#cotizedit-container .items .item > ul li span:first-child {
   background:#666;
   color:#FFF;
   font-size:11px;
   -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
           border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
           border-top-right-radius: 4px;
}
#cotizedit-container .items .item > ul li span:last-child {
   text-align:right;
   -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
           border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
           border-bottom-right-radius: 4px;
}
#cotizedit-container .modal-dialog { width:30%; }

/* REMITOS PAGE - LISTING STYLES */
#remitlist-container .datatable-filters { margin-bottom:2px; }
#remitlist-container .datatable-filters.search .filter { vertical-align:inherit; }
#remitlist-container .datatable-filters.search .filter.buttons { width:8%; }
#remitlist-container .datatable-filters.search .filter.buttons .btn { width:48%; }
#remitlist-container .datatable-filters.search .filter.selectmode { width:16%; }
#remitlist-container .datatable-filters.search .filter.selectmode.estados { width:10%; }
#remitlist-container .datatable-filters.search .filter.selectmode .filter-child > span { display:inline-block; width:100%; }
#remitlist-container .datatable-filters.search .filter.daterange .filter-child > label { display:block; vertical-align: middle; }

#remitlist-container .datatable-filters.search .filter.daterange { width:30%; }

#remitlist-container .datatable-filters.search {background:#92ACC6}
#remitlist-container .datatable-filters.search .filter.daterange input { width:120px; font-size:12px; }
#remitlist-container .datatable-filters.search .filter.daterange a { color:#333; text-decoration:none; cursor:pointer; font-size:16px; margin-left:4px; }
#remitlist-container .datatable-filters.search .filter.daterange a:hover { color:#333; }
#remitlist-container .datatable-filters.search .filter.daterange a i { color: #FFF; background: #3C6D9D; }

#remitlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(1) { width:48%; }
#remitlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(1) label { width:23%; }
#remitlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(2) { width:50%; }
#remitlist-container .datatable-filters.search .filter.daterange .filter-child span:nth-of-type(2) label { width:10%; }

#remitlist-container .datatable-filters.actions .filter.accchk * { display:inline-block; line-height: 1em; vertical-align: middle; }
#remitlist-container .datatable-filters.actions .filter.acctrn {margin-right:0;}
#remitlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled {opacity:0.3;}
#remitlist-container .datatable-filters.actions .filter.acctrn .select2-container--disabled .select2-selection {cursor:not-allowed}

#remitlist-container .select2-container .select2-selection--single { height:30px; }
#remitlist-container .select2-container .select2-selection--single .select2-selection__clear { bottom:1px; }

#remitlist-container .single-acctrn+.select2-container .select2-selection span:first-child,
#remitlist-container #select2-massive-acctrn-container { line-height:26px; }

#remitlist-container .single-acctrn+.select2-container .select2-selection span:first-child .label,
#remitlist-container #select2-massive-acctrn-container .label {
   border:1px solid #AAA;
   padding:5px 10px;
   -webkit-border-radius: 0.45em;
   -moz-border-radius: 0.45em;
   border-radius: 0.45em;
}

#remitlist-container .select2-filter.clientes,
#remitlist-container .select2-filter.clientes .select2.select2-container { min-width:204px; width:unset !important; }

#remitlist-container .select2-filter.estados,
#remitlist-container .select2-filter.estados .select2.select2-container { min-width:122px; width:unset !important; }

#remitlist-container .select2-filter .select2.select2-container.select2-container--focus .select2-selection { border:1px solid #aaa; }

#remitlist-container .select2-filter .selection,
#remitlist-container .select2-filter .selection .select2-selection { width:100%; }

#remitlist-container .select2-filter .selection .select2-selection .select2-selection__choice__remove { font-size:13px; }
#remitlist-container .select2-filter.clientes .selection .select2-selection .select2-selection__choice { font-size:12px; background:#D6DFE8; }

#remitlist-container .select2-filter .selection .select2-selection ul li.rmt-acti { background:var(--rmt-acti-back); }
#remitlist-container .select2-filter .selection .select2-selection ul li.rmt-acti span:first-child { color:var(--rmt-acti-color); }

#remitlist-container .select2-filter .selection .select2-selection ul li.rmt-impr { background:var(--rmt-impr-back); }
#remitlist-container .select2-filter .selection .select2-selection ul li.rmt-impr span:first-child { color:var(--rmt-gral-color); }

#remitlist-container .select2-filter .selection .select2-selection ul li.rmt-anul { background:var(--rmt-anul-back); }
#remitlist-container .select2-filter .selection .select2-selection ul li.rmt-anul span:first-child { color:var(--rmt-gral-color); }

#select2-client-filter-results li { font-size:12px; }
#select2-status-filter-results li .label-status { display:inline-block; }
#select2-status-filter-results li.select2-results__option { padding:4px; }
#select2-status-filter-results li.select2-results__option[aria-selected="true"] { background:#B8C8DF; }

#remitlist-container .resultados-list td ul.contact-data {
    margin: 0;
    list-style: none;
    padding: 10px;
    display: none;
    position: absolute;
    background: #333;
    color:#DDD;

   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   -webkit-box-shadow: 4px 4px 10px #666;
   -moz-box-shadow: 4px 4px 10px #666;
   box-shadow: 4px 4px 10px #666;
}
#remitlist-container .resultados-list td ul.contact-data li:first-child {font-family:"Century Gothic"; font-weight:bold; font-size:14px; margin-bottom:5px;}
#remitlist-container .resultados-list td i.contact-show { margin-left:4px; font-size: 18px; float: right; margin-top: -1px; cursor:pointer; }

/* custom jsonform styles */
.jsonform form .control-group .controls .itemlist {
   position:absolute;
   width:422px;
   display:none;
   z-index: 1;
   background:#EEE;
   -webkit-box-shadow: 4px 4px 10px #666;
   -moz-box-shadow: 4px 4px 10px #666;
   box-shadow: 4px 4px 10px #666;
   padding: 5px;
}
.jsonform form .control-group .controls .itemlist a.close::before {
   content: "✖";
   position: absolute;
   margin-left: -1px;
   color: #4D6185;
   margin-top: -3px;
   opacity: 0.6;
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   /* filter: alpha(opacity=60);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.jsonform form .control-group .controls .palette div.page  {display:table; border-collapse:separate; border-spacing:0px;}
.jsonform form .control-group .controls .itemlist div.page {display:table; border-collapse:separate; border-spacing:4px;}
.jsonform form .control-group .controls .palette div.page span { width:14px; height: 14px; display: inline; float:left; }
.jsonform form .control-group .controls .itemlist div.page a { display:table-cell; width:60px; height:60px; text-align:center; vertical-align:middle; }

.palette-color.reset::after {
    content: 'x';
    position: relative;
    vertical-align: middle;
    height: 15px;
    display: block;
    font-size: 11px;
    text-align: center;
    color: #999;
}

.jsonform form .control-group .controls .spriteselect .container {display: inline-block}
.jsonform form .control-group .controls .spriteselect .container .palette,
.jsonform form .control-group .controls .spriteselect .container .choosencont {background:#D1D1D1; display:inline-block; float:left }
.jsonform form .control-group .controls .spriteselect .container .palette {margin-left:2px; padding:7px; height:57px;}
.jsonform form .control-group .controls .spriteselect .container .choosencont { height:71px; width:71px}
.jsonform form .control-group .controls .spriteselect .container .choosen {
   width: 61px;
   height: 61px;
   background: #C4C4C4;
   display: inline-block;
   margin: 5px;
   -webkit-border-radius: 32px;
      -moz-border-radius: 32px;
           border-radius: 32px;
}

.jsonform form .control-group .controls .spriteselect .container .choosen span { margin: 4px auto; }
.jsonform form .control-group .controls .spriteselect .container .choosencont .open::after {
   content: "+";
   vertical-align: middle;
   text-align: center;
   display: inline-block;
   margin-top: -39%;
   margin-left: -42%;
   width: 25px;
   height: 25px;
   line-height: 24px;
   font-size: 24px;
   font-weight: bold;
   cursor: pointer;
   -webkit-border-radius: 13px;
      -moz-border-radius: 13px;
           border-radius: 13px;
   color: #C4C4C4;
   background: #8793A8;
   opacity: 0.6;
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   /* filter: alpha(opacity=60);*/
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.jsonform form .control-group .controls .spriteselect .container .choosencont .open.change::after { content: "↺"; font-size: 18px; }
.jsonform form .control-group .controls .spriteselect .container .palette .palette-color {cursor:pointer}
.jsonform form .control-group .controls .spriteselect .container .palette .palette-color.reset {margin-top:2px}

.jsonform form .select2-dropdown .select2-search input {border:none; padding:0 1px; font-size:12px; color:#555; padding-right:22px; outline:none;}
.jsonform form .select2-dropdown .select2-search {padding: 4px 6px;}
.jsonform form .select2-dropdown .select2-results {
   background: #FFF;
   border: 1px solid #CCC;
   -webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.42);
   -moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.42);
   box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.33);
}
.jsonform form .select2-dropdown.select2-dropdown--below {margin-top: -30px; border: none; background: none;}
.jsonform form .select2-selection,
.jsonform form .select2-selection .select2-selection__rendered {height:30px}

.jsonform form .select2-selection__arrow {
   vertical-align: middle;
   line-height: 30px;
   width: 26px !important;
   text-align: center;
   z-index: 1000;
   color: #777;
}

.jsonform form .select2-selection__clear {
   color: #fff;
   font-size: 15px;
   margin: 4px;
   line-height: 16px;
   padding: 2px 6px 2px;
   text-align: center;
   background: #d7dbe0;
   -webkit-border-radius:3px;
      -moz-border-radius:3px;
           border-radius:3px;
}
.jsonform form .select2-selection{border-color:#CCC}

.jsonform form .radiobuttons { display: inline-table; }/*border-spacing:1px 0px; border-collapse:separate; }*/
.jsonform form .radiobuttons .controls div { display:table; width:100%; }
.jsonform form .radiobuttons label.radio:hover { background:#5D6770  !important; }
.jsonform form .radiobuttons label.radio:active { background:#535D65 !important; }
.jsonform form .radiobuttons label.radio.active { background:#336699 !important; cursor:default; }
.jsonform form .radiobuttons label.radio {
   color: #FFF;
   padding: 5px 10px;
   font-size: 12px;
   height: 31px;
   font-family: "Century Gothic";
   background: #909FAE !important;
   display:table-cell;
   webkit-box-shadow: none;
   box-shadow: none;
   border-right: 1px solid #EFEFEF !important;
   -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
           border-radius: 0px;
}
.jsonform form .radiobuttons label.radio:first-child {
   margin-right: 1px;
   -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
           border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
           border-bottom-left-radius: 4px;
}
.jsonform form .radiobuttons label.radio:last-child {
   border-left: none;
   border-right: none;
   -webkit-border-top-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
           border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
           border-bottom-right-radius: 4px;
}

.jsonform form#cotizedit #user-actions .select2-selection ,
.jsonform form#cotizedit #product-actions .select2-selection {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
}

/**** LOGIN FORM (jsonform) ****/
#login-container .page-content { display: table; width: 27%; margin: 0 auto; }
#login-form-container {text-align:center}
.jsonform form#login .control-group {width:100%}
.jsonform form#login #login-elt-login {width:100%}

/**** PRODUCTION FORM (jsonform) ****/
.jsonform form#produedit .tab-content { background: #fff; padding: 22px; margin-bottom: 10px; min-height:270px; }

.jsonform form#produedit .jsonform-error-cantcomp    { width:10.5% !important; }
.jsonform form#produedit .jsonform-error-cantvend    { width:10.5% !important; }
.jsonform form#produedit .jsonform-error-prcventa    { width:12.5% !important; }
.jsonform form#produedit .jsonform-error-costounit_r { width:16.3% !important; }
.jsonform form#produedit .jsonform-error-costounit   { width:16.3% !important; }
.jsonform form#produedit .jsonform-error-costoarte   { width:16.3% !important; }
.jsonform form#produedit .jsonform-error-costoarte_r { width:16.3% !important; }
.jsonform form#produedit .jsonform-error-color_talle { width:30.5% !important; }
.jsonform form#produedit .jsonform-error-texto_logo  { width:22.5% !important; float:right }
.jsonform form#produedit .control-group.evento       { width:8% !important; float:right }
.jsonform form#produedit .section-group.fechas       { width:25% !important; }
.jsonform form#produedit .section-group.imagenes     { width:75% !important; }
.jsonform form#produedit .jsonform-error-boceto      { width: 32.7% !important; }
.jsonform form#produedit .jsonform-error-logo        { width: 33.7% !important; }
.jsonform form#produedit .jsonform-error-foto        { width: 33.6% !important; }

.jsonform form#produedit .fechas label       { text-align:left; }
.jsonform form#produedit .imagenes           { margin-top:20px; }
.jsonform form#produedit .imagenes .info     { line-height: 1 !important; padding:8px 14px; font-size:12px; }
.jsonform form#produedit .imagenes .fileinfo { line-height: 1.999 !important; }

.jsonform form#produedit .change-cantpr,
.jsonform form#produedit .change-method {
   width: 30px !important;
   height: 30px !important;
   display: inline-block;
   font-size: 10px;
   vertical-align: middle;
   margin: 7px 0;
   text-align: center;
   padding: 2px;
   background: #369;
   color: #FFF;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}   

.jsonform form#produedit .change-cantpr i,
.jsonform form#produedit .change-method i {
   display: inline-block;
   margin: 8px 0;
}

.jsonform form#produedit .image-current-container { margin-top:10px; }
.jsonform form#produedit .image-current-container > div   { display:inline; margin-right:10px; }
.jsonform form#produedit .image-current-container > div span:last-child { background: #696969; }
.jsonform form#produedit .image-current-container > div span:first-child { 
   background: #333;
   color: #FFF;
   font-weight:bold;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   width:unset;
   padding: 4px 10px;
}

.jsonform form#produedit .image-current-container .fileinfo.current.float strong { display:inline-block }
.jsonform form#produedit .image-current-container .fileinfo.current.float span {
height: 100%;
display: inline-block;
background: #333;
color: #FFF;
font-weight: bold;
padding: 0 6px;
border-radius: 4px;
margin-right: 4px;
vertical-align: middle;
}

.jsonform form#produedit #produbar { background:#BBB; }
.jsonform form#produedit .navbar-group { list-style:none; margin:0; padding:0; display:inline-block; }
.jsonform form#produedit .action-group { display:inline-block; float:right; margin-right:10px; padding:10px 0; }
.jsonform form#produedit .action-group > span { display:inline-block; }
.jsonform form#produedit .action-group > span:first-child { margin-right:10px; }
.jsonform form#produedit .navbar-group li {
   display:inline-block;
   color: #BBB;
   font-family: "Century Gothic";
   font-size: 14px;
   font-weight: bold;
   background: #888;
   padding: 15px;
   margin-right: 1px;
}

.jsonform form#produedit .navbar-group li.active,
.jsonform form#produedit .navbar-group li:hover {
   background: #FFF;
   color: #333;
}

.jsonform form#produedit .navbar-group li a { color:#FFF; }
.jsonform form#produedit .navbar-group li i { margin-right:8px; }

.jsonform form#produedit .swcheckbox {
font-size: 12px;
background: #CEDCE9;
color: #7595B7;
text-align: center;
vertical-align: top;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: arial;
line-height: 30px;
margin: 4px 0;
}


/**** COTIZATION FORM (jsonform) ****/
#cotizedit-form-container {display:table; width:100%;}
.jsonform form#cotizedit .controls {margin:2px 0;}
.jsonform form#cotizedit .control-group {margin:1px 0;}
.jsonform form#cotizedit fieldset { width:50%; min-height:424px; background:#FFF; }
.jsonform form#cotizedit fieldset:first-child { border-right: 1px solid #DDD; }
   
.jsonform form#cotizedit fieldset .container { padding: 5px 22px; }

.jsonform form#cotizedit fieldset > legend .icon { display:inline; margin-right:10px; }
.jsonform form#cotizedit fieldset > legend {
   color: #FFF;
   font-family: "Century Gothic";
   font-size: 14px;
   font-weight:bold;
   float:left;
   border:none;
   margin-bottom:5px;
   background: #333;
   padding: 15px;
}

.jsonform form#cotizedit fieldset#client-data {}
.jsonform form#cotizedit fieldset#product-data {float:right; }
.jsonform form#cotizedit div#row-data {
   background:#FFF;
   padding:3px;
   margin-top:3px;
   -webkit-border-bottom-left-radius:6px;
   -webkit-border-bottom-right-radius:6px;
   -moz-border-bottom-left-radius:6px;
   -moz-border-bottom-right-radius:6px;
   border-bottom-left-radius:6px;
   border-bottom-right-radius:6px;
}

.jsonform form#cotizedit .add-generic,
.jsonform form#cotizedit .add-client { height:34px; width:5% !important; padding-right:0; line-height:32px; vertical-align:middle; }
.jsonform form#cotizedit .add-generic a,
.jsonform form#cotizedit .add-client a { 
   background: #777;
   color: #DDD;
   padding: 1px 7px;
   display: inline-block;
   -webkit-border-radius:4px;
      -moz-border-radius:4px;
           border-radius:4px;
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   height:30px;
}
.jsonform form#cotizedit .add-generic a:hover,
.jsonform form#cotizedit .add-client a:hover { background:#333 }
.jsonform form#cotizedit .add-generic,
.jsonform form#cotizedit .add-client a i { font-size:14px; }
.jsonform form#cotizedit .add-client a i { font-size:14px; }

.jsonform form#cotizedit .jsonform-error-producto,
.jsonform form#cotizedit .jsonform-error-empresa {width:95% !important; padding-left:0px;}
/* filter boxes */
.jsonform form#cotizedit span.with-currency::before {color:#E3E3E3; font-weight:bold; background:#777; font-family:"Century Gothic" }
.jsonform form#cotizedit fieldset span.with-currency::before { background:#777; }

.jsonform form#cotizedit span.with-percent::after {color:#E3E3E3; font-weight:bold; background:#777;  }
.jsonform form#cotizedit fieldset span.with-percent::after { background:#777; }

.jsonform form#cotizedit #cotizedit-elt-guardar ,
.jsonform form#cotizedit #cotizedit-elt-agregar ,
.jsonform form#cotizedit #cotizedit-elt-limpiar {padding-top:5px; padding-bottom: 5px; margin-top:5px}

.jsonform form#cotizedit fieldset #type-filter {text-align:right; min-height:26px; width:40%; display:inline-block; padding:4px 0; }
.jsonform form#cotizedit fieldset #type-filter .swcheckbox .display-block {padding-left:0; color: #777; margin:0; }
.jsonform form#cotizedit fieldset #type-filter .swcheckbox .display-block input {margin-right:4px;}
.jsonform form#cotizedit fieldset #type-filter .swcheckbox:first-child { margin-right:4px; }
.jsonform form#cotizedit fieldset #type-filter .swcheckbox {
   font-size:12px; padding-top:0;
   background: #DDD;
   padding: 5px 8px;
   text-align: center;
   -webkit-border-radius:4px;
      -moz-border-radius:4px;
           border-radius:4px;
}
.jsonform form#cotizedit fieldset #type-filter .swcheckbox label { line-height:1; }
.jsonform form#cotizedit fieldset #type-filter .swcheckbox span.switchery { margin-bottom:0.13em; }

.jsonform form#cotizedit .buildform-messagebox { display: block; width: 100%; }

.jsonform form#cotizedit fieldset .control-group select:disabled,
.jsonform form#cotizedit fieldset .control-group input:disabled,
.jsonform form#cotizedit fieldset .control-group textarea:disabled {color: #999;}

.jsonform form#cotizedit .add-on { font-weight: bold; color: #777; font-size: 12px; line-height:30px; }
.jsonform form#cotizedit .fotoprod {min-height:78px; width:11% !important; vertical-align:middle; }
.jsonform form#cotizedit .fotoprod img { margin:2px auto; border:1px solid #CCC; }
.jsonform form#cotizedit .fotoprod i {font-size:79px; margin:0 auto; color:#777; margin-top:-1px;}
.jsonform form#cotizedit .jsonform-error-desc_pr {float:right; width:88% !important;}
.jsonform form#cotizedit .jsonform-error-desc_pr textarea {resize:none}

.jsonform form#cotizedit .fcosto { float:right; }
.jsonform form#cotizedit .fcosto .controls span { margin-right:4px; display:inline-block; width:100%; text-align:center; }

.jsonform form#cotizedit .fcosto .controls label {
   margin-bottom: 0;
   vertical-align: middle;
   height: 30px;
   min-width: 50%;
   display: table-cell;
   font-size: 84%;
   font-family: "Century Gothic";
}

.jsonform form#cotizedit #date-filter .controls ,
.jsonform form#cotizedit #extra-data .descprov .controls {
   display: table;
   background: #DDD;
   padding: 4px;
   -webkit-border-radius:4px;
      -moz-border-radius:4px;
           border-radius:4px;
}
.jsonform form#cotizedit #date-filter .jsonform-error-entrega input { width: 50%; margin: auto 4px; }
.jsonform form#cotizedit #extra-data .descprov ul { list-style:none; margin:0; padding:0; }
.jsonform form#cotizedit #extra-data .descprov ul li { list-style:none; margin:0; padding:0; line-height:1.4; }
.jsonform form#cotizedit #extra-data .descprov .add-on { line-height:1; width:25%; display:inline-block; }
.jsonform form#cotizedit #extra-data .descprov label { 
   line-height:1; 
   width:75%; 
   display:inline-block; 
   text-align:left; 
   margin-bottom:0; 
   padding:3px;
   font-family: 'century gothic';
   font-size: 85%;
}

/* row inputs */
.jsonform form#cotizedit div#row-data .control-group .control-label {padding:5px; margin-top:0; text-align:center; color:#666}
.jsonform form#cotizedit div#row-data .control-group .controls { padding:0; text-align:center; margin:0}
.jsonform form#cotizedit div#row-data .control-group .controls input { width:90% }
.jsonform form#cotizedit div#row-data .control-group {margin:0; padding-right:0; padding-left:0; padding-bottom:5px; border-left:1px solid #E1E1E1; height: 72px;}
.jsonform form#cotizedit div#row-data .control-group.jsonform-error-row_cant {border-left:none;}
.jsonform form#cotizedit div#row-data .control-group .control-label::after {display:none}
.jsonform form#cotizedit div#row-data .cell-group-costo .section-group {padding-left:0}

.jsonform form#cotizedit div#row-data .control-group.rs4 { width:4% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs5 { width:5% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs6 { width:6% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs7 { width:7% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs8 { width:8% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs10 { width:10% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs12 { width:12% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs14 { width:14% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs16 { width:16% !important; }
.jsonform form#cotizedit div#row-data .control-group.rs18 { width:18% !important; }

.jsonform form#cotizedit div#row-data .control-group .cell-data>span { display:inline-block; width:90%; vertical-align:middle; line-height:31px; }
.jsonform form#cotizedit div#row-data .control-group .cell-data>span>label {
   display:inline-block;
   width:100%;
   text-align:right;
   padding:0 5px;
   font-weight:bold;
   -webkit-border-radius:3px;
      -moz-border-radius:3px;
           border-radius:3px;
}
.jsonform form#cotizedit div#row-data .control-group:not(:last-child) .cell-data>span>label { background: #E3E3E3; color: #777; }
.jsonform form#cotizedit div#row-data .control-group .row_ganan .cell-data>span>label { background: inherit; color: inherit; }
.jsonform form#cotizedit div#row-data .control-group .row.ganan.high .cell-data span label {background:#8AD299; color:#FFF;}
.jsonform form#cotizedit div#row-data .control-group .row.ganan.low  .cell-data span label {background:#E88E8D; color:#FFF;}

.jsonform form#cotizedit div#row-data .control-group .control-group {margin:0; padding-right:0; padding-left:0; padding-bottom:0; border-left:none; height:auto}

/**** MODAL - ADD GENERIC FORM (jsonform) ****/
#genericadd-form-container { background:#B5C7D9 !important; }
.jsonform.fixed form#genericadd > div .control-group { width:100% }

.jsonform.fixed form#genericadd #search-and-actions .jsonform-error-search { width:80% !important; }
.jsonform.fixed form#genericadd #search-and-actions .jsonform-error-search span { 
   display: inline;
   margin: 4px 0;
   color: #369;
   font-family: "Century Gothic";
   font-weight: bold;
}

.jsonform.fixed form#genericadd #search-and-actions #add-new-generic { width:20% !important; text-align:right }
.jsonform.fixed form#genericadd #search-and-actions #add-new-generic button {padding-top:4px; padding-bottom: 4px; margin-top:3px}

.jsonform.fixed form#genericadd #new-generic { display:none;}
.jsonform.fixed form#genericadd #new-generic #genericadd-elt-foto-browse { padding:6px 12px; }
.jsonform.fixed form#genericadd #new-generic .jsonform-error-foto { margin-bottom:15px; }
.jsonform.fixed form#genericadd #new-generic button:first-child { margin-right:5px }

/**** ADMIN ADD/EDIT PROVIDER FORM (jsonform) ****/
.jsonform.fixed form#providadmin .jsonform-error-nombre { width:30% !important; }
.jsonform.fixed form#providadmin .jsonform-error-codigo { width:20% !important; }
.jsonform.fixed form#providadmin .jsonform-error-codigoweb { width:20% !important; }
.jsonform.fixed form#providadmin .jsonform-error-vigencia { width:11% !important; }
.jsonform.fixed form#providadmin .jsonform-error-observacion { width:100% !important; }
.jsonform.fixed form#providadmin .jsonform-error-observacion textarea { resize:none; }
.jsonform.fixed form#providadmin .swcheckbox {
   font-size: 12px;
   padding-top: 0;
   background: #E3E3E3;
   padding: 6px;
   text-align: center;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   margin: 6px 2px;
   height: 32px;
   width: 15% !important;
   float:right;
}

/**** ADMIN ADD/EDIT CLIENT FORM (jsonform) ****/
.jsonform.fixed form#clientadmin .jsonform-error-actividad { width:25% !important; }
.jsonform.fixed form#clientadmin .jsonform-error-tipo_empr { width:25% !important; }
.jsonform.fixed form#clientadmin .jsonform-error-ejecutivo { width:15% !important; }
.jsonform.fixed form#clientadmin .jsonform-error-observacion { width:100% !important; }
.jsonform.fixed form#clientadmin .jsonform-error-observacion textarea { resize:none; }
.jsonform.fixed form#clientadmin #company-conditions { display:inline-block; padding-left:10px; width:34% !important; text-align:right; margin-right:4px; float:right;}
.jsonform.fixed form#clientadmin #company-conditions .swcheckbox:last-child { margin-right:0; }
.jsonform.fixed form#clientadmin #company-conditions .swcheckbox:first-child { margin-left:0; }
.jsonform.fixed form#clientadmin #company-conditions .swcheckbox {
   font-size: 11px;
   padding-top: 0;
   background: #E3E3E3;
   padding: 6px;
   text-align: center;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   margin: 6px 1px;
   height: 31px;
   width: 33% !important;
}

/**** MODAL - ADD CONTACT FORM (jsonform) ****/
#maestro-rsocial-container { background:#B5C7D9 !important; }
#rsocialadd-elt-rsocialjsonform-error-rsocial  { margin-bottom:3px; }

/**** MODAL - ADD CONTACT FORM (jsonform) ****/
#maestro-lentrega-container { background:#B5C7D9 !important; }

/**** MODAL - ADD CONTACT FORM (jsonform) ****/
#maestro-contacto-container { background:#B5C7D9 !important; }
#contactadd-elt-news.swcheckbox {
   font-size: 12px;
   background: #CEDCE9;
   color: #7595B7;
   text-align: center;
   vertical-align: top;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   font-family: arial;
   line-height:31px;
}
#contactadd-elt-news.swcheckbox label span.switchery { margin-bottom:3px; }
#contact-props { margin-bottom:10px; }

/**** MODAL - LABEL DATA FORM (jsonform) ****/
#labeldata-elt-logo.swcheckbox {
   font-size: 12px;
   background: #CEDCE9;
   color: #7595B7;
   text-align: center;
   vertical-align: top;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   font-family: arial;
   line-height:31px;
   margin:7px 0;
   margin-left:7px;
   width: 45% !important;
   float:right;
}
#labeldata-elt-logo.swcheckbox label span.switchery { margin-bottom:3px; }

/**** MODAL - ADD REMITO MASSIVE FORM (jsonform) ****/
#remitogen-form-container { background:#B5C7D9 !important; }
.jsonform.fixed form#remitogen .jsonform-error-observaciones {width:100%}
.jsonform.fixed form#remitogen .jsonform-error-observaciones textarea {resize:none}
.jsonform.fixed form#remitogen .jsonform-error-razon_social .select2-selection__placeholder,
.jsonform.fixed form#remitogen .jsonform-error-razon_social .select2-selection__rendered,
.jsonform.fixed form#remitogen .jsonform-error-lugar_entrega .select2-selection__placeholder,
.jsonform.fixed form#remitogen .jsonform-error-lugar_entrega .select2-selection__rendered,
.jsonform.fixed form#remitogen .jsonform-error-contacto .select2-selection__placeholder,
.jsonform.fixed form#remitogen .jsonform-error-contacto .select2-selection__rendered,
.jsonform.fixed form#remitogen .jsonform-error-transporte .select2-selection__placeholder,
.jsonform.fixed form#remitogen .jsonform-error-transporte .select2-selection__rendered
{ font-size: 14px; font-family: arial; }

.jsonform.fixed #item-table { font-size:12px; margin-bottom:5px; }
.jsonform.fixed #item-table .detail-column { display:table-cell; width:35%; vertical-align:top; padding:0; }
.jsonform.fixed #item-table .detail-column:not(:first-child) { padding-left:1px; }
.jsonform.fixed #item-table .detail-column .detail-column-header{ text-align:center; background-color:#336699; padding:5px; }
.jsonform.fixed #item-table .detail-column:nth-child(1) { width:10%; text-align:center; } 
.jsonform.fixed #item-table .detail-column:nth-child(3) { width:10%; text-align:center; } 
.jsonform.fixed #item-table .detail-column:nth-child(4) { width:10%; text-align:center; } 

.jsonform.fixed #item-table .detail-column > div.cell:not(:first-child) { 
   line-height:30px; 
   background:#7595b7;
   width: 100%;
   margin: 0 0 1px 0;
   padding: 4px;
}

.jsonform.fixed #item-table .detail-column > div.cell:not(:first-child) span:not(.top.error) { 
   width: 100%;
   line-height:20px; 
   margin-top:4px;
   display: inline-block;
   vertical-align: top;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.jsonform.fixed #item-table .detail-column div.cell input { width:100%; vertical-align: top; margin: 0 auto; }

/**** MODAL - ADD REMITO FORM (jsonform) ****/
#remitoadd-form-container { background:#B5C7D9 !important; }
.jsonform.fixed form#remitoadd .jsonform-error-nro_remito    { width:28% !important; }
.jsonform.fixed form#remitoadd .jsonform-error-cantidad      { width:28% !important; }
.jsonform.fixed form#remitoadd .jsonform-error-transporte    { width:44% !important; }
.jsonform.fixed form#remitoadd .jsonform-error-fecha_remito  { width:28% !important; }
.jsonform.fixed form#remitoadd .jsonform-error-fecha_remito  label { text-align:left; }
.jsonform.fixed form#remitoadd .jsonform-error-fecha_remito  input { padding-right:28px !important; }
.jsonform.fixed form#remitoadd .jsonform-error-fecha_entrega { width:28% !important; }
.jsonform.fixed form#remitoadd .jsonform-error-fecha_entrega label { text-align:left; }
.jsonform.fixed form#remitoadd .jsonform-error-fecha_entrega input { padding-right:28px !important; }
.jsonform.fixed form#remitoadd .jsonform-error-hora_entrega  { width:22% !important; }
.jsonform.fixed form#remitoadd .jsonform-error-hora_entrega  label { text-align:left; }
.jsonform.fixed form#remitoadd .jsonform-error-hora_entrega  input { padding-right:28px !important; }

.jsonform.fixed form#remitoadd .jsonform-error-transporte .select2-selection__placeholder,
.jsonform.fixed form#remitoadd .jsonform-error-transporte .select2-selection__rendered
{ font-size: 14px; font-family: arial; }

#remitoadd-elt-firmado.swcheckbox {
   font-size: 12px;
   background: #CEDCE9;
   color: #7595B7;
   text-align: center;
   vertical-align: top;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   font-family: arial;
   line-height:30px;
   margin-top:28px;
   width: 20% !important;
   float: right;
}

#remitoadd-elt-firmado.swcheckbox label span.switchery { margin-bottom:3px; }

/**** MODAL - ADD CLIENT FORM (jsonform) ****/
#clientadd-form-container { background:#B5C7D9 !important; }
.jsonform.fixed form#clientadd > div .control-group { width:100% }
.jsonform.fixed form#clientadd .jsonform-error-cond_pago { width:73% !important }
.jsonform.fixed form#clientadd #company #clientadd-elt-iva_incluido {
   font-size: 12px;
   padding-top: 0;
   background: #E3E3E3;
   padding: 6px;
   text-align: center;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   margin: 6px 0;
   height: 32px;
   width: 25% !important;
   float: right;
}
.jsonform.fixed form#clientadd #company #clientadd-elt-iva_incluido label {
   color: #6A7F95;
   font-family: arial;
   font-size: 12px;
   margin-bottom: 0;
   vertical-align: middle;
}

/**** ADMIN ADD/EDIT GENERIC PRODUCT FORM (jsonform) ****/
.jsonform.fixed form#genericadmin .jsonform-error-nombre         { width:66% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-moneda         { width:10% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-costo          { width:10% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-fcosto         { width:14% !important; }
/*.jsonform.fixed form#genericadmin .jsonform-error-proveedor   { width:33% !important; }*/
.jsonform.fixed form#genericadmin .jsonform-error-descripcion    { width:100% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-foto .info     { line-height: 0.8 !important; width:20% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-foto .fileinfo { line-height: 1.9 !important; width:80% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-foto .fileinfo.new { width:50% !important; }
.jsonform.fixed form#genericadmin .jsonform-error-foto .fileinfo.current { width:30% !important; background:#66BB6A; }

/**** ADMIN ADD/EDIT PROVIDER FORM (jsonform) ****/
#contactadd-elt-tipo { display: inline-table; border-spacing:1px 0px; border-collapse:separate; }
#contactadd-elt-tipo label.radio:hover { background:#5D6770; }
#contactadd-elt-tipo label.radio:active { background:#535D65; }
#contactadd-elt-tipo label.radio.active { background:#5D6770; cursor:default; }
#contactadd-elt-tipo label.radio {
   color: #FFF;
   padding: 5px 10px;
   font-size: 12px;
   height: 31px;
   font-family: "Century Gothic";
   background: #909FAE;
   display:table-cell;
   webkit-box-shadow: none;
   box-shadow: none;
   -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
           border-radius: 0px;
}
#contactadd-elt-tipo label.radio:first-child {
   margin-right: 1px;
   -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
           border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
           border-bottom-left-radius: 4px;
}
#contactadd-elt-tipo label.radio:last-child {
   -webkit-border-top-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
           border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
           border-bottom-right-radius: 4px;
}

/**** SISTTRANSFER FORM (jsonform) ****/
.jsonform.fixed form#config { width: 100%; }
#config .jsonform-error-obserdef { width: 100% !important; height:20% !important; }
#config .jsonform-error-extrapdf {width:50% !important;}
#config .jsonform-error-vigcotiz {width:16.66% !important;}
#config .jsonform-error-vigcotiz b { position:absolute; margin-left:-36px; line-height:30px; color:#666; }
#config .jsonform-error-extrapdf .fileinfo { line-height: 1.96 !important; }
#config .jsonform-error-extrapdf .info { line-height: 1 !important; padding: 8px 14px; font-size: 12px; }


/**** SISTTRANSFER FORM (jsonform) ****/
.jsonform.fixed form#transfer { width: 100% !important; }

/**** ADMIN ADD/EDIT PROFILE FORM (jsonform) ****/
#profileadmin #permission-data { height:200px; margin-bottom: 10px; }
#profileadmin .jsonform-error-proc_disp ,
#profileadmin .jsonform-error-proc_perm { width: 44% !important; height:inherit; }
#profileadmin .jsonform-error-labelcolor{ width: 10% !important; }
#profileadmin .jsonform-error-labelcolor .sp-dd { width:50%; text-align:right; font-size:14px; height:20px; padding:2px 4px; }
#profileadmin .jsonform-error-labelcolor .sp-replacer {
   vertical-align: middle;
   padding: 5px;
   color:#777;
   border: unset;
   width:100%;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
}
#profileadmin .jsonform-error-labelcolor .sp-replacer:hover,
#profileadmin .jsonform-error-labelcolor .sp-replacer:active {color:#777}
#profileadmin .jsonform-error-labelcolor .sp-preview { width:50%; margin-right:0; border:unset; }
#profileadmin .jsonform-error-labelcolor .sp-preview .sp-preview-inner {
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
}

#profileadmin .jsonform-error-proc_disp .controls ,
#profileadmin .jsonform-error-proc_perm .controls,
#profileadmin .jsonform-error-proc_perm .controls,
#profileadmin .jsonform-error-proc_disp select,
#profileadmin .handlers .controls { height:inherit; display:block; }
#profileadmin .jsonform-error-proc_perm select { height:inherit; }
#profileadmin #permission-data .handlers { width: 12% !important; height:inherit; }
#profileadmin #permission-data .handlers ul { display:block; margin:0; height:inherit; width:inherit; }

#profileadmin #permission-data ul li { display:block; margin:0; padding:1px 0; height:50%; width:inherit; background:none; }
#profileadmin #permission-data ul li .btn { width:inherit; height:100%; line-height: 6; }

#profileadmin #permission-data .destiny { border:none; background:#F6F6F6; }
#profileadmin #permission-data .destiny div { padding:5px; }
#profileadmin #permission-data .destiny div.odd { background:#EEE; }
#profileadmin #permission-data .destiny div * { display:inline-block; float:none; background:none; }
#profileadmin #permission-data .destiny div label { margin-bottom:0; font-weight:normal; }


/* ------------------------------------------------------------------------------
*  # Utilites
* ---------------------------------------------------------------------------- */
.rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate-45-inverse {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.rotate-90-inverse {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.rotate-180-inverse {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
.spinner-reverse {
  display: inline-block;
  -webkit-animation: rotation_reverse 1s linear infinite;
  -o-animation: rotation_reverse 1s linear infinite;
  animation: rotation_reverse 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotation {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotation {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotation_reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotation_reverse {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-ms-keyframes rotation_reverse {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-360deg);
  }
}
@-o-keyframes rotation_reverse {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-360deg);
  }
}
@keyframes rotation_reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/****************************************************
/*  OTHER DEVICES STYLES (netbook/small windows)
****************************************************/
@media only screen and (max-width: 1500px) {
}

/****************************************************
/*  OTHER DEVICES STYLES (cellphones/tablets)
****************************************************/
@media only screen and (max-width: 1024px) {
  #welcome-video .modal-dialog {width:95%;}
}

@media only screen and (max-width: 900px) {
  #welcome-video .modal-dialog {width:90%;}
  #page-container .jsonform form#signup #basic-info #address-data .jsonform-error-address { width:33.33%; }
  #page-container .jsonform form#signup #basic-info #address-data .jsonform-error-city { width:33.33%; }
  #page-container .jsonform form#signup #basic-info #address-data .jsonform-error-zip_code { width:33.33%; padding-right:0 }
  #page-container .jsonform form#signup #basic-info #address-data .jsonform-error-country { width:50%; padding-left:0; padding-right:0 }

  #page-container .jsonform form#signup #basic-info #phone-data .jsonform-error-telcode { width:19%; }
  #page-container .jsonform form#signup #basic-info #phone-data .jsonform-error-telnumber { width:28%; }

  #page-container .jsonform form#signup #additional-questions .kv-file-content {visibility:hidden; width:1px; padding:0}
}

@media only screen and (max-width: 500px) {
  .dl-horizontal dd { margin-left: 161px; }

  .header-login p.navbar-text { padding: 24px 20px; position: absolute; float: right; right: 32px;}
  
  #page-container .panel-flat { width: 100%; }
  #page-container .page-container { padding:0; }
}