/* DEFAULTS
----------------------------------------------------------*/

:root { --blue: #1266b2; --orange: #e55a00; --green-dark: #3d6b4f; --green: #44a654; --gray-bg: #f5f5f5; --gray-line: #e0e0e0; --gray-mid: #888; --gray-dark: #444; --text: #222; --white: #fff; --beige: #f4ede0; --font: 'Montserrat',sans-serif; --r: 6px; --max: 1160px; }
body { font-family: var(--font); color: var(--text); background: var(--white); font-size: 14px }
a { text-decoration: none; color: inherit; cursor: pointer }
button { font-family: var(--font); cursor: pointer }

html,
body,
form { margin: 0; padding: 0; height: 100%; /*background-color: #efeff0;*/ }

body { font-size: 11px; /*font-family: Trebuchet MS, "Segoe UI", "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;*/ font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, Tahoma, "Segoe UI", "Lucida Grande", Verdana, sans-serif; margin: 0px; padding: 0px; color: #696969; width: 100%; }

/*a:link, a:visited { color: #2052c9; }

a:hover { color: #1d60ff; text-decoration: none; }

a:active { color: #034af3; }
*/
p { margin-bottom: 10px; line-height: 1.6em; }

.Link { cursor: pointer; color: #2052c9; text-decoration: underline; }
.Link:link, .Link:visited { color: #2052c9; }

.Link:hover { color: #1d60ff; text-decoration: none; }

.Link:active { color: #034af3; }

input, a { outline: none; }


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #666666; /*font-variant: small-caps;*/ text-transform: none; font-weight: 200; margin-bottom: 0px; }

h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }

h2 { font-size: 1.5em; font-weight: 600; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

textarea { overflow: auto; padding: 1px; /*font-family: Trebuchet MS, "Segoe UI", "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;*/ font-family: Tahoma, Helvetica, "Helvetica Neue", "Segoe UI", "Lucida Grande", Arial, Verdana, sans-serif; }


/* FORM ELEMENTS   
----------------------------------------------------------*/

.clear { clear: both; }


ul.CustomBullet { list-style-image: url('../Images/bullet.png'); }
ul.CustomBullet li { vertical-align: middle; }

.EditableHeader { min-height: 25px; }
.EditableContent { background-color: transparent; position: relative; }
.EditableImage { background-color: transparent; position: relative; min-height: 150px; padding-right: 12px; padding-bottom: 2px; }
.EditableImageContainer { width: 250px; vertical-align: middle; padding: 5px 15px 5px 5px; }

.ImageBorder { /*border-top: 1px solid lightgray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 5px;*/ }

.Image { text-align: center; vertical-align: middle; width: 100%; margin: 5px 8px 5px 5px; }

.EditableContentImg img { float: right; margin-top: -20px; display: none; cursor: pointer; border-width: 0px; height: 24px; width: 24px; }

.SaveButton { display: none; }
.PendingChanges { text-align: right; }
.PendingChanges div { display: none; background-color: #FFFF66; padding: 5px; }
.PendingChanges p { color: red; font-size: 14px; display: inline; margin: 10px; }

.edit-overlay { background-color: #000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; cursor: pointer; z-index: 99999; }
.edit-overlay p { color: #fff !important; text-align: center; font-size: 16px !important; font-family: Tahoma, Arial !important; }


.AdminPageTitle { margin-top: 5px; margin-bottom: 20px; font-size: 22px; color: #000; font-variant: normal; }


fieldset { padding: 5px; }
fieldset legend { color: #696969; }

input[type=text], input[type=file], input[type=password], select, textarea, .ui-combobox-input { border: 1px solid #ccc; }


.AdminTable { width: 100%; }
.AdminTable td, .AdminTable th { padding: 10px 5px; border-color: #E0E0E0; }
.AdminTable th, .AdminTable th a { border-bottom: 1px solid gray !important; /*color: #000 !important;*/ }
.AdminTable .AdminTableBodyRow { cursor: pointer; }
.AdminTable .AdminTableHeaderRow { background-color: #fff; }
.AdminTable .AdminTableBodyRow:hover { background-color: #f5f5f5 !important; }
.AdminTableEditionCell a { margin: 0 5px; }
.AdminTableClickeableCellLowPadding { padding: 3px !important; }
.AdminPagerRow { height: 30px; padding: 0px !important; }
.AdminPagerRow span, .AdminPagerRow a { padding: 5px; font-size: 13px; }
.AdminPagerRow td { padding: 0px !important; }
.LnkPrevPageDisabled, .LnkNextPageDisabled { color: #cecece !important; cursor: default; }

.UpdateProgress { width: 100%; height: 100%; min-height: 410px; text-align: center; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 0px; left: 0px; z-index: 99; }
.UpdateProgress .loading-indicator { margin-top: 160px; display: inline-block; }

img { border-width: 0px; }
.ThreeColumnsWith35Gap { -moz-column-count: 3; -moz-column-gap: 35px; -webkit-column-count: 3; -webkit-column-gap: 35px; column-count: 3; column-gap: 35px; -ms-column-count: 3; -ms-column-gap: 35px; }



.RedButton { color: #fff !important; font-size: 16px; font-family: 'oswaldbold'; font-weight: normal; text-decoration: none; height: 46px; display: block; text-align: center; line-height: 46px; cursor: pointer; }
.RedButton.x80 { width: 80px; background: url(../Images/button-80.png) no-repeat; }
.RedButton.x123 { width: 123px; background: url(../Images/button-123.png) no-repeat; }
.RedButton.x173 { width: 173px; background: url(../Images/button-173.png) no-repeat; }
.RedButton.x217 { width: 217px; background: url(../Images/button-217.png) no-repeat; }
.RedButton.x110.small { height: 30px; line-height: 30px; font-size: 14px; width: 111px; background: url(../Images/button-110-small2.png) no-repeat; }
.RedButton.dynamic { background: url(../Images/button-bg.png) repeat-x; border-radius: 5px; background-position: center; }


/* The CSS */
.CustomSelect { position: relative; background: #fff; overflow: hidden; }
.CustomSelect select { padding: 3px; margin: 0; background: #fff; color: #909090; font-size: 13px; font-family: 'oswaldregular'; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 12px 0 12px 8px; }

.CustomSelect label { position: relative; }
.CustomSelect label:after { content: '>'; font: 25px "Consolas", monospace; color: #909090; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 11px; top: -12px; padding: 0 0 2px; border-bottom: 1px solid #909090; position: absolute; pointer-events: none; }
.CustomSelect label:before { content: ''; right: 1px; top: -16px; width: 28px; height: 44px; background: #fff; position: absolute; pointer-events: none; display: block; }

/*-------------------*/


@font-face { font-family: 'oswaldbold'; src: url('fonts/oswald-bold-webfont.eot'); src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-bold-webfont.woff') format('woff'), url('fonts/oswald-bold-webfont.ttf') format('truetype'), url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'oswaldlight'; src: url('fonts/oswald-light-webfont.eot'); src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-light-webfont.woff') format('woff'), url('fonts/oswald-light-webfont.ttf') format('truetype'), url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'oswaldregular'; src: url('fonts/oswald-regular-webfont.eot'); src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; }

/* para que cuando se hace scroll con el tinyscroll no se seleccione el texto */
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#Empresa h1 { font-family: 'oswaldbold'; font-weight: normal; font-size: 20px; color: #909090; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; font-variant: normal; }
#Empresa h2 { display: inline; line-height: 35px; font-family: 'oswaldbold'; font-weight: normal; font-size: 20px; color: #909090; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; font-variant: normal; }
#Empresa p { margin-top: 15px; font-family: 'Open Sans', sans-serif; font-size: 12px; }

.ui-widget-overlay { background: none !important; }
.ui-dialog { z-index: 9999; border-radius: 0px !important; border-color: #cccccc; padding: 20px; min-width: 450px; -webkit-box-shadow: 0px -5px 18.06px 2.94px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -5px 18.06px 2.94px rgba(0, 0, 0, 0.15); box-shadow: 0px -5px 18.06px 2.94px rgba(0, 0, 0, 0.15); }
.ui-dialog .ui-icon { background-image: url(../Images/popup-close.png); width: 25px; height: 25px; background-position: 0 0; }
.ui-dialog .ui-dialog-titlebar-close { background: none; border: none; top: 5px; width: 25px; height: 25px; }
.ui-dialog .ui-dialog-titlebar { background: none; border: none; font-family: 'oswaldbold'; font-weight: normal; font-size: 13px; color: #909090; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; border-radius: 0; margin: .4em 1em; padding: 0; padding-bottom: 10px; }
.ui-dialog .ui-dialog-title { margin: .3em 0; }
.ui-dialog .ui-dialog-content { margin: 17px 5px; font-family: 'Open Sans', sans-serif; font-size: 13px; }
.ui-dialog .ui-dialog-buttonpane { border: none; }
.ui-dialog .ui-dialog-buttonset button { color: #7b7b7b !important; font-size: 16px; font-family: 'oswaldbold'; font-weight: normal; text-decoration: none; height: 39px; width: 138px; text-align: center; line-height: 39px; cursor: pointer; background: url(../Images/button-popup.png) no-repeat; border: none; border-radius: 0; text-transform: uppercase; }
.ui-dialog button { outline: none; border: none; }


.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1140; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop,
.modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); }
.modal { position: fixed; top: 10%; left: 50%; z-index: 1150; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; }
.modal.fade.in { top: 10%; }
.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; }
.modal-header .close { margin-top: 2px; }
.modal-header h3 { margin: 0; line-height: 30px; }
.modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #333; }
.modal-form { margin-bottom: 0; }
.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; }
.modal-footer:before,
.modal-footer:after { display: table; line-height: 0; content: ""; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-header .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.modal-header button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.fade.in { opacity: 1; }

.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; }

.collapse.in { height: auto; }

/* ── CustomAlert / CustomConfirm ── */

#CustomAlertMessage .modal-content,
#CustomConfirmMessage .modal-content { padding: 0; border: none; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,.22); overflow: hidden; }

#CustomAlertMessage .modal-header,
#CustomConfirmMessage .modal-header { background: none; border: none; border-bottom: 1px solid var(--gray-line); border-radius: 0; margin: 0; padding: 18px 22px; }

#CustomAlertMessage .modal-title,
#CustomConfirmMessage .modal-title { font: 700 15px/1 var(--font); color: var(--blue); text-transform: none; margin: 0; }

#CustomAlertMessage .modal-header .close,
#CustomConfirmMessage .modal-header .close { color: var(--gray-mid); font-size: 22px; font-weight: 400; line-height: 1; opacity: 1; text-shadow: none; margin-top: 0; transition: color .15s; }
#CustomAlertMessage .modal-header .close:hover,
#CustomConfirmMessage .modal-header .close:hover { color: var(--orange); }

#CustomAlertMessage .modal-body,
#CustomConfirmMessage .modal-body { padding: 20px 22px; font-family: var(--font); font-size: 14px; color: var(--gray-dark); overflow: hidden; }

#CustomAlertMessage .modal-footer,
#CustomConfirmMessage .modal-footer { background: none; border: none; border-top: 1px solid var(--gray-line); padding: 14px 22px; display: flex; justify-content: flex-end; gap: 8px; }

#CustomAlertMessage .modal-footer .btn,
#CustomConfirmMessage .modal-footer .btn { background: none !important; background-image: none !important; border: 1px solid var(--gray-line) !important; border-radius: 7px; padding: 9px 20px; height: auto; width: auto; line-height: 1; font: 600 12px/1 var(--font); color: var(--gray-mid) !important; text-transform: none; text-shadow: none; box-shadow: none; cursor: pointer; transition: border-color .15s, color .15s; }

#CustomAlertMessage .modal-footer .btn.btn-primary,
#CustomConfirmMessage .modal-footer .btn.btn-primary { background: var(--orange) !important; border-color: var(--orange) !important; color: #fff !important; }
#CustomAlertMessage .modal-footer .btn.btn-primary:hover,
#CustomConfirmMessage .modal-footer .btn.btn-primary:hover { background: #cc4f00 !important; border-color: #cc4f00 !important; }

.placeholder { z-index: 889; }