@charset "utf-8";

/** MODAL CONFIRM **/
#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee;}

/* Container */
#confirm-container {height:285px; width:480px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px; box-sizing: initial;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); color:#fff; font-weight:bold; position: inherit; padding: inherit;}
#confirm-container .header span {padding-left:16px;font-size:15px;font-weight:bold;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:16px; min-height: 45px; text-align: center;}
#confirm-container .message span {float: left; font-size:12px; padding:2px 0 4px 0; width:40%; text-align:left;}
#confirm-container .message span.title {width:37%; margin-left:20%; text-align:left; font-weight:bold;}
#confirm-container .message span.complet  {width:60%; margin-left:8px; text-align:left;}
#confirm-container .message span.complet2 {width:90%; margin: 8px 0 0 8px; text-align:center; font-weight:bold;}
#confirm-container .message span.payment-mgs {width:95%; margin: 10px 0 4px 8px; text-align:center; font-size: 11px; color: #838383; font-style: italic;}
#confirm-container .message span.payment-total1 {clear:left; width:22%; margin-left:12% ; text-align:left; }
#confirm-container .message span.payment-total2 {width:40%; margin-left:8px; text-align:left; font-weight: bold;}
#confirm-container .message span.check {width:23%; text-align:right;}
#confirm-container .message span.login-mgs  {float:left; clear: left; width:20%; margin-left:11%; margin-bottom: 2px; text-align:left;}
#confirm-container .message input.login-mgs {float:left; width:50%; margin-bottom: 2px;}
#confirm-container .message label {padding:2px 0 4px 0; width:40%; text-align:left; font-weight:bold;}
#confirm-container .message p {margin-bottom: 8px;}
#confirm-container .modal-buttons {line-height:26px; width:100%; float:right; padding:16px; display: flex; justify-content: center;}
#confirm-container .modal-buttons div {float:left; margin:0 4px; padding:0 6px 0 6px; min-width:70px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#confirm-container .modal-buttons div:hover {text-decoration: underline; background: #4F70A8; background: -webkit-linear-gradient(#345793, #4F70A8); background: -moz-linear-gradient(#345793, #4F70A8);
}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:16px; top:3px; color:#fff;font-size:18px;}
#confirm-container a.modal-close:hover {color:#ccc;}


/** MODAL ALERT **/
#alert {display:none;}

/* Overlay */
#alert-overlay {background-color:#eee;}

/* Container */
#alert-container {min-height:150px; width:420px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px; box-sizing: initial; }
#alert-container .header {height:30px; line-height:30px; width:100%; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); color:#fff; font-weight:bold; position: inherit; padding: inherit;}
#alert-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#alert-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; min-height: 68px; text-align: center;}
#alert-container .message label.simple-title {float: left; clear: both; margin-left: 20px; margin-bottom: 10px;}
#alert-container .message label.simple-text {float: left; clear: both; margin-left: 20px; margin-bottom: 8px;}
#alert-container .message label.simple-text a:hover {color: #990033; cursor: pointer;}
#alert-container .modal-buttons {line-height:26px; width:100%; float:right; padding:10px 8px;} 
#alert-container .modal-buttons div {float:left; margin-left:44%; width:70px; height:28px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#alert-container .modal-buttons div:hover {text-decoration: underline;}
#alert-container a.modal-close,
#alert-container a.modal-close:link,
#alert-container a.modal-close:active,
#alert-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#alert-container a.modal-close:hover {color:#ccc;}
#alert-container a#lnkPrivacyPolicy {text-decoration:none; color: #990033;}
#alert-container a#lnkGeneralConditions{text-decoration:none; color: #990033;}
#alert-container.only_text { width:560px !important; }
#alert-container.only_text .message {padding: 15px 18px 10px 18px; text-align: justify; line-height: 21px;}


/** MODAL DIALOG **/
#dialog {display:none;}

/* Overlay */
#dialog-overlay {background-color:#eee;}

/* Container */
#dialog-container { height:285px; width:380px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px; box-sizing: initial; padding-bottom: 20px; }
#dialog-container .header {height:30px; line-height:30px; width:100%; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); color:#fff; font-weight:bold; position: inherit; padding: inherit;}
#dialog-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#dialog-container .message {color:#333; font-size:14px; margin:0; padding:12px; min-height: 45px; text-align: center; line-height: 18px;}

#dialog-container .message > span:not(.tagContainer){
    float: left; font-size:12px; padding:2px 0 4px 0; width:40%; text-align:left;
}
#dialog-container .message span.payment-mgs {width:95%; margin: 10px 0 4px 8px; text-align:center; font-size: 11px; color: #838383; font-style: italic;}
#dialog-container .message span.title {width:85%; margin-left:9%; text-align:left; font-weight:bold;}
#dialog-container .message span.input {width:85%; margin-left:9%; margin-bottom:6px;  text-align:left;}
#dialog-container .message span.input input {width:95%;}
#dialog-container .message b { font-weight: bold; }
#dialog-container .modal-buttons {line-height:26px; clear: both; display: table; padding:12px 8px 15px 0; margin: 0 auto; }
#dialog-container .modal-buttons div {float:left; display: table-cell; margin-left:4px; padding:0 6px 0 6px; width: auto; min-width:70px; height:28px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none; text-transform:capitalize; cursor: pointer;}
#dialog-container .modal-buttons div:hover {text-decoration: underline;}
#dialog-container a.modal-close,
#dialog-container a.modal-close:link,
#dialog-container a.modal-close:active,
#dialog-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#dialog-container a.modal-close:hover {color:#ccc;}


