/* here you can put your own css to customize and override the theme */
/*.text_filter {
- letter-spacing:2px;
- font-style:italic;
- color:#999;
+letter-spacing:2px;
+font-style:italic;
+color:#999;
}*/
/*.toolbar {
- float: right;
+float: right;
}*/
/***
***/
/*
.portlet {
- border-radius: 4px !important;
+border-radius: 4px !important;
}
.portlet .portlet-title {
- border-radius: 4px 4px 0px 0px !important;
+border-radius: 4px 4px 0px 0px !important;
}
.portlet .portlet-body,
.portlet .portlet-body .form-actions {
- border-radius: 0px 0px 4px 4px !important;
+border-radius: 0px 0px 4px 4px !important;
}
*/
/*
.page-quick-sidebar-wrapper {
- right: -370px;
- width: 370px;
+right: -370px;
+width: 370px;
}
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
- margin-left: -370px;
+margin-left: -370px;
}
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
- margin-right: 370px;
- margin-left: -370px;
+margin-right: 370px;
+margin-left: -370px;
}
.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
- margin-right: 370px;
+margin-right: 370px;
}
.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
- margin-left: -370px;
+margin-left: -370px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
- width: 370px !important;
+width: 370px !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
- width: 370px !important;
- margin-left: 370px;
+width: 370px !important;
+margin-left: 370px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
- margin-left: -370px;
+margin-left: -370px;
}
*/
+
+.file-upload {
+ position: relative;
+ overflow: hidden;
+ background: #00FF33;
+ border: none;
+ margin: 1px;
+ height: 26px;
+ width: 26px;
+}
+
+.file-upload:hover {
+ background-color: #00CC33;
+}
+
+.file-upload input.file-input {
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ font-size: 20px;
+ cursor: pointer;
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+
+.ta-editor.form-control.myform2-height, .ta-scroll-window.form-control.myform2-height {
+ height: 400px;
+ min-height: 400px;
+ overflow: auto;
+ font-family: inherit;
+ font-size: 100%;
+}
+
+.ta-editor.form-control.myform2-height::-webkit-scrollbar {
+ width: 7px;
+}
+
+.form-control.myform2-height > .ta-bind {
+ min-height: 400px;
+ padding: 6px 12px;
+}
+
+#chat-box {
+ height: 350px;
+ overflow : auto;
+ padding-right: 10px;
+}
+
+#chat-box::-webkit-scrollbar {
+ width: 7px;
+}
+
+#mail-box {
+ height: 781px;
+ overflow : auto;
+ padding-right: 10px;
+}
+
+#mail-box::-webkit-scrollbar {
+ width: 7px;
+}
+
+.motion-contact-uib-tab div.ng-binding, .motion-newContact-uib-tab div.ng-binding {
+ border-top: 2px solid #8775a7 !important;
+}
+
+.motion-chatRoom-uib-tab div.ng-binding {
+ border-top: 2px solid #5bc0de !important;
+}
+
+.motion-mailRoom-uib-tab div.ng-binding {
+ border-top: 2px solid #5cb85c !important;
+}
+
+.motion-faxRoom-uib-tab div.ng-binding {
+ border-top: 2px solid #f0ad4e !important;
+}
+
+.motion-smsRoom-uib-tab div.ng-binding {
+ border-top: 2px solid #d9534f !important;
+}
+
+.motion-jscripty-uib-tab div.ng-binding {
+ border-top: 2px solid #002C4C !important;
+}
+
+.motion-tdDisposal-uib-tab div.ng-binding {
+ border-top: 2px solid #b6af04 !important;
+}
+
+.motion-openchannelRoom-uib-tab div.ng-binding {
+ border-top: 2px solid #50937f !important;
+}
+
+.pretty-avatar {
+ padding-top: 4px;
+}
+
+.pretty-avatar-v {
+ padding: 2px;
+}
+
+.small-pretty-avatar {
+ height: 27px;
+ width: 27px;
+ -webkit-border-radius: 50% !important;
+ -moz-border-radius: 50% !important;
+ border-radius: 50% !important;
+ padding: 2px;
+ border: 2px solid #3399CC;
+ border-radius: 100%;
+ box-shadow: 0 0 4px RGBA(51, 153, 204, 0.4);
+}
+
+.small-pretty-avatar-v {
+ height: 27px;
+ width: 27px;
+ -webkit-border-radius: 50% !important;
+ -moz-border-radius: 50% !important;
+ border-radius: 50% !important;
+ padding: 2px;
+ border: 2px solid #EA4C61;
+ border-radius: 100%;
+ box-shadow: 0 0 4px RGBA(51, 153, 204, 0.4);
+}
+
+.message-body {
+ word-wrap: break-word;
+ white-space: pre-wrap
+}
+
.inactive-link {
- pointer-events: none;
- cursor: default;
+ pointer-events: none;
+ cursor: default;
}
.ui-grid-vcenter div {
}
.float-left{
- float: left;
+ float: left !important;
}
.checker {
}
[ui-view].ng-enter{
--webkit-animation: fadeInUpm .5s;
-animation: fadeInUpm .5s;
+ -webkit-animation: fadeInUpm .5s;
+ animation: fadeInUpm .5s;
}
.steps-indicator, .steps{
}
button.close {
- padding: 0;
- cursor: pointer;
- background: 0 0;
- border: 0;
- -webkit-appearance: none;
+ padding: 0;
+ cursor: pointer;
+ background: 0 0;
+ border: 0;
+ -webkit-appearance: none;
}
.close {
- float: right;
- font-size: 21px;
- font-weight: 700;
- line-height: 1;
- color: #000;
- text-shadow: 0 1px 0 #fff;
- opacity: .2;
- filter: alpha(opacity=20);
+ float: right;
+ font-size: 21px;
+ font-weight: 700;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: .2;
+ filter: alpha(opacity=20);
}
.alert {
}
.alert .close{
-text-indent: inherit !important;
-background-image: none !important;
-width: auto !important;
+ text-indent: inherit !important;
+ background-image: none !important;
+ width: auto !important;
}
.page-404 {
font-size: 17px;
}
-.ui-select-multiple input.ui-select-search {
- width: 100% !important;
-}
+/*.ui-select-multiple input.ui-select-search {
+width: 100% !important;
+}*/
.over-topbar, .modal.fade {
z-index: 9996 !important;
margin-left: 20px;
}
+.left-margin-40{
+ margin-left: 40px;
+}
+
.contact-portlet{
- overflow-x:hidden;
- overflow-y:auto;
+ /*overflow-x:hidden;
+ overflow-y:auto;*/
/*height: 337px;*/
}
.contact-tab{
- background: #F1F3FA;
- padding-top:20px;
+ background: #F1F3FA;
+ padding-top:20px;
}
.contact-tab-container{
}
.ui-sortable-helper {
- display: table;
+ display: table;
}
.report-field-remove{
}
.portlet.light .portlet-title {
- padding: 0;
- min-height: 48px;
+ padding: 0;
+ min-height: 48px;
}
.portlet .portlet-title {
- border-bottom: 1px solid #eee;
- padding: 0;
- margin-bottom: 10px;
- min-height: 41px;
- -webkit-border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -ms-border-radius: 4px 4px 0 0;
- -o-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
+ border-bottom: 1px solid #eee;
+ padding: 0;
+ margin-bottom: 10px;
+ min-height: 41px;
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+ -ms-border-radius: 4px 4px 0 0;
+ -o-border-radius: 4px 4px 0 0;
+ border-radius: 4px 4px 0 0;
}
.ui-select-match-text{
}
body > [uib-modal-window]:not([modal-render]) {
- display: none;
+ display: none;
}
.watermark {
- /*border: 1px blue solid;*/
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- opacity: 0.7;
- width: 100%;
- text-align: center;
- z-index: 1000;
- font-size: 25px;
+ /*border: 1px blue solid;*/
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ opacity: 0.7;
+ width: 100%;
+ text-align: center;
+ z-index: 1000;
+ font-size: 25px;
}
.centered-uigrid-td {
}
@keyframes blink { 0% {border-color: transparent;}
- 25% { border-color: #EACD9E; }
- 50% { border-color: #ECC077; }
- 75% { border-color: #ECB861; }
- 100% { border-color: #FFB848; }
- }
+25% { outline-color: #EACD9E; }
+50% { outline-color: #ECC077; }
+75% { outline-color: #ECB861; }
+100% { outline-color: #FFB848; }
+}
.paused-agent{
- border: 2px solid transparent;
- animation: blink .5s step-end infinite alternate;
+ outline: 2px solid transparent;
+ animation: blink .5s step-end infinite alternate;
+ outline-offset:-2px;
+ /*Reduce CPU load*/
+ transform: translateZ(0);
+ -webkit-transform: translateZ(0);
+ -ms-transform: translateZ(0);
}
.otherfields-col{
}
.profile-content{
- min-height: 800px;
+ min-height: 800px;
}
.portfolio-stat p {
- color: #16a1f2;
- display: block;
- font-size: 22px;
- line-height: 28px;
- margin-top: 0px;
- font-weight: 200;
- width: 100%;
- text-transform: uppercase;
- overflow: hidden;
- text-overflow: ellipsis;
- }
+ color: #16a1f2;
+ display: block;
+ font-size: 22px;
+ line-height: 28px;
+ margin-top: 0px;
+ font-weight: 200;
+ width: 100%;
+ text-transform: uppercase;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
.portfolio-stat{
text-transform: uppercase;
padding: 10px 25px;
}
+
+.scrollable-menu {
+ height: auto;
+ max-height: 380px;
+ overflow-x: hidden;
+}
+
+.daterangepicker_start_input,.daterangepicker_end_input{
+ display:none !important;
+}
+
+.margin-top20{
+ margin-top:20px;
+}
+
+.disabled-invisible{
+ color:#EEEEEE !important;
+}
+
+.display-none{
+ display:none !important;
+}
+
+.padding-side-7{
+ padding-right:7px !important;
+ padding-left:7px !important;
+}
+
+.custom-header-a{
+ padding:4px 6px 1px 8px !important;
+}
+
+.custom-header-a div{
+ color: #c6cfda;
+ max-width: 150px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden !important;
+}
+
+.custom-header-a:hover{
+ background-color:transparent !important;
+}
+
+.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle.custom-header-a{
+ background-color:transparent !important;
+}
+
+.header-bar-button{
+ padding-bottom: 3px !important;
+ padding-top: 4px !important;
+ margin-top: 10px !important;
+ border-radius: 20px !important;
+}
+
+.header-bar-button-controls{
+ border: 1px solid #79869a;
+}
+
+.header-ul-with-separator{
+ height: 46px;
+ outline: 2px solid #79869a;
+ outline-offset:-4px;
+}
+
+.paused-header{
+ outline: 2px solid transparent;
+ animation: blink .5s step-end infinite alternate;
+ outline-offset:-4px;
+}
+
+.custom-date-filter-modal .modal-dialog.modal-md{
+ width: 350px;
+}
+
+.chat-canned-answer-div{
+ margin-top:15px;
+ padding-top: 15px;
+ border-top: 1px solid #eee;
+}
+
+rzslider .rz-pointer{
+ border-radius: 16px !important;
+}
+
+rzslider .rz-ticks .rz-tick{
+ border-radius: 50% !important;
+}
+
+.span-link{
+ color: #337ab7;
+ text-decoration: none;
+ text-shadow: none;
+}
+
+.span-link:hover{
+ text-decoration: underline;
+ cursor:pointer;
+}
+
+.custom-logo{
+ max-height: 23px;
+}
+
+.custom-login-logo{
+ max-height: 140px;
+}
+
+.upborder{
+ border-top: 1px solid #eee;
+}
+
+.myCurtainClass{
+ opacity: 0.2;
+}
+
+.dot
+{
+ display: inline-block;
+ width: 500px;
+ white-space: nowrap;
+ overflow: hidden !important;
+ text-overflow: ellipsis;
+}
+
+.yellow-notes{
+ background-color:#FFFFCC;
+}
+
+.notes-textarea,.notes-textarea:focus, .notes-textarea:hover, .notes-textarea:active{
+ background-color:#FFFFCC;
+ width: calc(100%);
+ height: 200px;
+ resize: none;
+ border: none;
+ overflow: auto;
+ outline: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+
+.center-text{
+ text-align:center;
+}
+
+.no-border{
+ border:none !important;
+}
+
+.about-logo{
+ max-width: 250px;
+}
+
+.ui-select-multiple input.ui-select-search:not(.ng-touched) {
+ width: 100% !important;
+}
+
+.ui-select-choices-row disabled{
+ color: #EEEEEE;
+}
+
+.td-disposal-logo{
+ max-height: 60px;
+}
+
+.pricing.disabled-update .pricing-head h3 {
+
+ background: #BFBFBF !important;
+ border-bottom: solid 1px #BFBFBF !important;
+}
+
+.pricing.disabled-update:hover {
+ border: 3px solid #BFBFBF !important;
+}
+
+.pricing.disabled-update:hover h4 {
+ color: #BFBFBF !important;
+}
+
+.pricing.disabled-update .pricing-content li i {
+ color: #BFBFBF ! important;
+}
+
+.pricing.current-version .pricing-head h3 {
+
+ background: #8775a7 !important;
+ border-bottom: solid 1px #8775a7 !important;
+}
+
+.pricing.current-version:hover {
+ border: 3px solid #8775a7 !important;
+}
+
+.pricing.current-version:hover h4 {
+ color: #8775a7 !important;
+}
+
+.pricing.current-version .pricing-content li i {
+ color: #8775a7 ! important;
+}
+
+.right-margin-10{
+ margin-right: 10px;
+}