/* retro-compatibilité */ #menu li a { color: #000; display: block; height: 20px; padding: 6px 8px 4px 0; font-size:12px; } ul#menu li a { padding: 8px 8px 2px; } #menu li.active a, #menu li a, .path_bar a { color: #000; text-decoration: none; } #submenu li a { color: #000; text-decoration: none; outline: 0pt; font-size: 12px; } #submenu li a { text-decoration: underline; } /* CUSTOM */ .text-purple-dark{ color: #504d8b!important; } .text-grey-light{ color: #EFEFEF!important; } #content { background-color: #f5f5f9; } .row { background: none; } /* button */ a, a:hover{ text-decoration: none; } a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{ outline: 0; } .btn-primary { background: #504d8b; border-color: #504d8b;} .btn-primary:hover { background: #796dc7; border-color: #796dc7;} .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { color: #fff; background: #796dc7; border-color: #796dc7;} .btn-primary.focus, .btn-primary:focus { color: #fff; background: #504d8b; border-color: #504d8b;} .btn-success { background: #26B99A; border: 1px solid #169F85;} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background: #169F85;} .btn-green-light { background: rgba(38, 185, 154, 0.6); border: 1px solid #169F85; color:#fff;} .btn-green-light:hover, .btn-green-light:focus, .btn-green-light:active, .btn-green-light.active, .open .dropdown-toggle.btn-green-light { background: #169F85;} .btn-grey { background: #efefef; border: 1px solid #CCCCCC; color:#333333;} .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { background: #CCCCCC;} .btn-red { background: rgba(217, 83, 79, 0.3); border: 1px solid #d43f3a; color:#d43f3a;} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { background: #d43f3a;} .btn-warning-more { color: #eea236; background-color: rgba(240, 173, 78, 0.2); border-color: #eea236;} .btn-warning-more:hover, .btn-warning-more:focus, .btn-warning-more:active, .btn-warning-more.active, .open .dropdown-toggle.btn-warning-more { background: #eea236;} h2 { font-size: 18px; font-weight: 400; } .label-purple{ background-color: #504d8b; } .label-rose{ background-color: #E36EA2; } label{ color: #504d8b; } form label{ float: none; width: auto; text-align: left; } .panel{ border-radius: 0px; -moz-box-shadow: 2px 2px 5px #cccccc; -webkit-box-shadow: 2px 2px 5px #CCC; -ms-box-shadow: 2px 2px 5px #cccccc; -o-box-shadow: 2px 2px 5px #cccccc; box-shadow: 2px 2px 5px #CCC; /*background: rgba(86,84,133,1); color: #fff;*/ } .panel { position: relative; width: 100%; margin-bottom: 10px; padding: 10px 17px; display: inline-block; background: #fff; border: 1px solid #E6E9ED; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; opacity: 1; transition: all .2s ease; } .panel-title, .div-title { border-bottom: 2px solid #E6E9ED; padding: 1px 5px 6px; margin-bottom: 10px; } .div-title { padding: 1px 5px 3px; } .panel-title h2, .div-title h4 { margin: 5px 0 6px; float: left; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #504d8b; } .panel h2.high_title{ margin: 5px 0 6px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; color: #504d8b; } .div-title h4{ font-size: 15px; } .panel-title.with-btn h2{ line-height: 30px; } .panel-title h2 small { margin-left: 10px; } .heading-title { margin: 5px 0 20px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #504d8b; } .navbar-right {margin-right:-5px;} .panel-toolbox>li>a { cursor: pointer; padding: 8px; color: #C5C7CB; font-size: 14px; } .panel-toolbox>li>a:hover { background: #F5F7FA; } .panel_toolbox>li { float: left; cursor: pointer; } .panel-content { padding: 0 5px; position: relative; width: 100%; float: left; clear: both; margin-top: 5px; } .panel-content .form-group:last-child{ margin-bottom: 5px; } .ln_solid, .ln_solid-small { border-top: 1px solid #e5e5e5; color: #ffffff; background-color: #ffffff; height: 1px; margin: 20px 0; } .ln_solid-small{ margin: 25px 0 10px; } .lateral-solid-l{ border-left:1px solid #E6E9ED; } .lateral-solid-r{ border-right:1px solid #E6E9ED; } .lateral-solid-b{ border-bottom:1px solid #E6E9ED; } .lateral-solid-t{ border-top:1px solid #E6E9ED; } .lateral-delimiter { width: 1px; height: 90px; background: #e5e5e5; display: inline-block; } /* FORM */ form p:first-child{ margin-top: 0px; } .form-horizontal .form-group { margin-right: 0; margin-left: 0; } input:focus, textarea:focus { background: none; } input[type="text"], input[type="password"], input[type="file"], textarea { border: 1px solid #CCCCCC; } div.tagsinput span.tag { border: 1px solid #504d8b; background: #796dc7; color: #fff; } div.tagsinput span.tag a { color: #fff; } /* Alert */ #content .alert { width: 100%; margin: 0; padding: 0px; border: none; background: none; } #content .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } #content .alert-custom { padding: 5px; } #content .alert-custom span.text-alert{ display: inline-block; vertical-align: middle; width: calc(100% - 55px); } #content .alert-custom i.glyphicon, #content .alert-custom span.glyphicon, #content .alert-custom i.anticon, #content .alert-custom span.anticon{ display: inline-block; margin-right: 5px; vertical-align: middle; font-size: 45px; opacity: 0.3; } #content .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } #content .alert-ok{ color: #fff; background-color: #1ABB9C; border: 1px solid #169F85; } #content .alert-warning{ color: #fff; background-color: #FFA74E; border: 1px solid #FFA74E; } #content .alert-warning-light { color: #fc9732; background-color: rgba(255, 167, 78, 0.3); border: 1px solid #FFA74E; } #content .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } #content .alter-warning i.glyphicon, #content .alert-warning span.glyphicon, #content .alert-warning i.anticon, #content .alert-warning span.anticon{ opacity: 0.5; } #content .alert-error{ color: #fff; background-color: #E36363; border: 1px solid #C22222; } #content .alter-error i.glyphicon, #content .alert-error span.glyphicon, #content .alert-error i.anticon, #content .alert-error span.anticon{ opacity: 0.6; } /* form img */ .form-control.image-preview-filename { height: 28px; line-height: 28px; } .image-preview-input { position: relative; overflow: hidden; margin: 0px; color: #333; background-color: #fff; border-color: #ccc; padding: 3px 15px; } .image-preview-clear{ padding: 3px 15px; } .image-preview-input input[type=file] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .image-preview-input-title { margin-left:2px; } /* switch */ .checkbox.input-switch label, .radio.input-switch label { padding-left: 0px; width: auto; } .switchery>small { width: 20px; height: 20px; } input[type="text"], input[type="password"], input[type="file"], textarea { border: 1px solid #ccc; } .help-block { font-weight: 100; font-size: 12px; margin: 0; margin-top: 5px; padding:0; } .help-block { display: block; margin-top: 5px; margin-bottom: 5px; color: #737373; font-size: 11px; font-style: italic; } /* table */ table.table-custombordered { border: 1px solid rgba(221,221,221,0.78); } table tr th, table.table tr th { background: #504d8b; color: #fff; } table.table.th-grey tr th { background: #efefef; color: #504d8b; } .table tr td { color: #000; } .table th a{ color:#fff; } .table tbody tr th:first-child span{ color: #E36EA2!important; } /* Select2 */ .select2-results ul li{ text-align: left; } .select2-container--default .select2-selection--multiple .select2-selection__choice{ border: 1px solid #504d8b; background: #796dc7; color: #fff; padding: 3px; border-radius: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { font-size: 12px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #504d8b; color: white; } .select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top: 2px; margin-bottom: 2px; } /* Language choice box */ .flags_custom{ float: left; position: relative; } .language_flags.language_flags_custom{ position: absolute; z-index: 999; margin: 0; width: 120px; right: 0; } /* Smart Wizar */ .form_wizard .stepContainer { display: block; position: relative; margin: 0; padding: 0; border: 0 solid #CCC; overflow-x: hidden; } .wizard_horizontal ul.wizard_steps { display: table; list-style: none; position: relative; width: 100%; margin: 0 0 20px; padding:0; } .wizard_horizontal ul.wizard_steps li { display: table-cell; text-align: center; } .wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover { display: block; position: relative; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; color: #666; } .wizard_horizontal ul.wizard_steps li a:before { content: ""; position: absolute; height: 4px; background: #ccc; top: 20px; width: 100%; z-index: 4; left: 0; } .wizard_horizontal ul.wizard_steps li a.disabled .step_no { background: #ccc; } .wizard_horizontal ul.wizard_steps li a .step_no { width: 40px; height: 40px; line-height: 40px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5; } .wizard_horizontal ul.wizard_steps li a.selected:before, .step_no { background: #504d8b; color: #fff; } .wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no { background: #1ABB9C; color: #fff; } .wizard_horizontal ul.wizard_steps li:first-child a:before { left: 50%; } .wizard_horizontal ul.wizard_steps li:last-child a:before { right: 50%; width: 50%; left: auto; } .form_wizard h2.StepTitle{ text-align:center; color: #504d8b; text-transform: uppercase; } .actionBar { width: 100%; border-top: 1px solid #ddd; padding: 10px 5px; text-align: right; margin-top: 10px; } .actionBar .buttonDisabled { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none; } .actionBar a { margin: 0 3px; } .form_wizard .loader { display: none; } .form_wizard .msgBox { display: none; }