github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/jarviswidgets/jarwis.css (about)

     1  article.sortable-grid {
     2      min-height: 30px;
     3  }
     4  .jarviswidget {
     5      margin: 0 0 30px 0;
     6      position: relative;
     7      -moz-border-radius: 0px;
     8      -khtml-border-radius: 0px;
     9      -webkit-border-radius: 0px;
    10      border-radius: 0px;
    11      padding: 0;
    12  }
    13  .widget-content-padding {
    14      padding: 20px;
    15  }
    16  .widget-content-padding .well {
    17      margin-bottom: 0px;
    18  }
    19  /*
    20  	 * HEADER
    21  	 */
    22  .jarviswidget > header {
    23      height: 34px;
    24      padding: 0;
    25      line-height: 40px;
    26  }
    27  .jarviswidget > header > .widget-icon {
    28      display: block;
    29      width: 30px;
    30      height: 32px;
    31      position: relative;
    32      float: left;
    33      font-size: 111%;
    34      line-height: 32px;
    35      text-align: center;
    36      margin-right: -10px;
    37  }
    38  .jarviswidget > header h2 {
    39      height: 100%;
    40      width: auto;
    41      display: inline-block;
    42      font-size: 14px;
    43      position: relative;
    44      margin: 0;
    45      line-height: 34px;
    46      font-weight: normal;
    47      letter-spacing: 0px;
    48  }
    49  .jarviswidget > header > h2 {
    50      margin-left: 10px;
    51      float: left;
    52  }
    53  .jarviswidget > header > :first-child.widget-icon {
    54      margin-left: 0;
    55  }
    56  .jarviswidget > header .jarviswidget-icon {
    57      width: 16px;
    58      height: 16px;
    59      float: left;
    60      margin: 12px 10px 0 0;
    61      display: block;
    62      zoom: 1;
    63      z-index: 4000;
    64  }
    65  .ui-sortable .jarviswidget-sortable > header {
    66      cursor: move;
    67      -moz-border-radius: 0px;
    68      -khtml-border-radius: 0px;
    69      -webkit-border-radius: 0px;
    70      border-radius: 0px;
    71      line-height: normal;
    72      box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    73      -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    74      -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    75  }
    76  .ui-sortable .jarviswidget-sortable.jarviswidget-collapsed > header {
    77      -moz-border-radius: 0px;
    78      -khtml-border-radius: 0px;
    79      -webkit-border-radius: 0px;
    80      border-radius: 0px;
    81  }
    82  .jarviswidget-ctrls {
    83      width: auto;
    84      float: right;
    85      padding: 0;
    86      margin: 0;
    87  }
    88  .jarviswidget-ctrls .button-icon {
    89      min-width: 30px;
    90      height: 32px;
    91      float: left;
    92      position: relative;
    93      font-family: Arial, Helvetica, sans-serif;
    94      border-left: 1px solid rgba(0, 0, 0, 0.09);
    95  }
    96  .jarviswidget-ctrls .button-icon:hover {
    97      background-color: rgba(0, 0, 0, 0.05);
    98  }
    99  .jarviswidget-loader {
   100      width: 32px;
   101      height: 32px;
   102      margin: 0;
   103      float: right;
   104      background-repeat: no-repeat;
   105      background-position: center center;
   106      display: none;
   107      text-align: center;
   108      line-height: 32px;
   109      font-size: 111%;
   110  }
   111  /*
   112  	 * CONTENT
   113  	 */
   114  .jarviswidget > div {
   115      float: left;
   116      width: 100%;
   117      position: relative;
   118      font-size: 13px;
   119      -moz-border-radius: 0px;
   120      -khtml-border-radius: 0px;
   121      -webkit-border-radius: 0px;
   122      border-radius: 0px;
   123      margin: 0;
   124      border-width: 1px 1px 2px 1px;
   125      border-style: solid;
   126      border-top: none;
   127      border-right-color: #CCC !important;
   128      border-bottom-color: #CCC !important;
   129      border-left-color: #CCC !important;
   130      padding: 13px 13px 0px;
   131      overflow: visible;
   132  }
   133  .jarviswidget .widget-body {
   134      min-height: 100px;
   135      position: relative;
   136      padding-bottom: 13px;
   137  }
   138  .jarviswidget .widget-body.widget-hide-overflow {
   139      overflow: hidden;
   140  }
   141  .widget-toolbar.no-border {
   142      border-left: none;
   143  }
   144  .widget-body.no-padding {
   145      margin: -13px -13px 0px;
   146  }
   147  .widget-body.no-padding .alert {
   148      margin: 0 0 10px;
   149      padding: 10px;
   150      box-shadow: none !important;
   151      -webkit-box-shadow: none !important;
   152      -moz-box-shadow: none !important;
   153      border-width: 0px 0px 1px !important;
   154      border-radius: 0px !important;
   155      -webkit-border-radius: 0px !important;
   156      -moz-border-radius: 0px !important;
   157  }
   158  .jarviswidget.well.transparent .widget-body.no-padding {
   159      margin: 0px !important;
   160  }
   161  .widget-body > table {
   162      margin-bottom: 0;
   163  }
   164  .widget-body.no-padding .cke_chrome,
   165  .no-padding .md-editor {
   166      border: none;
   167  }
   168  .widget-toolbar > .smart-form {
   169      margin-top: 2px;
   170  }
   171  .widget-toolbar > .smart-form .toggle:last-child {
   172      font-size: 12px;
   173      line-height: 29px;
   174  }
   175  .widget-toolbar  > .smart-form .radio input + i,
   176  .widget-toolbar  > .smart-form .checkbox input + i,
   177  .widget-toolbar  > .smart-form .toggle input + i {
   178      border-width: 1px;
   179      border-color: #C7C7C7 !important;
   180      margin-top: 1px;
   181      box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
   182      -webkit-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
   183      -moz-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
   184  }
   185  /*
   186  	 * WELL WIDGET
   187  	 */
   188  .jarviswidget.well {
   189      margin: 0 0 30px 0;
   190  }
   191  .jarviswidget.well > div {
   192      border: none !important;
   193      box-shadow: none !important;
   194      -webkit-box-shadow: none !important;
   195      -moz-box-shadow: none !important;
   196  }
   197  .jarviswidget.well header {
   198      display: none;
   199  }
   200  /*
   201  	 * WIDGET FOOTER
   202  	 */
   203  .widget-footer {
   204      display: block;
   205      min-height: 32px;
   206      vertical-align: middle;
   207      position: relative;
   208      background-color: #F8F7F7;
   209      padding: 5px;
   210      border-top: 1px solid #E4E4E4;
   211      text-align: right;
   212      margin: 0px -13px -13px;
   213  }
   214  .no-padding .widget-footer {
   215      margin: 0;
   216  }
   217  .widget-footer.smart-form > label {
   218      margin-top: 4px;
   219      display: block;
   220  }
   221  /*
   222  	 * EDIT BOX
   223  	 */
   224  .jarviswidget-editbox {
   225      display: none;
   226      padding: 10px;
   227  }
   228  /*.jarviswidget-editbox div {
   229  		width: 100%;
   230  		float: left;
   231  		margin-bottom: 0;
   232  	}
   233  	.jarviswidget-editbox label {
   234  		width: 80px;
   235  		height: 26px;
   236  		float: left;
   237  		line-height: 26px;
   238  		font-weight: bold;
   239  		margin-bottom:0;
   240  	}
   241  	.jarviswidget-editbox input {
   242  		width: 200px;
   243  		height: 24px;
   244  		padding: 0 5px;
   245  		border: 1px solid #666;
   246  	}
   247  	.jarviswidget-editbox span {
   248  		height: 26px;
   249  		width: 26px;
   250  		float: left;
   251  		margin: 0 5px 0 0;
   252  		cursor: pointer;
   253  	}*/
   254  /*
   255  	 * TIMESTAMP
   256  	 */
   257  .jarviswidget-timestamp {
   258      font-size: 12px;
   259      color: #868686;
   260      font-style: italic;
   261      margin: 10px 0 0;
   262  }
   263  /*
   264  	 * HELPERS
   265  	 */
   266  .jarviswidget-placeholder {
   267      -moz-border-radius: 0px;
   268      -khtml-border-radius: 0px;
   269      -webkit-border-radius: 0px;
   270      border-radius: 0px;
   271      margin-bottom: 28px;
   272      /* adjusted from 28px */
   273      padding: 0;
   274      -webkit-box-sizing: border-box;
   275      -khtml-box-sizing: border-box;
   276      -moz-box-sizing: border-box;
   277      -ms-box-sizing: border-box;
   278      box-sizing: border-box;
   279  }
   280  /*
   281  	 * FULL SCREEN
   282  	 */
   283  body.nooverflow {
   284      overflow: hidden;
   285      position: fixed;
   286      width: 100%;
   287  }
   288  #jarviswidget-fullscreen-mode {
   289      width: 100%;
   290      height: 100%;
   291      position: fixed;
   292      top: 0;
   293      left: 0;
   294      z-index: 1050;
   295  }
   296  #jarviswidget-fullscreen-mode .jarviswidget {
   297      margin: 0;
   298      -moz-border-radius: 0;
   299      -khtml-border-radius: 0;
   300      -webkit-border-radius: 0;
   301      border-radius: 0;
   302  }
   303  #jarviswidget-fullscreen-mode .jarviswidget > div {
   304      overflow-y: scroll;
   305      -moz-border-radius: 0;
   306      -khtml-border-radius: 0;
   307      -webkit-border-radius: 0;
   308      border-radius: 0;
   309  }
   310  #jarviswidget-fullscreen-mode > div > header {
   311      cursor: default;
   312  }
   313  /*
   314  	 * WIDGET BODY TOOLBAR
   315  	 */
   316  .widget-body-toolbar,
   317  .smart-form.widget-body-toolbar {
   318      display: block;
   319      padding: 8px 10px;
   320      margin: -13px -13px 13px;
   321      min-height: 42px;
   322      border-bottom: 1px solid #ccc;
   323      background: #fafafa;
   324  }
   325  .no-padding.widget-body-toolbar,
   326  .no-padding .widget-body-toolbar,
   327  .no-padding .smart-form.widget-body-toolbar {
   328      display: block;
   329      margin: 0px;
   330  }
   331  .widget-body-toolbar.smart-form .inline-group,
   332  .smart-form .widget-body-toolbar .inline-group {
   333      float: left;
   334      margin-top: 4px;
   335  }
   336  .widget-body-toolbar .btn {
   337      vertical-align: middle;
   338  }
   339  .widget-body-toolbar .btn-xs {
   340      margin-top: 5px;
   341  }
   342  /*
   343  	 * WIDGET BODY AJAX LOAD
   344  	 */
   345  .widget-body-ajax-loading::before {
   346      content: url('plugins/images/ajax-loader.gif');
   347      padding-top: 18%;
   348      text-align: center;
   349      font-weight: bold;
   350      font-size: 16px;
   351      color: #fff;
   352      display: block;
   353      background: rgba(255, 255, 255, 0.4);
   354      height: 100%;
   355      z-index: 1;
   356      width: 100%;
   357      position: absolute;
   358  }
   359  .widget-body-ajax-loading:hover {
   360      cursor: wait !important;
   361  }
   362  /*
   363  	 * STYLING
   364  	 * Default
   365  	 */
   366  .jarviswidget > header {
   367      color: #333;
   368      border: 1px solid #C2C2C2;
   369      background: #fafafa;
   370  }
   371  .jarviswidget > div {
   372      background-color: #fff !important;
   373  }
   374  .jarviswidget-editbox {
   375      border-bottom: 1px solid #B1B1B1;
   376      background-color: #fff;
   377      margin: -13px -13px 13px;
   378  }
   379  .no-padding .jarviswidget-editbox {
   380      margin: 0 0 10px;
   381  }
   382  .jarviswidget-placeholder {
   383      background-color: #FFC;
   384      border: 1px dashed #A7A7A7;
   385  }
   386  /*
   387  	 * CUSTOM STYLES
   388  	 */
   389  /* remove colors */
   390  .jarviswidget-remove-colors {
   391      color: #333 !important;
   392      padding: 0 !important;
   393      background: none !important;
   394  }
   395  /* magenta theme */
   396  .jarviswidget-color-magenta > header {
   397      border-color: #643167 !important;
   398      background: #6e3671;
   399      color: #ffffff;
   400  }
   401  .jarviswidget-color-magenta  > header  > .jarviswidget-ctrls a,
   402  .jarviswidget-color-magenta .nav-tabs li:not(.active) a {
   403      color: #ffffff !important;
   404  }
   405  .jarviswidget-color-magenta .nav-tabs li a:hover {
   406      color: #333 !important;
   407  }
   408  /* pink theme */
   409  .jarviswidget-color-pink > header {
   410      border-color: #a24d7f !important;
   411      background: #ac5287;
   412      color: #ffffff;
   413  }
   414  .jarviswidget-color-pink  > header  > .jarviswidget-ctrls a,
   415  .jarviswidget-color-pink .nav-tabs li:not(.active) a {
   416      color: #ffffff !important;
   417  }
   418  .jarviswidget-color-pink .nav-tabs li a:hover {
   419      color: #333 !important;
   420  }
   421  /* pinkDark theme */
   422  .jarviswidget-color-pinkDark > header {
   423      border-color: #a27998 !important;
   424      background: #a8829f;
   425      color: #ffffff;
   426  }
   427  .jarviswidget-color-pinkDark  > header  > .jarviswidget-ctrls a,
   428  .jarviswidget-color-pinkDark .nav-tabs li:not(.active) a {
   429      color: #ffffff !important;
   430  }
   431  .jarviswidget-color-pinkDark .nav-tabs li a:hover {
   432      color: #333 !important;
   433  }
   434  /* yellow theme */
   435  .jarviswidget-color-yellow > header {
   436      border-color: #aa9452 !important;
   437      background: #b09b5b;
   438      color: #ffffff;
   439  }
   440  .jarviswidget-color-yellow  > header  > .jarviswidget-ctrls a,
   441  .jarviswidget-color-yellow .nav-tabs li:not(.active) a {
   442      color: #ffffff !important;
   443  }
   444  .jarviswidget-color-yellow .nav-tabs li a:hover {
   445      color: #333 !important;
   446  }
   447  /* orange theme */
   448  .jarviswidget-color-orange > header {
   449      border-color: #ba871f !important;
   450      background: #c79121;
   451      color: #ffffff;
   452  }
   453  .jarviswidget-color-orange  > header  > .jarviswidget-ctrls a,
   454  .jarviswidget-color-orange .nav-tabs li:not(.active) a {
   455      color: #ffffff !important;
   456  }
   457  .jarviswidget-color-orange .nav-tabs li a:hover {
   458      color: #333 !important;
   459  }
   460  /* orangeDark theme */
   461  .jarviswidget-color-orangeDark > header {
   462      border-color: #b1811d !important;
   463      background: #b6841e;
   464      color: #ffffff;
   465  }
   466  .jarviswidget-color-orangeDark  > header  > .jarviswidget-ctrls a,
   467  .jarviswidget-color-orangeDark .nav-tabs li:not(.active) a {
   468      color: #ffffff !important;
   469  }
   470  .jarviswidget-color-orangeDark .nav-tabs li a:hover {
   471      color: #333 !important;
   472  }
   473  /* darken theme */
   474  .jarviswidget-color-darken > header {
   475      border-color: #383838 !important;
   476      background: #404040;
   477      color: #ffffff;
   478  }
   479  .jarviswidget-color-darken  > header  > .jarviswidget-ctrls a,
   480  .jarviswidget-color-darken  > .nav-tabs  > li:not(.active)  > a {
   481      color: #ffffff !important;
   482  }
   483  .jarviswidget-color-darken .nav-tabs li a:hover {
   484      color: #333 !important;
   485  }
   486  /* purple theme */
   487  .jarviswidget-color-purple > header {
   488      border-color: #665271 !important;
   489      background: #6e587a;
   490      color: #ffffff;
   491  }
   492  .jarviswidget-color-purple  > header  > .jarviswidget-ctrls a,
   493  .jarviswidget-color-purple .nav-tabs li:not(.active) a {
   494      color: #ffffff !important;
   495  }
   496  .jarviswidget-color-purple .nav-tabs li a:hover {
   497      color: #333 !important;
   498  }
   499  /* teal theme */
   500  .jarviswidget-color-teal > header {
   501      border-color: #508180 !important;
   502      background: #568a89;
   503      color: #ffffff;
   504  }
   505  .jarviswidget-color-teal  > header  > .jarviswidget-ctrls a,
   506  .jarviswidget-color-teal .nav-tabs li:not(.active) a {
   507      color: #ffffff !important;
   508  }
   509  .jarviswidget-color-teal .nav-tabs li a:hover {
   510      color: #333 !important;
   511  }
   512  /* teal theme */
   513  .jarviswidget-color-blueDark > header {
   514      border-color: #45474b !important;
   515      background: #4c4f53;
   516      color: #ffffff;
   517  }
   518  .jarviswidget-color-blueDark  > header  > .jarviswidget-ctrls a,
   519  .jarviswidget-color-blueDark .nav-tabs li:not(.active) a {
   520      color: #ffffff !important;
   521  }
   522  .jarviswidget-color-blueDark .nav-tabs li a:hover {
   523      color: #333 !important;
   524  }
   525  /* blue theme */
   526  .jarviswidget-color-blue > header {
   527      border-color: #45474b !important;
   528      background: #4c4f53;
   529      color: #ffffff;
   530  }
   531  .jarviswidget-color-blue  > header  > .jarviswidget-ctrls a,
   532  .jarviswidget-color-blue .nav-tabs li:not(.active) a {
   533      color: #ffffff !important;
   534  }
   535  .jarviswidget-color-blue .nav-tabs li a:hover {
   536      color: #333 !important;
   537  }
   538  /* blueLight theme */
   539  .jarviswidget-color-blueLight > header {
   540      border-color: #a0aeb3 !important;
   541      background: #cbd2d5;
   542      color: #000000;
   543  }
   544  .jarviswidget-color-blueLight  > header  > .jarviswidget-ctrls a,
   545  .jarviswidget-color-blueLight .nav-tabs li:not(.active) a {
   546      color: #2b363c !important;
   547  }
   548  .jarviswidget-color-blueLight .nav-tabs li a:hover {
   549      color: #2b363c !important;
   550  }
   551  /* red theme */
   552  .jarviswidget-color-red > header {
   553      border-color: #9a0325 !important;
   554      background: #a90329;
   555      color: #ffffff;
   556  }
   557  .jarviswidget-color-red  > header  > .jarviswidget-ctrls a,
   558  .jarviswidget-color-red .nav-tabs li:not(.active) a {
   559      color: #ffffff !important;
   560  }
   561  .jarviswidget-color-red .nav-tabs li a:hover {
   562      color: #333 !important;
   563  }
   564  /* redLight theme */
   565  .jarviswidget-color-redLight > header {
   566      border-color: #9c5353 !important;
   567      background: #a65858;
   568      color: #ffffff;
   569  }
   570  .jarviswidget-color-redLight  > header  > .jarviswidget-ctrls a,
   571  .jarviswidget-color-redLight .nav-tabs li:not(.active) a {
   572      color: #fff !important;
   573  }
   574  .jarviswidget-color-redLight .nav-tabs li a:hover {
   575      color: #333 !important;
   576  }
   577  /* white theme */
   578  .jarviswidget-color-white > header {
   579      border-color: #cccccc !important;
   580      background: #ffffff;
   581      color: #666666;
   582  }
   583  .jarviswidget-color-white  > header  > .jarviswidget-ctrls a,
   584  .jarviswidget-color-white .nav-tabs li:not(.active) a {
   585      color: #808080 !important;
   586  }
   587  .jarviswidget-color-white .nav-tabs li a:hover {
   588      color: #808080 !important;
   589  }
   590  /* greenDark theme */
   591  .jarviswidget-color-greenDark > header {
   592      border-color: #436043 !important;
   593      background: #496949;
   594      color: #ffffff;
   595  }
   596  .jarviswidget-color-greenDark  > header  > .jarviswidget-ctrls a,
   597  .jarviswidget-color-greenDark .nav-tabs li:not(.active) a {
   598      color: #ffffff !important;
   599  }
   600  .jarviswidget-color-greenDark .nav-tabs li a:hover {
   601      color: #333 !important;
   602  }
   603  /* green theme */
   604  .jarviswidget-color-green > header {
   605      border-color: #306430 !important;
   606      background: #356e35;
   607      color: #ffffff;
   608  }
   609  .jarviswidget-color-green  > header  > .jarviswidget-ctrls a,
   610  .jarviswidget-color-green .nav-tabs li:not(.active) a {
   611      color: #ffffff !important;
   612  }
   613  .jarviswidget-color-green .nav-tabs li a:hover {
   614      color: #333 !important;
   615  }
   616  /* greenLight theme */
   617  .jarviswidget-color-greenLight > header {
   618      border-color: #687a3a !important;
   619      background: #71843f;
   620      color: #ffffff;
   621  }
   622  .jarviswidget-color-greenLight  > header  > .jarviswidget-ctrls a,
   623  .jarviswidget-color-greenLight .nav-tabs li:not(.active) a {
   624      color: #fff !important;
   625  }
   626  .jarviswidget-color-greenLight .nav-tabs li a:hover {
   627      color: #333 !important;
   628  }
   629  /*
   630  	 * WIDGET COLOR DROPDOWN
   631  	 *
   632  	 */
   633  .color-select {
   634      list-style: none;
   635      margin: 0;
   636      padding: 4px;
   637      min-width: 166px;
   638      max-width: 156px;
   639      right: -3px;
   640  }
   641  .color-select li {
   642      display: block;
   643      margin: 2px;
   644      float: left;
   645  }
   646  .color-select li span:hover {
   647      border: 3px solid rgba(0, 0, 0, 0.2);
   648  }
   649  .color-select li span,
   650  .color-box {
   651      display: block;
   652      width: 22px;
   653      height: 22px;
   654      padding: 0;
   655      background: #333;
   656      box-sizing: border-box;
   657      -moz-box-sizing: border-box;
   658      -webkit-box-sizing: border-box;
   659      border: 1px solid rgba(0, 0, 0, 0.1);
   660      cursor: pointer;
   661  }
   662  .color-box {
   663      position: relative;
   664      vertical-align: middle;
   665      border: 1px solid rgba(255, 255, 255, 0.3) !important;
   666      outline: 1px solid rgba(0, 0, 0, 0.1);
   667      background: rgba(255, 255, 255, 0.3) !important;
   668  }
   669  .color-box:hover,
   670  .open .color-box {
   671      outline: 1px solid rgba(0, 0, 0, 0.1) !important;
   672  }
   673  .color-box:hover {
   674      -webkit-transform: scale(1.07);
   675      -moz-transform: scale(1.07);
   676  }
   677  .color-box:active {
   678      top: 1px;
   679      left: 1px;
   680  }
   681  .widget-toolbar > .color-box {
   682      margin-top: 7px;
   683      width: 18px;
   684      height: 18px;
   685      outline: 1px solid rgba(0, 0, 0, 0.2);
   686  }
   687  .widget-toolbar .dropdown-menu.color-select {
   688      right: -1px;
   689  }
   690  .widget-toolbar  > .color-box:hover,
   691  .widget-toolbar  > .color-box:active,
   692  .widget-toolbar  > .color-box:focus {
   693      outline: 1px solid rgba(0, 0, 0, 0.25) !important;
   694  }
   695  /*
   696  	 * ICONS
   697  	 */
   698  .jarviswidget-ctrls a {
   699      text-decoration: none;
   700      font-size: 14px;
   701      text-align: center;
   702      display: inline-block;
   703      line-height: 32px;
   704      padding: 0;
   705      margin: 0;
   706      color: #333;
   707  }
   708  /*
   709  	 * RTL - SUPPORT
   710  
   711  
   712  	.rtl .jarviswidget > header {
   713  		padding: 0 7px 0 0;
   714  	}
   715  	.rtl .jarviswidget > header h2 {
   716  		float: right;
   717  		text-align: right
   718  	}
   719  	.rtl .jarviswidget > header .jarviswidget-icon {
   720  		float: right;
   721  		margin: 12px 0 0 7px;
   722  	}
   723  	.rtl .jarviswidget-ctrls {
   724  		float: left;
   725  		padding: 10px 0 0 3px;
   726  		margin: 0;
   727  	}
   728  	.rtl .jarviswidget-ctrls .button-icon {
   729  		margin: 0 0 5px 5px;
   730  	}
   731  	.rtl .jarviswidget-loader {
   732  		float: left;
   733  	}*/
   734  /*
   735  	 * CLEARFIX
   736  	 */
   737  .jarviswidget:before,
   738  .jarviswidget:after,
   739  .jarviswidget > div:before,
   740  .jarviswidget > div:after,
   741  .inner-spacer:before,
   742  .inner-spacer:after,
   743  .jarviswidget-editbox:before,
   744  .jarviswidget-editbox:after,
   745  .clearfix:before,
   746  .clearfix:after {
   747      content: "\0020";
   748      display: block;
   749      height: 0;
   750      overflow: hidden;
   751      font-size: 0;
   752      line-height: 0;
   753      visibility: hidden;
   754  }
   755  .jarviswidget:after,
   756  .jarviswidget > div:after,
   757  .inner-spacer:after,
   758  .jarviswidget-editbox:after,
   759  .clearfix:after {
   760      clear: both;
   761  }
   762  .jarviswidget,
   763  .jarviswidget > div,
   764  .inner-spacer:after,
   765  .jarviswidget-editbox,
   766  .clearfix {
   767      zoom: 1;
   768      /*IE*/
   769  }
   770  /*
   771  	 * WIDGET TOOLBARS
   772  	 */
   773  .widget-toolbar {
   774      display: inline-block;
   775      float: right;
   776      width: auto;
   777      height: 32px;
   778      line-height: 32px;
   779      position: relative;
   780      border-left: 1px solid rgba(0, 0, 0, 0.09);
   781      cursor: pointer;
   782      padding: 0 8px;
   783      text-align: center;
   784  }
   785  .widget-toolbar > :first-child {
   786      text-align: left;
   787  }
   788  /*
   789  	 * WIDGET TOOLBAR COMPONENTS
   790  	 */
   791  /*
   792  		 * TABS
   793  		 */
   794  .jarviswidget header .nav-tabs {
   795      border-bottom-color: transparent;
   796  }
   797  .jarviswidget header .nav-tabs > li > a {
   798      border-radius: 0px;
   799      border: none;
   800      padding: 7px 15px 6px;
   801  }
   802  .jarviswidget header:first-child .nav-tabs {
   803      float: left;
   804  }
   805  .jarviswidget header:first-child .nav-tabs li {
   806      padding-left: 0;
   807  }
   808  .jarviswidget header:first-child .nav-tabs li a {
   809      color: #333;
   810  }
   811  .jarviswidget header:first-child .nav-tabs.pull-right li:last-child a {
   812      margin-right: 0px !important;
   813      border-right: none !important;
   814  }
   815  .jarviswidget header .nav-tabs  > li.active  > a,
   816  .jarviswidget header .nav-tabs  > li.active  > a:hover,
   817  .jarviswidget header .nav-tabs  > li.active  > a:focus {
   818      color: #555;
   819      background-color: #FFF;
   820      border: 1px solid #C2C2C2;
   821      border-bottom-color: transparent;
   822      border-top: none;
   823      cursor: default;
   824  }
   825  /*
   826  		 * PILLS
   827  		 */
   828  .jarviswidget header .nav-pills {
   829      margin: 3px;
   830  }
   831  .jarviswidget header .nav-pills > li > a {
   832      padding: 3px 5px 4px;
   833  }
   834  /*
   835  		 * BTN GROUPS
   836  		 */
   837  .widget-toolbar .btn-group {
   838      margin-top: -3px;
   839  }
   840  /*
   841  		 * BTNs
   842  		 */
   843  .widget-toolbar > .btn {
   844      margin-top: -3px;
   845      font-size: 12px !important;
   846      padding: 1px 8px !important;
   847  }
   848  /*
   849  		 * INPUT
   850  		 */
   851  .widget-toolbar .smart-form label.checkbox,
   852  .widget-toolbar .smart-form label.radio {
   853      line-height: 29px;
   854  }
   855  /*
   856  		 * LABELS
   857  		 */
   858  .widget-toolbar > .label {
   859      vertical-align: middle;
   860      margin-top: -3px;
   861      display: inline-block;
   862      text-align: center;
   863      font-size: 12px;
   864      padding: 4px 7px;
   865  }
   866  /*
   867  		 * BADGE
   868  		 */
   869  .widget-toolbar > .badge {
   870      padding: 5px 5px;
   871      font-size: 14px;
   872      border-radius: 50%;
   873      font-weight: normal;
   874      min-width: 24px;
   875      text-align: center !important;
   876  }
   877  /*
   878  		 * PROGRESS BARS
   879  		 */
   880  .widget-toolbar .progress {
   881      width: 130px;
   882      margin: 7px 0 0 0;
   883      height: 18px !important;
   884      font-size: 12px;
   885      box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
   886      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
   887      -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #D1D1D1 inset;
   888  }
   889  .widget-toolbar .progress-bar {
   890      font-size: 12px;
   891  }
   892  /*
   893  		 * PAGINATION
   894  		 */
   895  .widget-toolbar .pagination {
   896      margin: 4px 0;
   897  }
   898  .widget-toolbar .pagination > li > a {
   899      padding: 2px 7px;
   900  }
   901  /*
   902  		 * TEXT INPUT
   903  		 */
   904  .widget-toolbar .widget-text-input {
   905      max-width: 220px;
   906  }
   907  .widget-toolbar input[type='text'] {
   908      height: 28px !important;
   909      margin-top: 2px;
   910  }
   911  .widget-toolbar.smart-form .icon-append,
   912  .widget-toolbar.smart-form .icon-prepend,
   913  .widget-toolbar .smart-form .icon-append,
   914  .widget-toolbar .smart-form .icon-prepend {
   915      top: 3px !important;
   916  }
   917  /*
   918   * Enhancements for other plugins
   919   */
   920  #jarviswidget-fullscreen-mode .fc-grid .fc-day-number {
   921      padding: 5px 12px;
   922      font-size: 40px;
   923  }