Built motion from commit 27e0a5d.|1.0.8
[motion.git] / public / assets / css / global / custom.css
index 355516a..0065780 100644 (file)
@@ -1,12 +1,12 @@
 /* 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;
 }*/
 
 /***
@@ -14,16 +14,16 @@ Rounded Portlets
 ***/
 /*
 .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;
 }
 */
 
@@ -33,40 +33,178 @@ Change Quick Sidebar Width
 
 /*
 .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;
+}
+
 .ui-grid-vcenter div {
   /*background-color: yellow !important;*/
   /*text-align:center;*/
@@ -78,6 +216,10 @@ Change Quick Sidebar Width
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
+  /*word-wrap: break-word;*/
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden !important;
 }
 
 .demo {
@@ -89,7 +231,7 @@ Change Quick Sidebar Width
 }
 
 .float-left{
-  float: left;
+  float: left !important;
 }
 
 .checker {
@@ -122,8 +264,8 @@ Change Quick Sidebar Width
 }
 
 [ui-view].ng-enter{
--webkit-animation: fadeInUpm .5s;
-animation: fadeInUpm .5s;
+  -webkit-animation: fadeInUpm .5s;
+  animation: fadeInUpm .5s;
 }
 
 .steps-indicator, .steps{
@@ -151,21 +293,21 @@ animation: fadeInUpm .5s;
 }
 
 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 {
@@ -245,9 +387,9 @@ button.close {
 }
 
 .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 {
@@ -279,9 +421,9 @@ width: auto !important;
   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;
@@ -322,15 +464,19 @@ width: auto !important;
   margin-left: 20px;
 }
 
+.left-margin-40{
+  margin-left: 40px;
+}
+
 .contact-portlet{
-  overflow-x:hidden;
-  overflow-y:auto;
-  height: 337px;
+  /*overflow-x:hidden;
+  overflow-y:auto;*/
+  /*height: 337px;*/
 }
 
 .contact-tab{
-    background: #F1F3FA;
-    padding-top:20px;
+  background: #F1F3FA;
+  padding-top:20px;
 }
 
 .contact-tab-container{
@@ -368,7 +514,7 @@ width: auto !important;
 }
 
 .ui-sortable-helper {
-    display: table;
+  display: table;
 }
 
 .report-field-remove{
@@ -378,19 +524,19 @@ width: auto !important;
 }
 
 .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{
@@ -418,5 +564,313 @@ width: auto !important;
 }
 
 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;
+}
+
+.centered-uigrid-td {
+  text-align: center;
+  margin:4px;
+}
+
+.condition{
+  margin-top: 8px;
+  margin-bottom:8px;
+}
+
+.ms-container .ms-list{
+  height:430px !important;
+}
+
+.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection{
+  padding: 7px 12px !important;
+}
+
+.ms-container{
+  width:100% !important;
+}
+
+.ms-optgroup-label{
+  text-align: center;
+  font-weight:bold;
+  background-color: #F0F0F0;
+}
+
+.ui-grid-cell div {
+  /*word-wrap: break-word;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden !important;*/
+}
+
+.pause-select{
+  width:20px;
+  /*border-color: #E3D9D9;*/
+  color: #A29999;
+  border:none;
+}
+
+@keyframes blink {  0% {border-color: transparent;}
+25% { outline-color: #EACD9E; }
+50% { outline-color: #ECC077; }
+75% { outline-color: #ECB861; }
+100% { outline-color: #FFB848; }
+}
+.paused-agent{
+  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{
+  min-height: 400px !important;
+  max-width: 100%;
+}
+
+.profile-content{
+  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;
+}
+
+.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;
+}
+
+.failed-contacts{
+  word-wrap:break-word;
+  max-height: 200px;
+  overflow-y:scroll;
 }