/** MODAL DIALOG **/
#dialog2 {display:none;z-index:99999;}

/* Overlay */
#dialog2-overlay {background-color:#eee;z-index:99999;}

/* Container */
#dialog2-container {height:285px; width:460px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px; z-index:99999; box-sizing: initial; padding-bottom: 20px; }
#dialog2-container .header {height:30px; line-height:30px; width:100%; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); color:#fff; font-weight:bold; position: inherit; padding: inherit;}
#dialog2-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#dialog2-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; height: 45px; text-align: center;}
#dialog2-container .message span {float: left; font-size:12px; padding:2px 0 4px 0; width:40%; text-align:left;}
#dialog2-container .message span.title {width:85%; margin-left:9%; text-align:left; font-weight:bold;}
#dialog2-container .message span.input {width:85%; margin-left:9%; margin-bottom:6px;  text-align:left;}
#dialog2-container .message span.input input {width:95%;}
#dialog2-container .modal-buttons {line-height:26px; clear: both; display: table; padding:21px 8px 15px 0; margin: 0 auto;} 
#dialog2-container .modal-buttons div {float:left; display: table-cell; margin-left:4px; padding:0 6px 0 6px; width:70px; height:26px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#dialog2-container .modal-buttons div:hover {text-decoration: underline;}
#dialog2-container a.modal-close,
#dialog2-container a.modal-close:link,
#dialog2-container a.modal-close:active,
#dialog2-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#dialog2-container a.modal-close:hover {color:#ccc;}

/** MODAL LOGIN **/
#login-modal {display:none;}

/* Overlay */
#login-modal-overlay {background-color:#eee;}

/* Container */
#login-modal-container {height:285px; width:480px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; background:#fff; border:1px solid #999999; border-radius: 4px; box-sizing: initial; padding-bottom: 20px;}
#login-modal-container .header {height:30px; line-height:30px; width:100%; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); color:#fff; font-weight:bold; position: inherit; padding: inherit;}
#login-modal-container .header span {padding-left:8px;font-size:15px;font-weight:bold;}
#login-modal-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; min-height: 45px; text-align: center;}
#login-modal-container .message span {float: left; font-size:12px; padding:2px 0 4px 0; width:40%; text-align:left;}
#login-modal-container .message span.title {width:37%; margin-left:20%; text-align:left; font-weight:bold;}
#login-modal-container .message span.complet  {width:60%; margin-left:8px; text-align:left;}
#login-modal-container .message span.complet2 {width:90%; margin: 8px 0 0 8px; text-align:center; font-weight:bold;}
#login-modal-container .message span.check {width:23%; text-align:right;}
#login-modal-container .message span.login-mgs  {float:left; clear: left; width:20%; margin-left:11%; margin-bottom: 2px; text-align:left;}
#login-modal-container .message input.login-mgs {float:left; width:50%; margin-bottom: 2px;}
#login-modal-container .message label {padding:2px 0 4px 0; width:40%; text-align:left; font-weight:bold;}
#login-modal-container .modal-buttons {line-height:26px; width:100%; float:right; padding:10px 8px 15px 0;} 
#login-modal-container .modal-buttons div {float:left; margin-left:4px; padding:0 6px 0 6px; min-width:70px; height:26px; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background: #7594C7; background: -webkit-linear-gradient(#79A4EA, #7594C7); background: -moz-linear-gradient(#79A4EA, #7594C7); border:1px solid #bbb; border-radius: 4px; cursor:pointer; text-decoration:none;}
#login-modal-container .modal-buttons div:hover {text-decoration: underline;}
#login-modal-container a.modal-close,
#login-modal-container a.modal-close:link,
#login-modal-container a.modal-close:active,
#login-modal-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;font-size:18px;font-weight:bold;}
#login-modal-container a.modal-close:hover {color:#ccc;}


/* Commision table */
table#commision_modal{border-collapse: collapse; line-height: 20px; text-align: center; font-size: 13px; padding: 5px; width: 830px; margin: 25px 10px 20px 10px; float: left;}
table#commision_modal th {border-bottom: 1px solid #000;}
table#commision_modal th:first-child {border-right: 1px solid #000;}
table#commision_modal td:first-child {border-right: 1px solid #000;height: 27px;}
table#commision_modal td.capitalize {text-transform: capitalize;}
table#commision_modal td.foot {border-top: 1px solid #000;}
table#commision_modal td.foot:first-child {border-right: 1px solid #000;font-weight:bold;}
table#commision_modal td.separator{border-top: 1px solid #000;height: 2px;}


/** MARKUP MODAL **/
#dialog-container .markup-smg { line-height:21px; text-align: justify; font-size:13px; margin-left:10px; margin-right:12px; }
#dialog-container .markup-smg > label { float:left; clear:left; }
#dialog-container .markup-smg > label.markup-title { font-weight:bold; margin-top:6px; }
#dialog-container .markup-smg > label.markup-title2 { font-weight:bold; margin-top:12px; }
#dialog-container .markup-smg > label.markup-subtitle { float:left;line-height: 15px;margin-top: 5px;color:#838383; }
#dialog-container .markup-smg > label > input { float:left; clear:both; margin-right:10px; margin-top:5px; }
#dialog-container .markup-smg > div.modal-buttons { clear: none;padding: 0;float:left;margin-left: 10px; }
#dialog-container .markup-smg > div.modal-buttons > div.yes { height: 24px; }
#dialog-container .markup-smg > #markup {float: left;clear: both;height: 20px;width: 267px;}