1 /* here you can put your own css to customize and override the theme */
17 border-radius: 4px !important;
20 .portlet .portlet-title {
21 border-radius: 4px 4px 0px 0px !important;
24 .portlet .portlet-body,
25 .portlet .portlet-body .form-actions {
26 border-radius: 0px 0px 4px 4px !important;
31 Change Quick Sidebar Width
35 .page-quick-sidebar-wrapper {
40 .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
44 .page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
49 .page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
53 .page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
57 .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
58 width: 370px !important;
61 .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
62 width: 370px !important;
66 .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
82 background-color: #00CC33;
85 .file-upload input.file-input {
94 filter: alpha(opacity=0);
97 .ta-editor.form-control.myform2-height, .ta-scroll-window.form-control.myform2-height {
101 font-family: inherit;
105 .ta-editor.form-control.myform2-height::-webkit-scrollbar {
109 .form-control.myform2-height > .ta-bind {
120 #chat-box::-webkit-scrollbar {
130 #mail-box::-webkit-scrollbar {
134 .motion-contact-uib-tab div.ng-binding, .motion-newContact-uib-tab div.ng-binding {
135 border-top: 2px solid #8775a7 !important;
138 .motion-chatRoom-uib-tab div.ng-binding {
139 border-top: 2px solid #5bc0de !important;
142 .motion-mailRoom-uib-tab div.ng-binding {
143 border-top: 2px solid #5cb85c !important;
146 .motion-faxRoom-uib-tab div.ng-binding {
147 border-top: 2px solid #f0ad4e !important;
150 .motion-smsRoom-uib-tab div.ng-binding {
151 border-top: 2px solid #d9534f !important;
154 .motion-jscripty-uib-tab div.ng-binding {
155 border-top: 2px solid #002C4C !important;
158 .motion-tdDisposal-uib-tab div.ng-binding {
159 border-top: 2px solid #b6af04 !important;
162 .motion-openchannelRoom-uib-tab div.ng-binding {
163 border-top: 2px solid #50937f !important;
174 .small-pretty-avatar {
177 -webkit-border-radius: 50% !important;
178 -moz-border-radius: 50% !important;
179 border-radius: 50% !important;
181 border: 2px solid #3399CC;
183 box-shadow: 0 0 4px RGBA(51, 153, 204, 0.4);
186 .small-pretty-avatar-v {
189 -webkit-border-radius: 50% !important;
190 -moz-border-radius: 50% !important;
191 border-radius: 50% !important;
193 border: 2px solid #EA4C61;
195 box-shadow: 0 0 4px RGBA(51, 153, 204, 0.4);
199 word-wrap: break-word;
200 white-space: pre-wrap
204 pointer-events: none;
208 .ui-grid-vcenter div {
209 /*background-color: yellow !important;*/
210 /*text-align:center;*/
213 vertical-align: middle;
215 /*padding-left: 10px;*/
216 -webkit-transform: translateY(-50%);
217 -ms-transform: translateY(-50%);
218 transform: translateY(-50%);
219 /*word-wrap: break-word;*/
221 text-overflow: ellipsis;
222 overflow: hidden !important;
226 background-image:url('../../images/demo.png');
234 float: left !important;
242 .collapse.am-collapse {
243 animation-duration: .3s;
244 animation-timing-function: ease;
245 animation-fill-mode: backwards;
248 animation-name: collapse;
252 animation-name: expand;
267 -webkit-animation: fadeInUpm .5s;
268 animation: fadeInUpm .5s;
271 .steps-indicator, .steps{
272 padding-bottom: 20px !important;
275 .ui-sortable-handle,.ui-sortable{
279 .step .btn:not(.ui-select-toggle,.remove-condition){
288 padding-bottom: 20px;
292 overflow-wrap: break-word;
300 -webkit-appearance: none;
308 text-shadow: 0 1px 0 #fff;
310 filter: alpha(opacity=20);
314 padding: 15px !important;
315 margin-bottom: 20px !important;
316 border: 1px solid transparent !important;
317 border-radius: 4px !important;
320 margin-top: 0 !important;
321 color: inherit !important;
324 font-weight: bold !important;
328 margin-bottom: 0 !important;
331 margin-top: 5px !important;
335 padding-right: 35px !important;
337 .alert-dismissable .close,
338 .alert-dismissible .close {
339 position: relative !important;
340 top: -2px !important;
341 right: -21px !important;
342 color: inherit !important;
345 background-color: #dff0d8 !important;
346 border-color: #d6e9c6 !important;
347 color: #3c763d !important;
350 border-top-color: #c9e2b3 !important;
352 .alert-success .alert-link {
353 color: #2b542c !important;
356 background-color: #d9edf7 !important;
357 border-color: #bce8f1 !important;
358 color: #31708f !important;
361 border-top-color: #a6e1ec !important;
363 .alert-info .alert-link {
364 color: #245269 !important;
367 background-color: #fcf8e3 !important;
368 border-color: #faebcc !important;
369 color: #8a6d3b !important;
372 border-top-color: #f7e1b5 !important;
374 .alert-warning .alert-link {
375 color: #66512c !important;
378 background-color: #f2dede !important;
379 border-color: #ebccd1 !important;
380 color: #a94442 !important;
383 border-top-color: #e4b9c0 !important;
385 .alert-danger .alert-link {
386 color: #843534 !important;
390 text-indent: inherit !important;
391 background-image: none !important;
392 width: auto !important;
402 display: inline-block;
403 letter-spacing: -10px;
415 display: inline-block;
424 /*.ui-select-multiple input.ui-select-search {
425 width: 100% !important;
428 .over-topbar, .modal.fade {
429 z-index: 9996 !important;
432 .list-group-item-custom {
437 cursor: pointer !important;
440 .select-group-father{
441 font-weight:bold !important;
445 font-style: italic !important;
448 @media (max-height: 908px) {
455 .widget .dashboard-stat{
456 margin-bottom:0px !important;
482 .contact-tab-container{
487 .col-fixed, .tree-row {
497 width:calc(100% - 277px + 15px);
502 display: inline-block;
508 .report-field-handle{
511 background-image: url('../../images/move.png');
512 background-repeat:no-repeat;
513 background-size:66px 66px;
516 .ui-sortable-helper {
520 .report-field-remove{
526 .portlet.light .portlet-title {
530 .portlet .portlet-title {
531 border-bottom: 1px solid #eee;
535 -webkit-border-radius: 4px 4px 0 0;
536 -moz-border-radius: 4px 4px 0 0;
537 -ms-border-radius: 4px 4px 0 0;
538 -o-border-radius: 4px 4px 0 0;
539 border-radius: 4px 4px 0 0;
542 .ui-select-match-text{
545 text-overflow: ellipsis;
549 .ui-select-choices-row-inner div{
552 text-overflow: ellipsis;
555 .ui-select-toggle > .btn.btn-link {
566 body > [uib-modal-window]:not([modal-render]) {
571 /*border: 1px blue solid;*/
574 transform: translateY(-50%);
582 .centered-uigrid-td {
592 .ms-container .ms-list{
593 height:430px !important;
596 .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection{
597 padding: 7px 12px !important;
601 width:100% !important;
607 background-color: #F0F0F0;
611 /*word-wrap: break-word;
613 text-overflow: ellipsis;
614 overflow: hidden !important;*/
619 /*border-color: #E3D9D9;*/
624 @keyframes blink { 0% {border-color: transparent;}
625 25% { outline-color: #EACD9E; }
626 50% { outline-color: #ECC077; }
627 75% { outline-color: #ECB861; }
628 100% { outline-color: #FFB848; }
631 outline: 2px solid transparent;
632 animation: blink .5s step-end infinite alternate;
637 min-height: 400px !important;
653 text-transform: uppercase;
655 text-overflow: ellipsis;
659 text-transform: uppercase;
669 .daterangepicker_start_input,.daterangepicker_end_input{
670 display:none !important;
678 color:#EEEEEE !important;
682 display:none !important;
686 padding-right:7px !important;
687 padding-left:7px !important;
691 padding:4px 6px 1px 8px !important;
694 .custom-header-a div{
698 text-overflow: ellipsis;
699 overflow: hidden !important;
702 .custom-header-a:hover{
703 background-color:transparent !important;
706 .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.custom-header-a{
707 background-color:transparent !important;
711 padding-bottom: 3px !important;
712 padding-top: 4px !important;
713 margin-top: 10px !important;
714 border-radius: 20px !important;
717 .header-bar-button-controls{
718 border: 1px solid #79869a;
721 .header-ul-with-separator{
723 outline: 2px solid #79869a;
728 outline: 2px solid transparent;
729 animation: blink .5s step-end infinite alternate;
733 .custom-date-filter-modal .modal-dialog.modal-md{
737 .chat-canned-answer-div{
740 border-top: 1px solid #eee;
743 rzslider .rz-pointer{
744 border-radius: 16px !important;
747 rzslider .rz-ticks .rz-tick{
748 border-radius: 50% !important;
753 text-decoration: none;
758 text-decoration: underline;
771 border-top: 1px solid #eee;