﻿/***** NEW MODALS V2 - REFACTORING *****/
/** MODAL FULSCREEN COMMON CLASSES **/

    .modal-fullscreen .modal-content { background: transparent; border: 1px solid #fff;border-radius:0px;}
.modal-backdrop.modal-backdrop-fullscreen { background: #f7f7f7;}
    .modal-backdrop.modal-backdrop-fullscreen.in { opacity: .95; filter: alpha(opacity=95); }

.modal-header {background:#fff;color:#666;border-radius:0px 0px 0px 0px; border-bottom: 0px solid transparent; padding: 30px 30px 15px 30px;}
#modal-header-close {margin-top:0px; opacity:1.0;float:right;border:none;background:#fff;color:#337ab7;}
    #modal-header-close:hover, #modal-header-close:focus, #modal-header-close:active {outline:none;color:#225480;}
    #modal-header-close .close-span { font-size:36px;display:block;width:36px;height:36px;line-height:36px;background:#fff;text-shadow: none;}

.modal-content {border-radius:0px 0px 0px 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0);}
.modal-title {line-height:36px;font-size:24px;text-transform:uppercase; color:#337ab7;}
.modal-body {background:#fff; padding:0px 30px 30px;}

.modal-footer { background:#eee; padding: 15px 30px 15px;border-top:1px solid #ddd;text-align:center;}
.modal-button-wrapper button { width:120px; margin-left: 15px;margin-right: 15px;}

/* MODAL TABS PANEL */
.modal-pane-wrapper { border:1px solid #ddd;border-top:0px;padding:15px;overflow-y:auto;}
.modal-pane-inner-wrapper { }

/* MODAL BUTTONS */
.modal-button-wrapper button { min-width: 150px; display: inline-block; margin-left: 30px; border-radius: 0px;padding: 10px 15px;font-size: 12px;text-transform: uppercase;font-weight: bold;}

/***** EVENT PLAN MODAL*****/
#eventEdit .modal-dialog { width:768px;}
#eventEdit .slider-wrapper {padding:15px 15px 30px;background:none;}
#eventEdit #radiotabs { margin-bottom:15px;}

/* MULTISELECT */

.multiselect {width:100%;}
.multiselect .bootstrap-tagsinput {border-radius:0px;background-color: #f7f7f7;padding-left:85px;line-height:20px;width:100%;overflow-y:hidden;}
.multiselect .bootstrap-tagsinput .tag {color: black;}
.multiselect .bootstrap-tagsinput .label {background-color: #d4e2ef;border-radius:0px;}
.multiselect .bootstrap-tagsinput .label-info {font-size: 90%;}

/***** INFO MODAL *****/
#infoWindow .modal-dialog { width:600px;}

/* SALELOGIN FORM */
#saleLogin .modal-dialog { width:780px;}
#saleLogin .modal-button-wrapper { text-align:center;}
#saleLogin .salerow { margin:0px -30px;padding:0 15px;}

#saleLogin .modal-login-label { background:#eee;padding:30px;display:block;text-align:center;border:1px solid #ddd;}
#saleLogin .modal-login-label:hover { text-decoration:none;background:#47A3DA;color:#fff;padding:30px;display:block;text-align:center;border:1px solid #ddd;}
    #saleLogin .modal-login-label span { font-size:14px;}
#saleLogin .modal-login-label .login-label { display:block;font-size:24px;padding:0 0 15px;}
#saleLogin .modal-button-wrapper button { width:200px; margin-left: 15px;margin-right: 15px;}

    #saleLogin .slider-wrapper { margin:-5px -15px 10px;padding:15px 30px 5px;}
    #saleLogin .slider-label { margin-bottom:0px;}
    #saleLogin .order-range-from, .order-range-to { margin-top:0px;}

#saleLogin .alert {padding: 15px; margin: 0px -30px 0px -30px; border: 0px solid transparent; border-radius: 0px; }
#saleLogin .alert-danger {color: #a94442;background-color: #f2dede;border-color: transparent;}
#error-msg {display:block;text-align:center;}

/***** SALE MODAL*****/
#saleEdit { }
    #saleEdit .modal-dialog { width:768px;}
    #saleEdit .slider-wrapper { margin:-5px -15px 10px;padding:15px 45px 5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
    #saleEdit .slider-label { margin-bottom:0px;}
    #saleEdit .order-range-from, .order-range-to { margin-top:0px;}

#saleEdit .alert {padding: 15px; margin: 0px -30px 0px -30px; border: 0px solid transparent; border-radius: 0px; }
#saleEdit .alert-danger {color: #a94442;background-color: #f2dede;border-color: transparent;}
#error-msg {display:block;text-align:center;}

/*  ORDER FORMS */
#saleEdit .form-heading { font-size:22px;color:#337ab7;text-align:center;}
#saleEdit .form-row{position:relative;margin:6px 0px;}
#saleEdit .form-label{display:block;position:absolute;left:2px;top:2px;font-weight:bold;color:#777;padding:3px 6px;background-color:#e7eff6;width:75px;}
#saleEdit .form-label.comp-id { width:36px;}
#saleEdit .form-label.psw{width:150px;}

#saleEdit .form-input{line-height:18px;outline:1px solid transparent;background:#f7f7f7;width:100%;padding:5px 5px 5px 85px;border:1px solid #ddd;}
    #saleEdit .form-input.comp-text { padding-left:45px;}
#saleEdit .form-input:focus{outline:2px solid #337ab7;}
#saleEdit .form-error {outline:2px solid #a94442;}

#saleEdit .order-label { padding:0px;background:transparent;font-weight:normal;color: #2C77BA; font-size: 20px; line-height: 24px; margin: 5px 0px; }
    #saleEdit last-row { margin-bottom:10px;}

    #saleEdit #innoterow { }
    #saleEdit #innote {padding-left:130px; }
    #saleEdit .form-innote { background:#cff2cf;width:120px;}
    #saleEdit hr { margin:5px 0px 10px 0px;}
.modal-confirm-text {margin:15px 60px 80px;}
.confirm-label {margin-top:30px;text-align:center;}

#saleEdit .modal-footer { text-align:center;}
#saleEdit .modal-button-wrapper button { width:200px; margin-left: 15px;margin-right: 15px;}

/***** DELETE WEEKDAYS MODAL*****/
#deleteWeekdaysWindow .modal-dialog { width:480px;}
.delete-days { padding-left:40px;}

#deleteWeekdaysWindow .modal-footer { text-align:center;}
#deleteWeekdaysWindow .modal-button-wrapper button { width:150px; margin-left: 15px;margin-right: 15px;}

/***** LOAD TEMPLATE MODAL*****/
#loadTemplateWindow .modal-dialog { width:768px;}
#loadTemplateWindow .modal-body {background:#fff; padding:5px 15px; height:480px;overflow-y:auto;border-top:10px solid #fff;border-bottom:10px solid #fff; }
.template-img-wrapper { padding:0 15px;}
.template { margin: 10px 0px; padding: 10px; border: 1px solid #ddd;background:#eee; }
.template:hover, .tempsel { background:#C6E2EE; }
.modal-alert { margin:5px 15px;}

#loadTemplateWindow .modal-footer { text-align:center;}
#loadTemplateWindow .modal-button-wrapper button { width:150px; margin-left: 15px;margin-right: 15px;}

/***** SAVE TEMPLATE MODAL*****/
#saveTemplateWindow .modal-dialog { width:480px;}
#saveTemplateWindow .template-img-wrapper { padding:0px;}

#saveTemplateWindow .modal-footer { text-align:center;}
#saveTemplateWindow .modal-button-wrapper button { width:120px; margin-left: 15px;margin-right: 15px;}

/*** ALERT WINDOW DOUBLE MODAL***/
#alertWindow { background:#fff;}
#alertWindow .modal-dialog { width:460px;}
#alertWindow .modal-footer { text-align:left;}
#alertWindow .modal-button-wrapper button { width:120px; margin-left:0px;margin-right:0px;}
#alertMessage { padding: 15px 30px 45px;}
/*********************************************************************************************/

/*  EVENT FORMS */
#eventEdit .form-heading { font-size:22px;color:#337ab7;text-align:center;}
#eventEdit .form-row{position:relative;margin:6px 0px;}
#eventEdit .form-label{display:block;position:absolute;left:2px;top:2px;font-weight:bold;color:#777;padding:3px 6px;background-color:#e7eff6;width:75px;}
#eventEdit .form-label.comp-id { width:36px;}
#eventEdit .form-label.psw{width:150px;}
.form-talabel {display:block;position:absolute;left:2px;top:2px;font-weight:bold;color:#777;padding:3px 6px;background-color:#e7eff6;width:75px;height:146px;}
#eventEdit .form-tarea {width:100%;height:150px;background:#f7f7f7;padding:5px 5px 5px 85px;border: 1px solid #ddd;}
#eventEdit .form-tarea:focus{outline:2px solid #337ab7;}

#eventEdit .form-input{line-height:18px;outline:1px solid transparent;background:#f7f7f7;width:100%;padding:5px 5px 5px 85px;border:1px solid #ddd;}
    #eventEdit .form-input.comp-text { padding-left:45px;}
#eventEdit .form-input:focus{outline:2px solid #337ab7;}
#eventEdit .form-error {outline:2px solid #a94442;}

#eventEdit .order-label { padding:0px;background:transparent;font-weight:normal;color: #2C77BA; font-size: 20px; line-height: 24px; margin: 5px 0px; }
    #eventEdit last-row { margin-bottom:10px;}

    #eventEdit #innoterow { }
    #eventEdit #innote {padding-left:130px; }
    #eventEdit .form-innote { background:#cff2cf;width:120px;}
    #eventEdit hr { margin:5px 0px 10px 0px;}
.modal-confirm-text {margin:15px 60px 80px;}
.confirm-label {margin-top:30px;text-align:center;}

/* TYPEHEAD */
#eventEdit .dropdown-menu { left:75px !important;width:628px; border-radius:0px;}

/*  ORDER FORMS */
#saveTemplateWindow .form-heading { font-size:22px;color:#337ab7;text-align:center;}
#saveTemplateWindow .form-row{position:relative;margin:6px 0px;}
#saveTemplateWindow .form-label{display:block;position:absolute;left:2px;top:2px;font-weight:bold;color:#777;padding:3px 6px;background-color:#e7eff6;width:75px;}
#saveTemplateWindow .form-label.comp-id { width:36px;}
#saveTemplateWindow .form-label.psw{width:150px;}

#saveTemplateWindow .form-input{line-height:18px;outline:1px solid transparent;background:#f7f7f7;width:100%;padding:5px 5px 5px 85px;border:1px solid #ddd;}
    #loadTemplateWindow .form-input.comp-text { padding-left:45px;}
#saveTemplateWindow .form-input:focus{outline:2px solid #337ab7;}
#saveTemplateWindow .form-error {outline:2px solid #a94442;}

/* MODAL SLIDER */
#slider { margin:15px 0px;}
.slider-wrapper { padding:30px;background:#f2f2f2;}
.order-price { text-align:right;}

.slider-label { }
.order-label { background:#e4ebf1;color:#2C77BA;font-size:20px;font-weight:bolder;line-height:40px;padding:0px 10px;margin:20px 0px;}
.order-range-from, .order-range-to { }
.order-range-to { text-align:right;}

/* WILDCARDS */
.mustbe {color:#ff0000;}

/*  EVENTSALE  FORM */
#eventsaleEdit .modal-dialog { width:768px;}
#eventsaleEdit .form-heading { font-size:22px;color:#337ab7;text-align:center;}
#eventsaleEdit .form-row{position:relative;margin:6px 0px;}
#eventsaleEdit .form-label{display:block;position:absolute;left:2px;top:2px;font-weight:bold;color:#777;padding:3px 6px;background-color:#e7eff6;width:120px;}
#eventsaleEdit .form-label.comp-id { width:36px;}
#eventsaleEdit .form-label.psw{width:150px;}
#eventsaleEdit .form-tarea {width:100%;height:150px;background:#f7f7f7;padding:5px 5px 5px 85px;border: 1px solid #ddd;}
#eventsaleEdit .form-tarea:focus{outline:2px solid #337ab7;}

#eventsaleEdit .form-input{line-height:18px;outline:1px solid transparent;background:#f7f7f7;width:100%;padding:5px 5px 5px 130px;border:1px solid #ddd;}
#eventsaleEdit .form-input.comp-text { padding-left:45px;}
#eventsaleEdit .form-input:focus{outline:2px solid #337ab7;}
#eventsaleEdit .form-error {outline:2px solid #a94442;}

#eventsaleEdit .order-label { padding:0px;background:transparent;font-weight:normal;color: #2C77BA; font-size: 20px; line-height: 24px; margin: 5px 0px; }
#eventsaleEdit last-row { margin-bottom:10px;}
#eventsaleEdit #innoterow { }
#eventsaleEdit #innote {padding-left:130px; }
#eventsaleEdit .form-innote { background:#cff2cf;width:120px;}
#eventsaleEdit hr { margin:5px 0px 10px 0px;}

/* CHECKBOX */
.checkbox-wrapper {padding:4px 130px;display:inline-block;}

/* EVENTSALE CHECKBOX OUTLINE */
.checkline {background: #e7eff6;padding: 6px;margin-bottom: 20px !important;}