src/ztfy/myams/resources/css/myams.css
changeset 156 61176c64158d
parent 143 63b798053ece
child 161 665e38dc7b52
equal deleted inserted replaced
155:e0fb6fd568eb 156:61176c64158d
     1 (node) util.print is deprecated. Use console.log instead.
       
     2 /*
     1 /*
     3  * MyAMS
     2  * MyAMS
     4  * « My Application Management Skin »
     3  * « My Application Management Skin »
     5  *
     4  *
     6  * $Tag$
     5  * $Tag$
    11  * ©2014 Thierry Florac <tflorac@ulthar.net>
    10  * ©2014 Thierry Florac <tflorac@ulthar.net>
    12  */
    11  */
    13 /*
    12 /*
    14  * Colors variations
    13  * Colors variations
    15  */
    14  */
       
    15 .txt-color-danger {
       
    16   color: #a94442 !important;
       
    17 }
       
    18 .txt-color-warning {
       
    19   color: #6b6d31 !important;
       
    20 }
       
    21 .txt-color-info {
       
    22   color: #346597 !important;
       
    23 }
       
    24 .txt-color-success {
       
    25   color: #296829 !important;
       
    26 }
       
    27 .bg-color-danger {
       
    28   background-color: #a94442 !important;
       
    29 }
       
    30 .bg-color-warning {
       
    31   background-color: #6b6d31 !important;
       
    32 }
       
    33 .bg-color-info {
       
    34   background-color: #346597 !important;
       
    35 }
       
    36 .bg-color-success {
       
    37   background-color: #5cb85c !important;
       
    38 }
    16 .txt-color-text {
    39 .txt-color-text {
    17   color: #333333 !important;
    40   color: #333333 !important;
    18 }
    41 }
    19 .txt-color-blue {
    42 .txt-color-blue {
    20   color: #60747c !important;
    43   color: #60747c !important;
  3066   src: url('fonts/Ubuntu-B.eot');
  3089   src: url('fonts/Ubuntu-B.eot');
  3067   src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg');
  3090   src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg');
  3068   font-weight: bold;
  3091   font-weight: bold;
  3069   font-style: normal;
  3092   font-style: normal;
  3070 }
  3093 }
       
  3094 @font-face {
       
  3095   font-family: 'OpenSans';
       
  3096   src: url('fonts/OpenSans-Regular.eot');
       
  3097   src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
       
  3098   font-weight: normal;
       
  3099   font-style: normal;
       
  3100 }
  3071 html,
  3101 html,
  3072 body {
  3102 body {
  3073   font-family: Ubuntu, Arial, Helvetica, sans-serif;
  3103   font-family: Ubuntu, Arial, Helvetica, sans-serif;
  3074 }
  3104 }
  3075 a:active,
  3105 a:active,
  3102   vertical-align: top!important;
  3132   vertical-align: top!important;
  3103 }
  3133 }
  3104 .align-base {
  3134 .align-base {
  3105   vertical-align: baseline!important;
  3135   vertical-align: baseline!important;
  3106 }
  3136 }
       
  3137 .align-middle {
       
  3138   vertical-align: middle!important;
       
  3139 }
  3107 .opacity-25 {
  3140 .opacity-25 {
  3108   opacity: 0.25!important;
  3141   opacity: 0.25!important;
  3109 }
  3142 }
  3110 .opacity-50 {
  3143 .opacity-50 {
  3111   opacity: 0.5!important;
  3144   opacity: 0.5!important;
  3293 }
  3326 }
  3294 .shift-bottomright-4 {
  3327 .shift-bottomright-4 {
  3295   margin-bottom: -4px !important;
  3328   margin-bottom: -4px !important;
  3296   margin-right: -4px !important;
  3329   margin-right: -4px !important;
  3297 }
  3330 }
  3298 .bordered {
  3331 .bordered:not(:empty) {
  3299   border: 1px solid #ccc;
  3332   border: 1px solid #ccc;
  3300 }
  3333 }
  3301 .bordered:hover {
  3334 .bordered:not(:empty):hover {
  3302   border: 1px solid #bbbbbb;
  3335   border-color: #bbbbbb;
  3303 }
  3336 }
  3304 .bordered.nohover:hover {
  3337 .bordered:not(:empty).nohover:hover {
  3305   border-color: #ccc;
  3338   border-color: #ccc;
  3306 }
  3339 }
  3307 .no-border,
  3340 .no-border,
  3308 .well[class*=" bg-"].no-border {
  3341 .well[class*=" bg-"].no-border {
  3309   border-width: 0!important;
  3342   border-width: 0!important;
  3336   border-bottom-left-radius: 4px!important;
  3369   border-bottom-left-radius: 4px!important;
  3337 }
  3370 }
  3338 .radius-right-4 {
  3371 .radius-right-4 {
  3339   border-top-right-radius: 4px!important;
  3372   border-top-right-radius: 4px!important;
  3340   border-bottom-right-radius: 4px!important;
  3373   border-bottom-right-radius: 4px!important;
       
  3374 }
       
  3375 .width-nomin {
       
  3376   min-width: 0!important;
  3341 }
  3377 }
  3342 .width-100 {
  3378 .width-100 {
  3343   width: 100px;
  3379   width: 100px;
  3344   max-width: 100px;
  3380   max-width: 100px;
  3345 }
  3381 }
  3702     padding-left: 5px;
  3738     padding-left: 5px;
  3703     padding-right: 5px;
  3739     padding-right: 5px;
  3704   }
  3740   }
  3705 }
  3741 }
  3706 .page-title {
  3742 .page-title {
  3707   margin: 12px 0 15px;
  3743   margin: 7px 0 10px;
       
  3744 }
       
  3745 .page-title a {
       
  3746   color: #6F8696;
  3708 }
  3747 }
  3709 .page-title a:hover,
  3748 .page-title a:hover,
  3710 .page-title a:active {
  3749 .page-title a:active {
  3711   text-decoration: none;
  3750   text-decoration: none;
  3712 }
  3751 }
  3822   text-transform: uppercase;
  3861   text-transform: uppercase;
  3823   text-shadow: 0 0 1px #fff;
  3862   text-shadow: 0 0 1px #fff;
  3824   padding-left: 0;
  3863   padding-left: 0;
  3825   text-align: left;
  3864   text-align: left;
  3826 }
  3865 }
       
  3866 .top-menu.bordered {
       
  3867   background-color: white;
       
  3868   padding-top: 4px;
       
  3869   padding-bottom: 9px;
       
  3870   border-color: silver;
       
  3871   border-width: 2px 2px 0;
       
  3872   border-style: solid;
       
  3873   border-radius: 8px 8px 0 0;
       
  3874   margin-left: -1px;
       
  3875 }
  3827 .top-tabs {
  3876 .top-tabs {
  3828   display: inline-block;
  3877   display: inline-block;
  3829   padding: 7px 13px 0;
  3878   padding: 7px 13px 0;
  3830   position: relative;
  3879   position: relative;
  3831 }
  3880 }
  3863   font-size: 14px;
  3912   font-size: 14px;
  3864   cursor: pointer;
  3913   cursor: pointer;
  3865 }
  3914 }
  3866 .top-selector:hover {
  3915 .top-selector:hover {
  3867   color: #333;
  3916   color: #333;
       
  3917 }
       
  3918 #user-menu {
       
  3919   position: relative;
       
  3920 }
       
  3921 #user-menu .btn {
       
  3922   position: relative;
       
  3923   margin-top: 10px;
       
  3924   margin-bottom: 8px;
       
  3925   padding: 3px 6px 3px 0;
       
  3926   width: 60px;
       
  3927 }
       
  3928 @media (max-width: 767px) {
       
  3929   #user-menu .btn {
       
  3930     margin-top: 5px;
       
  3931     margin-left: 5px!important;
       
  3932     width: 40px;
       
  3933     padding-top: 5px;
       
  3934     padding-bottom: 4px;
       
  3935   }
       
  3936   #user-menu .btn i.fa {
       
  3937     float: none!important;
       
  3938     font-size: 150%;
       
  3939   }
       
  3940 }
       
  3941 #user-menu .btn img,
       
  3942 #user-menu .btn i.img {
       
  3943   position: absolute;
       
  3944   left: -1px;
       
  3945   top: -4px;
       
  3946   border: solid 1px white;
       
  3947   padding: 2px;
       
  3948   background-color: white;
       
  3949   transform: rotate(-7deg);
       
  3950 }
       
  3951 @media (max-width: 767px) {
       
  3952   #user-menu .btn img,
       
  3953   #user-menu .btn i.img {
       
  3954     display: none;
       
  3955   }
       
  3956 }
       
  3957 #user-menu .btn i.img {
       
  3958   width: 34px;
       
  3959   height: 34px;
       
  3960   color: #999;
       
  3961   opacity: 1;
       
  3962   font-size: 220%;
       
  3963 }
       
  3964 #user-menu .btn:active img,
       
  3965 #user-menu .btn:active i.img {
       
  3966   left: -2px;
       
  3967   top: -5px;
       
  3968 }
       
  3969 @media (max-width: 767px) {
       
  3970   #user-menu .dropdown-menu a {
       
  3971     width: auto!important;
       
  3972   }
       
  3973 }
       
  3974 #user-activity {
       
  3975   position: relative;
       
  3976 }
       
  3977 #user-activity .badge {
       
  3978   position: absolute;
       
  3979   top: 2px;
       
  3980   right: -8px;
       
  3981 }
       
  3982 @media (max-width: 767px) {
       
  3983   #user-activity .badge {
       
  3984     top: -2px;
       
  3985   }
  3868 }
  3986 }
  3869 @media (max-width: 979px) {
  3987 @media (max-width: 979px) {
  3870   #login-info {
  3988   #login-info {
  3871     display: none;
  3989     display: none;
  3872   }
  3990   }
  4182   margin: 0;
  4300   margin: 0;
  4183   padding: 12px 34px 10px 0!important;
  4301   padding: 12px 34px 10px 0!important;
  4184   background: 0 0;
  4302   background: 0 0;
  4185   vertical-align: top;
  4303   vertical-align: top;
  4186 }
  4304 }
       
  4305 #ribbon .breadcrumb li.strong a {
       
  4306   line-height: 1em;
       
  4307   font-weight: bold;
       
  4308   font-size: 120%;
       
  4309   color: white!important;
       
  4310 }
       
  4311 @media only screen and (min-width: 0) and (max-width: 679px) {
       
  4312   #ribbon .breadcrumb li.strong a {
       
  4313     color: #333!important;
       
  4314   }
       
  4315 }
  4187 #ribbon .breadcrumb,
  4316 #ribbon .breadcrumb,
  4188 #ribbon .breadcrumb a {
  4317 #ribbon .breadcrumb a {
  4189   color: #ddd!important;
  4318   color: #ddd!important;
  4190   text-decoration: none!Important;
  4319   text-decoration: none!Important;
  4191 }
  4320 }
  4194   #ribbon .breadcrumb a {
  4323   #ribbon .breadcrumb a {
  4195     color: #6D6C6C!important;
  4324     color: #6D6C6C!important;
  4196   }
  4325   }
  4197 }
  4326 }
  4198 #ribbon .breadcrumb > li + li:before {
  4327 #ribbon .breadcrumb > li + li:before {
  4199   padding: 0 1px 0 5px;
  4328   padding: 0 3px;
       
  4329 }
       
  4330 #ribbon .breadcrumb > li + li.strong:before {
       
  4331   padding-right: 1px;
  4200 }
  4332 }
  4201 #ribbon .breadcrumb li:last-child,
  4333 #ribbon .breadcrumb li:last-child,
  4202 #ribbon .breadcrumb > .active {
  4334 #ribbon .breadcrumb > .active {
  4203   color: #eee;
  4335   color: #eee;
  4204 }
  4336 }
  4355 }
  4487 }
  4356 .login-info span a.btn-success {
  4488 .login-info span a.btn-success {
  4357   margin-top: -10px;
  4489   margin-top: -10px;
  4358 }
  4490 }
  4359 .login-info img {
  4491 .login-info img {
  4360   width: 25px;
  4492   width: 24px;
  4361   height: auto;
  4493   height: auto;
  4362   display: inline-block;
  4494   display: inline-block;
  4363   vertical-align: middle;
  4495   vertical-align: middle;
  4364   margin-top: -3px;
  4496   margin-top: -6px;
  4365   margin-right: 7px;
  4497   margin-right: 0;
  4366   margin-left: 0;
  4498   margin-left: 0;
  4367   border-left: 3px solid #fff;
  4499   border-left: 0;
  4368 }
  4500 }
  4369 .minifyme {
  4501 .minifyme {
  4370   border-bottom: 1px solid #302F2F;
  4502   border-bottom: 1px solid #302F2F;
  4371   background: #454545;
  4503   background: #454545;
  4372   color: #A8A8A8;
  4504   color: #A8A8A8;
  4712 #shortcut ul li .ams-metro-tile:active,
  4844 #shortcut ul li .ams-metro-tile:active,
  4713 #shortcut ul li .ams-metro-tile:focus {
  4845 #shortcut ul li .ams-metro-tile:focus {
  4714   left: 0;
  4846   left: 0;
  4715   top: 0;
  4847   top: 0;
  4716 }
  4848 }
       
  4849 #shortcut ul li a {
       
  4850   display: inline-block;
       
  4851   box-sizing: content-box;
       
  4852   text-transform: capitalize;
       
  4853   font-size: 14px;
       
  4854   color: #333;
       
  4855   text-decoration: none;
       
  4856 }
       
  4857 #shortcut ul li a span {
       
  4858   display: inline-block;
       
  4859   padding: 0 0 0 10px;
       
  4860 }
  4717 #shortcut .version {
  4861 #shortcut .version {
  4718   position: absolute;
  4862   position: absolute;
  4719   right: 10px;
  4863   right: 10px;
  4720   bottom: 10px;
  4864   bottom: 10px;
  4721 }
  4865 }
  5152 nav {
  5296 nav {
  5153   padding-top: 40px;
  5297   padding-top: 40px;
  5154 }
  5298 }
  5155 nav ul {
  5299 nav ul {
  5156   width: 100%;
  5300   width: 100%;
  5157   padding: 40px 28px 25px 0;
       
  5158   padding: 0;
  5301   padding: 0;
  5159   margin: 0;
  5302   margin: 0;
  5160   font-size: 13px;
  5303   font-size: 13px;
  5161   line-height: .5em;
  5304   line-height: .5em;
  5162   list-style: none;
  5305   list-style: none;
  5168 }
  5311 }
  5169 nav ul li.divider {
  5312 nav ul li.divider {
  5170   height: 20px;
  5313   height: 20px;
  5171   border: 0;
  5314   border: 0;
  5172 }
  5315 }
       
  5316 nav ul li.divider:last-child {
       
  5317   display: none;
       
  5318 }
  5173 nav ul li.header {
  5319 nav ul li.header {
  5174   font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
  5320   font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
  5175   font-size: 14px;
  5321   font-size: 14px;
  5176   font-weight: bold;
  5322   font-weight: bold;
  5177   color: #eee;
  5323   color: #eee;
  5178   background-color: #b13510;
  5324   background-color: #b13510;
  5179   border-top-color: #d44918;
       
  5180   border-bottom-color: #a13812;
       
  5181   padding: 4px 10px 4px 20px;
  5325   padding: 4px 10px 4px 20px;
  5182   line-height: 18px;
  5326   line-height: 18px;
  5183 }
  5327 }
  5184 nav ul li.header:not(:first-child) {
  5328 nav ul li.header:not(:first-child) {
  5185   margin-top: 10px;
  5329   margin-top: 10px;
  5224   line-height: 14px;
  5368   line-height: 14px;
  5225   width: 27px;
  5369   width: 27px;
  5226   position: absolute;
  5370   position: absolute;
  5227   right: -21px;
  5371   right: -21px;
  5228   font-size: 20px;
  5372   font-size: 20px;
  5229   color: #eee;
  5373   color: #e5e2cf;
  5230 }
  5374 }
  5231 nav ul li.active.open > a:before {
  5375 nav ul li.active.open > a:before {
  5232   content: "";
  5376   content: "";
  5233 }
  5377 }
  5234 nav ul li.active.open > a.active:before {
  5378 nav ul li.active.open > a.active:before {
  5239   position: relative;
  5383   position: relative;
  5240 }
  5384 }
  5241 nav ul .active > a {
  5385 nav ul .active > a {
  5242   color: #fefefe!important;
  5386   color: #fefefe!important;
  5243   position: relative;
  5387   position: relative;
       
  5388 }
       
  5389 nav ul.active li.active > a {
       
  5390   cursor: default;
       
  5391 }
       
  5392 nav ul.active li.active > a.open {
       
  5393   cursor: pointer;
       
  5394 }
       
  5395 nav ul.active li.active > a.open.active {
       
  5396   cursor: default;
  5244 }
  5397 }
  5245 nav ul b {
  5398 nav ul b {
  5246   float: right;
  5399   float: right;
  5247   font-size: 14px;
  5400   font-size: 14px;
  5248   margin-top: -1px;
  5401   margin-top: -1px;
  5327   padding-left: 10px;
  5480   padding-left: 10px;
  5328 }
  5481 }
  5329 nav ul ul b {
  5482 nav ul ul b {
  5330   color: #B3B3B3;
  5483   color: #B3B3B3;
  5331 }
  5484 }
  5332 nav > ul > li {
       
  5333   border-top: 1px solid #718999;
       
  5334   border-bottom: 1px solid #576975;
       
  5335 }
       
  5336 nav > ul > li:hover > ul::before,
  5485 nav > ul > li:hover > ul::before,
  5337 nav > ul > li:hover > ul > li::before {
  5486 nav > ul > li:hover > ul > li::before {
  5338   border-color: #ACACAC!important;
  5487   border-color: #ACACAC!important;
  5339 }
  5488 }
  5340 nav > ul > li > a > .badge.pull-right {
  5489 nav > ul > li > a > .badge.pull-right {
  5341   margin-right: 15px;
  5490   margin-right: 15px;
  5342 }
  5491 }
  5343 nav > ul > li > a b {
  5492 nav > ul > li > a b {
  5344   position: absolute!important;
  5493   position: absolute!important;
       
  5494   visibility: hidden;
  5345   right: 10px;
  5495   right: 10px;
  5346   top: 10px;
  5496   top: 10px;
  5347 }
  5497 }
  5348 nav > ul > li > a > i {
  5498 nav > ul > li > a > i {
  5349   margin-right: 5px;
  5499   margin-right: 5px;
  5371   vertical-align: baseline;
  5521   vertical-align: baseline;
  5372   white-space: nowrap;
  5522   white-space: nowrap;
  5373   text-align: center;
  5523   text-align: center;
  5374   border: 1px solid rgba(255, 255, 255, 0.1);
  5524   border: 1px solid rgba(255, 255, 255, 0.1);
  5375 }
  5525 }
       
  5526 nav > ul > li:not(.open) > a:hover b,
       
  5527 nav > ul > li.open:not(.active) > a:hover b {
       
  5528   visibility: visible;
       
  5529 }
  5376 nav > ul > li > ul::before {
  5530 nav > ul > li > ul::before {
  5377   content: "";
  5531   content: "";
  5378   display: block;
  5532   display: block;
  5379   position: absolute;
  5533   position: absolute;
  5380   z-index: 1;
  5534   z-index: 1;
  6206   }
  6360   }
  6207 }
  6361 }
  6208 .viewport-y {
  6362 .viewport-y {
  6209   overflow-y: auto;
  6363   overflow-y: auto;
  6210 }
  6364 }
       
  6365 .viewport-y-none {
       
  6366   overflow-y: hidden!important;
       
  6367 }
  6211 .viewport-y.viewport-100 {
  6368 .viewport-y.viewport-100 {
  6212   max-height: 100px;
  6369   max-height: 100px;
  6213 }
  6370 }
  6214 .viewport-y.viewport-200 {
  6371 .viewport-y.viewport-200 {
  6215   max-height: 200px;
  6372   max-height: 200px;
  6229 .viewport-y.viewport-600 {
  6386 .viewport-y.viewport-600 {
  6230   max-height: 600px;
  6387   max-height: 600px;
  6231 }
  6388 }
  6232 .viewport-x {
  6389 .viewport-x {
  6233   overflow-x: auto;
  6390   overflow-x: auto;
       
  6391 }
       
  6392 .viewport-x-none {
       
  6393   overflow-x: hidden!important;
  6234 }
  6394 }
  6235 .viewport-x.viewport-100 {
  6395 .viewport-x.viewport-100 {
  6236   max-width: 100px;
  6396   max-width: 100px;
  6237 }
  6397 }
  6238 .viewport-x.viewport-200 {
  6398 .viewport-x.viewport-200 {
  7369   padding: 0!important;
  7529   padding: 0!important;
  7370 }
  7530 }
  7371 .table-dnd tbody tr.dragging-row td {
  7531 .table-dnd tbody tr.dragging-row td {
  7372   background-color: #cedbf7 !important;
  7532   background-color: #cedbf7 !important;
  7373 }
  7533 }
  7374 .table-dnd tbody tr td:first-child {
  7534 .table-dnd tbody tr:not(.no-drag-handle) td:first-child {
  7375   padding-left: 20px!important;
  7535   padding-left: 20px!important;
       
  7536 }
       
  7537 .table-dnd tbody td.sorter,
       
  7538 .table-dnd tbody td.sorter a {
       
  7539   cursor: move!important;
  7376 }
  7540 }
  7377 .table-dnd tbody td.drag-handle {
  7541 .table-dnd tbody td.drag-handle {
  7378   background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%;
  7542   background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%;
       
  7543 }
       
  7544 table:not(.table-dnd) td.sorter a {
       
  7545   display: none;
  7379 }
  7546 }
  7380 .table-tight td,
  7547 .table-tight td,
  7381 .table-tight th {
  7548 .table-tight th {
  7382   padding: 4px 8px!important;
  7549   padding: 4px 8px!important;
  7383   line-height: 1.3!important;
  7550   line-height: 1.3!important;
  7384 }
  7551 }
       
  7552 .table-tight td input[type="text"],
       
  7553 .table-tight th input[type="text"] {
       
  7554   height: 20px;
       
  7555   padding: 3px 8px;
       
  7556 }
       
  7557 .table-small td,
       
  7558 .table-small th {
       
  7559   padding: 2px 8px!important;
       
  7560   line-height: 1.2!important;
       
  7561 }
       
  7562 .table-small td input[type="text"],
       
  7563 .table-small th input[type="text"] {
       
  7564   height: 18px;
       
  7565   padding: 2px 8px;
       
  7566 }
  7385 .table-mini td,
  7567 .table-mini td,
  7386 .table-mini th {
  7568 .table-mini th {
  7387   padding: 1px 8px!important;
  7569   padding: 1px 8px!important;
  7388   line-height: 1.1!important;
  7570   line-height: 1.1!important;
  7389 }
  7571 }
       
  7572 .table-mini td input[type="text"],
       
  7573 .table-mini th input[type="text"] {
       
  7574   height: 16px;
       
  7575   padding: 1px 8px;
       
  7576 }
  7390 .table-bordered > thead > tr > td,
  7577 .table-bordered > thead > tr > td,
  7391 .table-bordered > thead > tr > th {
  7578 .table-bordered > thead > tr > th {
  7392   border-width: 1px;
  7579   border-width: 1px;
  7393 }
  7580 }
  7394 .table-bordered .no-padding > .table-bordered {
  7581 .table-bordered .no-padding > .table-bordered {
  7438 }
  7625 }
  7439 .dt-bottom-row {
  7626 .dt-bottom-row {
  7440   background: #fafafa;
  7627   background: #fafafa;
  7441   font-size: 11px;
  7628   font-size: 11px;
  7442   overflow: hidden;
  7629   overflow: hidden;
  7443   padding: 5px 10px!important;
  7630   padding: 5px 10px;
  7444   border-top: 1px solid #ccc;
  7631   border-top: 1px solid #ccc;
  7445   -webkit-box-shadow: inset 0 1px #fff;
  7632   -webkit-box-shadow: inset 0 1px #fff;
  7446   -ms-box-shadow: inset 0 1px #fff;
  7633   -ms-box-shadow: inset 0 1px #fff;
  7447   box-shadow: inset 0 1px #fff;
  7634   box-shadow: inset 0 1px #fff;
  7448 }
  7635 }
  7516 }
  7703 }
  7517 .dataTables_wrapper table.table thead .sorting {
  7704 .dataTables_wrapper table.table thead .sorting {
  7518   background: url(../img/datatable/sort_both.png) no-repeat center right;
  7705   background: url(../img/datatable/sort_both.png) no-repeat center right;
  7519 }
  7706 }
  7520 .dataTables_wrapper table.table thead .sorting_asc {
  7707 .dataTables_wrapper table.table thead .sorting_asc {
  7521   background: url(../img/datatable/sort_asc.png) no-repeat center right;
  7708   background: #e0f8ff url(../img/datatable/sort_asc.png) no-repeat center right;
  7522 }
  7709 }
  7523 .dataTables_wrapper table.table thead .sorting_desc {
  7710 .dataTables_wrapper table.table thead .sorting_desc {
  7524   background: url(../img/datatable/sort_desc.png) no-repeat center right;
  7711   background: #d4f0ff url(../img/datatable/sort_desc.png) no-repeat center right;
  7525 }
  7712 }
  7526 .dataTables_wrapper table.table thead .sorting_asc_disabled {
  7713 .dataTables_wrapper table.table thead .sorting_asc_disabled {
  7527   background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right;
  7714   background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right;
  7528 }
  7715 }
  7529 .dataTables_wrapper table.table thead .sorting_desc_disabled {
  7716 .dataTables_wrapper table.table thead .sorting_desc_disabled {
  9132 .ams-form .input input[readonly],
  9319 .ams-form .input input[readonly],
  9133 .ams-form .select select[readonly],
  9320 .ams-form .select select[readonly],
  9134 .ams-form .textarea textarea[readonly] {
  9321 .ams-form .textarea textarea[readonly] {
  9135   border-bottom: 1px solid #ccc!important;
  9322   border-bottom: 1px solid #ccc!important;
  9136 }
  9323 }
       
  9324 .ams-form .input input[readonly]:focus,
       
  9325 .ams-form .select select[readonly]:focus,
       
  9326 .ams-form .textarea textarea[readonly]:focus {
       
  9327   -webkit-box-shadow: none;
       
  9328   -moz-box-shadow: none;
       
  9329   box-shadow: none;
       
  9330 }
  9137 .ams-form .input input.display-mode,
  9331 .ams-form .input input.display-mode,
  9138 .ams-form .select select.display-mode,
  9332 .ams-form .select select.display-mode,
  9139 .ams-form .textarea textarea.display-mode {
  9333 .ams-form .textarea textarea.display-mode {
  9140   border: none;
  9334   border: none;
  9141   padding: 0;
  9335   padding: 0;
  9344 }
  9538 }
  9345 .ams-form .inner .checkbox input + i:after {
  9539 .ams-form .inner .checkbox input + i:after {
  9346   width: 11px;
  9540   width: 11px;
  9347   height: 11px;
  9541   height: 11px;
  9348   font: 300 12px/16px FontAwesome;
  9542   font: 300 12px/16px FontAwesome;
       
  9543 }
       
  9544 .inner-table-form .ams-form > fieldset {
       
  9545   margin-top: 10px;
       
  9546   margin-bottom: 0;
       
  9547 }
       
  9548 .inner-table-form .ams-form legend {
       
  9549   background-color: white;
       
  9550 }
       
  9551 .inner-table-form .ams-form .form-group {
       
  9552   padding: 5px 10px 0;
       
  9553 }
       
  9554 .inner-table-form .ams-form input[type="text"] {
       
  9555   height: 28px;
       
  9556 }
       
  9557 .inner-table-form .ams-form .mce-edit-area > iframe {
       
  9558   min-height: 250px!important;
       
  9559 }
       
  9560 .inner-table-form .ams-form footer {
       
  9561   padding: 5px 20px;
       
  9562   border-top: 0;
       
  9563   background-color: transparent;
  9349 }
  9564 }
  9350 .ams-form .toggle {
  9565 .ams-form .toggle {
  9351   margin-bottom: 4px;
  9566   margin-bottom: 4px;
  9352   padding-right: 61px;
  9567   padding-right: 61px;
  9353   font-size: 15px;
  9568   font-size: 15px;
 10391   bottom: -10px;
 10606   bottom: -10px;
 10392   border-radius: 50%;
 10607   border-radius: 50%;
 10393   padding: 6px 4px 3px;
 10608   padding: 6px 4px 3px;
 10394   border: 1px solid #fff;
 10609   border: 1px solid #fff;
 10395 }
 10610 }
       
 10611 .mce-container,
       
 10612 .mce-container *,
       
 10613 .mce-widget,
       
 10614 .mce-widget *,
       
 10615 .mce-reset {
       
 10616   font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
       
 10617   font-size: 13px;
       
 10618 }
       
 10619 .mce-container button,
       
 10620 .mce-container * button,
       
 10621 .mce-widget button,
       
 10622 .mce-widget * button,
       
 10623 .mce-reset button {
       
 10624   padding: 2px 10px!important;
       
 10625 }
       
 10626 .mce-container .mce-ico,
       
 10627 .mce-container * .mce-ico,
       
 10628 .mce-widget .mce-ico,
       
 10629 .mce-widget * .mce-ico,
       
 10630 .mce-reset .mce-ico {
       
 10631   font-family: tinymce, Arial!important;
       
 10632   font-size: 14px!important;
       
 10633 }
       
 10634 .mce-panel {
       
 10635   background-image: none!important;
       
 10636   border-color: #ccc!important;
       
 10637 }
       
 10638 .mce-menubar .mce-menubtn button {
       
 10639   padding: 2px 10px;
       
 10640   line-height: 16px;
       
 10641 }
       
 10642 .mce-menubar .mce-menubtn button span {
       
 10643   font-size: 12px;
       
 10644   line-height: 16px;
       
 10645 }
       
 10646 .mce-menubar .mce-menubtn button .mce-caret {
       
 10647   margin-top: 6px;
       
 10648 }
       
 10649 .mce-menubtn span {
       
 10650   font-size: 13px!important;
       
 10651 }
       
 10652 .mce-btn-group .mce-btn {
       
 10653   border-color: #ccc!important;
       
 10654 }
       
 10655 .mce-btn {
       
 10656   background-image: none!important;
       
 10657 }
       
 10658 .mce-colorbutton button {
       
 10659   padding: 2px 1px 2px 5px!important;
       
 10660 }
 10396 .mce-edit-area > iframe {
 10661 .mce-edit-area > iframe {
 10397   min-height: 400px!important;
 10662   min-height: 400px!important;
       
 10663 }
       
 10664 .mce-path,
       
 10665 .mce-wordcount {
       
 10666   padding: 2px 8px!important;
       
 10667   font-size: 12px!important;
       
 10668 }
       
 10669 .mce-path button,
       
 10670 .mce-wordcount button {
       
 10671   font-size: 12px!important;
 10398 }
 10672 }
 10399 .client-form header {
 10673 .client-form header {
 10400   padding: 15px 13px;
 10674   padding: 15px 13px;
 10401   margin: 0;
 10675   margin: 0;
 10402   border-bottom-style: solid;
 10676   border-bottom-style: solid;
 10444   margin-bottom: 7px;
 10718   margin-bottom: 7px;
 10445 }
 10719 }
 10446 .btn {
 10720 .btn {
 10447   padding: 6px 12px;
 10721   padding: 6px 12px;
 10448   border-radius: 2px;
 10722   border-radius: 2px;
 10449   box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
       
 10450   -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
       
 10451 }
 10723 }
 10452 .btn-toolbar .btn {
 10724 .btn-toolbar .btn {
 10453   padding: 4px;
 10725   padding: 4px;
 10454 }
 10726 }
 10455 .btn:active {
 10727 .btn:active {
 10675   border: 1px solid #bfbfbf;
 10947   border: 1px solid #bfbfbf;
 10676   color: #6D6A69;
 10948   color: #6D6A69;
 10677   font-size: 17px;
 10949   font-size: 17px;
 10678   margin: 10px 0 0;
 10950   margin: 10px 0 0;
 10679 }
 10951 }
       
 10952 .btn-header > :first-child > a[href] {
       
 10953   cursor: pointer!important;
       
 10954 }
 10680 .btn-header > :first-child > a:hover {
 10955 .btn-header > :first-child > a:hover {
 10681   border: 1px solid #bfbfbf;
 10956   border: 1px solid #bfbfbf;
 10682   color: #222;
 10957   color: #222;
 10683   -webkit-transition: all 0s;
 10958   -webkit-transition: all 0s;
 10684   transition: all 0s;
 10959   transition: all 0s;
 10721   line-height: 29px;
 10996   line-height: 29px;
 10722   border-left: 1px solid rgba(0, 0, 0, 0.09);
 10997   border-left: 1px solid rgba(0, 0, 0, 0.09);
 10723   cursor: pointer;
 10998   cursor: pointer;
 10724   padding: 0 8px;
 10999   padding: 0 8px;
 10725   text-align: center;
 11000   text-align: center;
       
 11001 }
       
 11002 .widget-toolbar:empty {
       
 11003   padding: 0;
 10726 }
 11004 }
 10727 .widget-toolbar.no-border {
 11005 .widget-toolbar.no-border {
 10728   border-left: 0;
 11006   border-left: 0;
 10729 }
 11007 }
 10730 .widget-toolbar > :first-child {
 11008 .widget-toolbar > :first-child {
 11927 }
 12205 }
 11928 .select2-default {
 12206 .select2-default {
 11929   color: #999!important;
 12207   color: #999!important;
 11930 }
 12208 }
 11931 .select2-container.select2-container-disabled .select2-choice {
 12209 .select2-container.select2-container-disabled .select2-choice {
 11932   background-color: #f4f4f4;
       
 11933   background-image: none;
 12210   background-image: none;
 11934   border: 1px solid #ddd;
 12211   border: 1px solid transparent;
       
 12212   border-bottom: 1px solid #ccc;
 11935   cursor: default;
 12213   cursor: default;
 11936 }
 12214 }
 11937 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
 12215 .select2-container.select2-container-disabled .select2-choice .select2-arrow {
 11938   background-color: #f4f4f4;
 12216   display: none;
 11939   background-image: none;
       
 11940   border-left: 0;
       
 11941 }
 12217 }
 11942 .select2-container.select2-container-disabled .select2-choice abbr {
 12218 .select2-container.select2-container-disabled .select2-choice abbr {
 11943   display: none;
 12219   display: none;
 11944 }
 12220 }
 11945 .select2-container-multi.select2-container-active .select2-choices {
 12221 .select2-container-multi.select2-container-active .select2-choices {
 11992 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
 12268 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
 11993   background: #ffffff url(../img/select2-spinner.gif) no-repeat 99% !important;
 12269   background: #ffffff url(../img/select2-spinner.gif) no-repeat 99% !important;
 11994 }
 12270 }
 11995 .select2-container-multi .select2-choices .select2-search-choice {
 12271 .select2-container-multi .select2-choices .select2-search-choice {
 11996   padding: 1px 28px 1px 8px;
 12272   padding: 1px 28px 1px 8px;
 11997   margin: 2px 0 2px 2px;
 12273   margin: 2px;
 11998   position: relative;
 12274   position: relative;
 11999   line-height: 18px;
 12275   line-height: 18px;
 12000   color: #fff;
 12276   color: #fff;
 12001   cursor: default;
 12277   cursor: default;
 12002   border: 1px solid #2a6395;
 12278   border: 1px solid #2a6395;
 12022 .with-icons .select2-container-multi .select2-choices .select2-search-choice.ui-sortable-handle {
 12298 .with-icons .select2-container-multi .select2-choices .select2-search-choice.ui-sortable-handle {
 12023   margin-right: 1px;
 12299   margin-right: 1px;
 12024 }
 12300 }
 12025 .select2-container-multi.ordered .select2-choices li {
 12301 .select2-container-multi.ordered .select2-choices li {
 12026   float: none;
 12302   float: none;
       
 12303 }
       
 12304 .select2-container-multi.ordered .select2-choices li.select2-search-choice {
 12027   cursor: move;
 12305   cursor: move;
 12028 }
 12306 }
 12029 .select2-container-multi.ordered .select2-choices li.ui-state-highlight {
 12307 .select2-container-multi.ordered .select2-choices li.ui-state-highlight {
 12030   margin: 2px 0 2px 2px;
 12308   margin: 2px 0 2px 2px;
 12031   height: 20px;
 12309   height: 20px;
 12040 }
 12318 }
 12041 .select2-container-multi .select2-search-choice-close:hover {
 12319 .select2-container-multi .select2-search-choice-close:hover {
 12042   background: rgba(0, 0, 0, 0.3);
 12320   background: rgba(0, 0, 0, 0.3);
 12043 }
 12321 }
 12044 .select2-container-multi.select2-container-disabled .select2-choices {
 12322 .select2-container-multi.select2-container-disabled .select2-choices {
 12045   background-color: #f4f4f4;
       
 12046   background-image: none;
 12323   background-image: none;
 12047   border: 1px solid transparent;
 12324   border: 1px solid transparent;
 12048   border-bottom: 1px solid #ccc;
 12325   border-bottom: 1px solid #ccc;
 12049   cursor: default;
 12326   cursor: default;
       
 12327 }
       
 12328 .select2-container-multi.select2-container-disabled .select2-choices:hover {
       
 12329   border-color: transparent!important;
       
 12330   border-bottom: 1px solid #ccc!important;
 12050 }
 12331 }
 12051 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
 12332 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
 12052   padding: 1px 5px;
 12333   padding: 1px 5px;
 12053   border: 1px solid #4a90cc;
 12334   border: 1px solid #4a90cc;
 12054   background-image: none;
 12335   background-image: none;
 12121   width: 1px;
 12402   width: 1px;
 12122   margin: -1px;
 12403   margin: -1px;
 12123   overflow: hidden;
 12404   overflow: hidden;
 12124   padding: 0;
 12405   padding: 0;
 12125 }
 12406 }
 12126 label.with-icon > i.icon-append + .select2-parent .select2-choices {
 12407 label.with-icon > i.icon-append + .select2-parent > .select2-choices {
 12127   padding-right: 29px;
 12408   padding-right: 29px;
 12128 }
 12409 }
 12129 .multiselect-container {
 12410 .multiselect-container {
 12130   position: absolute;
 12411   position: absolute;
 12131   list-style-type: none;
 12412   list-style-type: none;
 13875   height: 16px;
 14156   height: 16px;
 13876   text-indent: -99999px;
 14157   text-indent: -99999px;
 13877   overflow: hidden;
 14158   overflow: hidden;
 13878   background-repeat: no-repeat;
 14159   background-repeat: no-repeat;
 13879 }
 14160 }
       
 14161 .ui-sortable .ui-sortable-handle {
       
 14162   cursor: move;
       
 14163 }
 13880 /*
 14164 /*
 13881  * UI widget
 14165  * UI widget
 13882  */
 14166  */
 13883 .ui-widget {
 14167 .ui-widget {
 13884   font-family: Ubuntu, Helvetica, Arial, sans-serif;
 14168   font-family: Ubuntu, Helvetica, Arial, sans-serif;
 15207   }
 15491   }
 15208 }
 15492 }
 15209 .modal-dialog .modal-body .modal-viewport {
 15493 .modal-dialog .modal-body .modal-viewport {
 15210   min-height: 140px;
 15494   min-height: 140px;
 15211 }
 15495 }
       
 15496 .modal-dialog .close:hover {
       
 15497   background-color: white;
       
 15498 }
 15212 .modal-dialog .suffix .alert {
 15499 .modal-dialog .suffix .alert {
 15213   margin-bottom: 0;
 15500   margin-bottom: 0;
 15214 }
 15501 }
 15215 .modal-dialog .suffix .alert:last-child {
 15502 .modal-dialog .suffix .alert:last-child {
 15216   border-radius: 0 0 5px 5px;
 15503   border-radius: 0 0 5px 5px;
 15217 }
 15504 }
       
 15505 .modal-header {
       
 15506   position: relative;
       
 15507 }
       
 15508 .modal-header .toolbar {
       
 15509   position: absolute;
       
 15510   right: 10px;
       
 15511   bottom: -19px;
       
 15512   z-index: 1;
       
 15513 }
 15218 .modal-title img {
 15514 .modal-title img {
 15219   margin: 0 15px 0 0;
 15515   margin: 0 15px 0 0;
 15220 }
 15516 }
 15221 .modal-overflow .modal-body {
 15517 .modal-overflow .modal-body {
 15222   overflow: hidden;
 15518   overflow: hidden;
       
 15519 }
       
 15520 .modal-viewport fieldset .alert {
       
 15521   margin: 0 -5px 5px !important;
 15223 }
 15522 }
 15224 .ui-dialog {
 15523 .ui-dialog {
 15225   position: absolute;
 15524   position: absolute;
 15226   top: 0;
 15525   top: 0;
 15227   left: 0;
 15526   left: 0;