/** Variables =================================================================== **/ .color-facebook { color: #3b5998; } .bg-color-facebook { background-color: #3b5998; } .color-linkedin { color: #00aced; } .bg-color-linkedin { background-color: #00aced; } .color-red { color: #e5404c !important; } .bg-color-red { background-color: #e5404c !important; } .color-orange, .color-yellow { color: orange !important; } .bg-color-orange, .bg-color-yellow { background-color: orange !important; } .color-green { color: #16a085 !important; } .bg-color-green { background-color: #16a085 !important; } .color-gray { color: #BDC3C7 !important; } .bg-color-gray { background-color: #BDC3C7 !important; } .color-blue { color: #34495e !important; } .bg-color-blue { background-color: #34495e !important; } .color-white { color: #fff !important; } .bg-color-white { background-color: #fff !important; } .reorder { cursor: move; } .line-through { text-decoration: line-through; } .click-able { cursor: pointer; } .full-height { height: 100%; } .box { margin-bottom: 20px; } .box.box-small { margin-bottom: 10px; } @media (max-width: 991px) { .box-sm { margin-bottom: 20px; } } .btn.btn-default, .btn.btn-primary, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-inverse, .pagination ul li > a, .pagination ul li > span { -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); } .btn.btn-default.active, .btn.btn-primary.active, .btn.btn-success.active, .btn.btn-info.active, .btn.btn-warning.active, .btn.btn-danger.active, .btn.btn-inverse.active, .pagination ul li > a.active, .pagination ul li > span.active, .btn.btn-default:active, .btn.btn-primary:active, .btn.btn-success:active, .btn.btn-info:active, .btn.btn-warning:active, .btn.btn-danger:active, .btn.btn-inverse:active, .pagination ul li > a:active, .pagination ul li > span:active { -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15); } .relative { position: relative; } .inline-block { display: inline-block; } @media (max-width: 991px) { .block-sm { display: block; } } .upper { text-transform: uppercase; } .b, .bold { font-weight: bold; } .i { font-style: italic; } .justify { text-align: justify; } .n, .normal { font-weight: normal; } .no-border { border: 0 !important; } .no-resize { resize: none; } .border-right { border-right: 1px solid #fff; } .border-left { border-left: 1px solid #fff; } .border-top { border-top: 1px solid #fff; } .border-bottom { border-bottom: 1px solid #fff; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .last-element { padding-bottom: 0; margin-bottom: 0; } .no-border { border: 0 !important; } .no-border td, .no-border th { border: 0 !important; } .no-vertical-padding { padding-left: 0 !important; padding-right: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-decoration { text-decoration: none !important; } .no-decoration:hover, .no-decoration:focus, .no-decoration:active { text-decoration: none !important; } .ellipsis { text-overflow: ellipsis; /* Required for text-overflow to do anything */ white-space: nowrap; overflow: hidden; } .overflow-hidden { overflow: hidden; } .vertical-middle { vertical-align: middle !important; } .vertical-middle td, .vertical-middle th { vertical-align: middle !important; } tr.disabled { background: url('../img/string-disabled.png'); opacity: 0.9; } .agenda tr.disabled { opacity: 1; } .striped { background: url('../img/string-disabled.png'); opacity: 0.9; } .checkbox input, .radio input { display: block !important; } @media screen and (max-width: 767px) { .center-on-mobil { text-align: center; } .center-on-mobil ul { margin-bottom: 40px !important; } } .small, small { font-size: 70%; } .big { font-size: 130%; } .tagsinput { border-color: #BDC3C7; height: auto; min-height: 35px; } .tagsinput.input-sm { line-height: 19px; padding: 4px 10px 0 10px; margin: 0px; } .tagsinput.input-sm .tag { line-height: 12px; padding: 4px 13px 6px 19px; } .tagsinput.input-sm input { margin: 1px 5px 0 0; } .tagsinput.input-sm .tagsinput-add { padding: 4px 6px; font-size: 12px; } .tagsinput.input-sm .tagsinput-remove-link { font-size: 10px; padding: 5px 5px 5px 0; } select.input-sm { line-height: 20px; } .input-connection-bottom .input-group:first-child .input-group-addon, .input-connection-bottom .input-group:first-child .form-control { border-bottom-width: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .input-connection-bottom .input-group:last-child .input-group-addon, .input-connection-bottom .input-group:last-child .form-control { border-top-width: 1px; border-top-right-radius: 0; border-top-left-radius: 0; } .input-connection-bottom .input-group .form-control[disabled] { border-color: #bdc3c7; color: #34495e; opacity: 1; } .input-connection-bottom.focus .input-group .input-group-addon, .input-connection-bottom.focus .form-group .input-group-addon { background-color: #1abc9c; border-color: #1abc9c; } .input-connection-bottom.focus .input-group .form-control, .input-connection-bottom.focus .form-group .form-control { border-color: #1abc9c; } .input-group.input-sm .input-group-btn .btn { font-size: 12px; padding: 7px 10px 6px 10px; } .input-group .select2.select2-container { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group .select2.select2-container .select2-selection { height: 33px !important; } .warning { color: #A2832C; } .warning .fa { color: #EDBC36; } .alert.alert-warning { color: #A2832C; background: #FFFBE2; border-color: #F9EFC5; } .alert.alert-warning .fa { color: #EDBC36; } .alert.alert-warning .gray { color: #333; } .alert.alert-warning .gray .fa { color: #333; } .mb5 { margin-bottom: 5px; } .form-control { border-width: 1px; } .tagsinput { border-width: 1px; } .form-control-error { border: 1px solid #e5404c !important; } .panel > .redactor_editor { border-width: 0px; } .input-group-btn .btn { border-width: 1px; line-height: 20px; } .thumbnail { border-width: 1px; } #redactor_modal_overlay, #redactor_modal, .redactor_dropdown, .modal-dialog { z-index: 1050 !important; } .redactor_toolbar.redactor-toolbar-external { z-index: 3; } .list-group .list-group-item label { line-height: 1; } .badge { transition: all 0.25s ease-out 0s; } .badge.badge-success { background: #16a085 !important; color: #fff !important; } .panel { position: relative; } .panel.panel-inverse { border-color: #EDEEEF; } .panel.panel-inverse .gray { border-color: #bdc3c7; } .panel.panel-inverse .panel-heading { background-color: #4C5861; color: #fff; } .panel .border-bottom { border-bottom: 1px solid #ddd; } .panel > table .table-bordered td:first-child, .panel > table .table-bordered th:first-child { border-left-width: 0 !important; } .panel > table .table-bordered td:last-child, .panel > table .table-bordered th:last-child { border-right-width: 0 !important; } .panel > table .table-bordered tr:last-child td { border-bottom-width: 0 !important; } .panel._panel-with-show-btn { margin-bottom: 0; } .panel._panel-with-show-btn .row .panel-title { padding-top: 10px; } .panel._panel-with-show-btn ._show-table { position: absolute; left: 50%; margin-left: -15px; margin-top: -13px; } .panel._panel-with-show-btn ._show-table button { width: 30px; padding: 0px 9px 6px 9px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-top: 0 !important; margin-bottom: 0; border-top-width: 0; } .panel-group .panel .panel-heading { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-bottom: 1px solid #ddd; } .panel-group .panel:first-child { border-top-width: 1px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .panel-group .panel:first-child .panel-heading { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-group .panel:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn, .btn-group-vertical > .btn { border-left: 1px solid #A0A5A9; } .btn-group > .btn:first-child, .btn-group-vertical > .btn:first-child { border-left: 0; } #attachment-modal .container { position: relative; z-index: 1050; } .alert.alert-sm { padding: 8px 15px; } .alert.alert-xs { padding: 0px 15px; } .alert.alert-info a { color: #16a085; } #ajax-loader { background: #000; border-radius: 5px 5px 5px 5px; display: none; font-size: 16px; left: 48%; opacity: 0.5; padding: 1%; position: fixed; text-align: center; top: 45%; vertical-align: middle; z-index: 10000; } .break-word { word-break: break-word; } .bg-circle { border-radius: 100%; text-align: center; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #fff; } .modals { height: 0; } .break-word { word-wrap: break-word; } .ui-state-disabled { opacity: 0.5; } ._table-view-loading { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; background-image: url('../img/loader.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } ._table-view-holder { opacity: 0; } .errorSummary { padding-top: 20px; color: #e5404c; } .errorMessage { color: #e5404c; font-size: 12px; } .scroll-bar { overflow-y: scroll; min-height: 200px; } .cc_banner-wrapper .cc_container { background: #2c3e50; padding: 2px 30px; } .cc_banner-wrapper .cc_container .cc_btn { color: #fff; background-color: #1abc9c; } .cc_banner-wrapper .cc_container p { color: #fff; } .contacts-manager #contacts-manager-tabs li.active a { color: #16a085; } .contacts-manager .nav-tabs { margin-bottom: 0px; border-bottom-width: 1px !important; } .contacts-manager .nav-tabs a { border-width: 1px !important; } .contacts-manager .tab-content { border: 1px solid #E1E4E7; border-top: none; border-top-right-radius: 0px; border-top-left-radius: 0px; } .contacts-manager #add-private-group, .contacts-manager #add-public-group { margin-bottom: 18px; } .contacts-manager .contacts-in-group .selected-company-contacts ul, .contacts-manager .contacts-in-group .all-company-contacts ul { list-style: none; } .contacts-manager .contacts-in-group .selected-company-contacts ul li, .contacts-manager .contacts-in-group .all-company-contacts ul li { font-size: 12px; } .contacts-manager .contacts-in-group .selected-company-contacts ul li label, .contacts-manager .contacts-in-group .all-company-contacts ul li label { font-size: 12px; line-height: 14px; margin: 4px 0px 0px 0px; } .contacts-manager .contacts-in-group .selected-company-contacts ul li input, .contacts-manager .contacts-in-group .all-company-contacts ul li input { font-size: 12px; margin: 0px; } .contacts-manager .subscribers-list { list-style: none; padding: 0px; margin: 0px; } .contacts-manager .subscribers-list li.subscriber-list-row { padding: 0px; margin: 0px; } .contacts-manager .subscribers-list li.subscriber-list-row a { color: #34495e; } .contacts-manager .subscribers-list li.subscriber-list-row.selected a { color: #16a085; } .contacts-manager .add-subscriber-modal { font-size: 13px; } .contacts-manager .add-subscriber-modal i { font-size: 15px; } .ask-for-referrals-container { position: relative; } .ask-for-referrals-container .dots-position .slick-dots { position: relative; bottom: 0px; } .ask-for-referrals-container .step-recipients ul { list-style: none; padding-left: 20px; } .ask-for-referrals-container .step-recipients ul li { margin-bottom: 5px; } .ask-for-referrals-container .step-recipients ul.top-level > ul.sub-level, .ask-for-referrals-container .step-recipients ul.top-level { margin: 0px; padding: 0px; } .ask-for-referrals-container .step-recipients .group-name { cursor: pointer; } .ask-for-referrals-container .step-recipients .group-name i { cursor: default; } .ask-for-referrals-container .step-recipients .group-name a { font-weight: bold; } .ask-for-referrals-container .step-recipients ul:nth-child(2n+1) .group-name a { color: #34495e; } .ask-for-referrals-container .step-recipients ul:nth-child(2n+2) .group-name a { color: #566c83; } .ask-for-referrals-container .step-recipients ul:nth-child(2n+3) .group-name a { color: #758ca3; } .ask-for-referrals-container .step-recipients ul .group-name a:hover, .ask-for-referrals-container .step-recipients ul .group-name a.active { color: #16a085; } .ask-for-referrals-container .step-recipients span.group-subscribers-count { display: inline-block; margin-left: 10px; background-color: #EFEFEF; color: #AAAAAA; font-weight: bold; padding: 2px 7px; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .ask-for-referrals-container .step-recipients span.group-subscribers-count i { font-size: 10px; margin-left: 7px; } .ask-for-referrals-container .step-recipients .recipient-list ul.select-recipients a { color: #555; } .ask-for-referrals-container .step-recipients .recipient-list ul.select-recipients li a:hover, .ask-for-referrals-container .step-recipients .recipient-list ul.select-recipients li.selected a { color: #16a085; } .ask-for-referrals-container .slick-next:before { font-family: "FontAwesome"; content: '\f0a9'; color: #555; } .ask-for-referrals-container .slick-prev:before { font-family: "FontAwesome"; content: '\f0a8'; color: #555; } .ask-for-referrals-container .slick-next, .ask-for-referrals-container .slick-prev { top: 50px; visibility: hidden; } .ask-for-referrals-container .slick-next { right: 0px; } .ask-for-referrals-container .slick-prev { left: 0px; } .ask-for-referrals-container .slick-dots { width: 90%; margin: 0px auto; } .ask-for-referrals-container .trigger-slick-navigation { position: relative; } .btn-blue a { color: #FFF; } .panel-title a { font-size: 12px; color: #999; display: inline-block; padding-top: 3px; }